diff --git a/internal/site/src/components/routes/system/charts/sensor-charts.tsx b/internal/site/src/components/routes/system/charts/sensor-charts.tsx
index 5ac77720..8c462708 100644
--- a/internal/site/src/components/routes/system/charts/sensor-charts.tsx
+++ b/internal/site/src/components/routes/system/charts/sensor-charts.tsx
@@ -40,7 +40,7 @@ export function BatteryChart({
 		const dataPoints = batteryNames.map((name, index) => ({
 			label: name,
 			dataKey: ({ stats }: SystemStatsRecord) => stats?.bats?.[name],
-			color: `hsl(${(index * 360) / batteryNames.length}, 60%, 55%)`,
+			color: `hsl(${(index * 360 + 226) / batteryNames.length}, 65%, 52%)`,
 		}))
 		return (
 			<ChartCard