diff --git a/src/components/charts/correlation-chart.tsx b/src/components/charts/correlation-chart.tsx
index f894628..f4b869f 100644
--- a/src/components/charts/correlation-chart.tsx
+++ b/src/components/charts/correlation-chart.tsx
@@ -129,7 +129,7 @@ export function CorrelationChart({ data }: CorrelationChartProps) {
               type="number"
               dataKey="total_capacity_mw"
               name="DC Capacity"
-              tick={{ fontSize: 11, fill: 'hsl(var(--muted-foreground))' }}
+              tick={{ fontSize: 11, fill: '#a1a1aa' }}
               tickLine={false}
               axisLine={false}
               tickFormatter={(v: number) => `${v} MW`}>
@@ -137,14 +137,14 @@ export function CorrelationChart({ data }: CorrelationChartProps) {
                 value="Total DC Capacity (MW)"
                 offset={-10}
                 position="insideBottom"
-                style={{ fontSize: 11, fill: 'hsl(var(--muted-foreground))' }}
+                style={{ fontSize: 11, fill: '#a1a1aa' }}
               />
             </XAxis>
             <YAxis
               type="number"
               dataKey="avg_price"
               name="Avg Price"
-              tick={{ fontSize: 11, fill: 'hsl(var(--muted-foreground))' }}
+              tick={{ fontSize: 11, fill: '#a1a1aa' }}
               tickLine={false}
               axisLine={false}
               tickFormatter={(v: number) => `$${v}`}>
@@ -152,7 +152,7 @@ export function CorrelationChart({ data }: CorrelationChartProps) {
                 value="Avg Price ($/MWh)"
                 angle={-90}
                 position="insideLeft"
-                style={{ fontSize: 11, fill: 'hsl(var(--muted-foreground))' }}
+                style={{ fontSize: 11, fill: '#a1a1aa' }}
               />
             </YAxis>
             <ZAxis range={[200, 200]} />