diff --git a/src/app/insights/active-energy/page.tsx b/src/app/insights/active-energy/page.tsx
index 933931442..8bc6d5249 100644
--- a/src/app/insights/active-energy/page.tsx
+++ b/src/app/insights/active-energy/page.tsx
@@ -22,7 +22,7 @@ export default function InsightsActiveEnergyPage() {
       chartKey="activeEnergy"
       i18nPrefix="insights.activeEnergy"
       explainerMetric="activeEnergy"
-      color="var(--warning)"
+      color="var(--chart-5)"
       unit="kcal"
       yAxisUnit="kcal"
       emptyStateIcon={<Flame className="size-6" />}
diff --git a/src/app/insights/blood-pressure/page.tsx b/src/app/insights/blood-pressure/page.tsx
index 58d15478b..b8e921f9d 100644
--- a/src/app/insights/blood-pressure/page.tsx
+++ b/src/app/insights/blood-pressure/page.tsx
@@ -101,10 +101,10 @@ export default function InsightsBlutdruckPage() {
         {
           min: bpTargets.diastolic.min,
           max: bpTargets.diastolic.max,
-          color: "var(--info)",
+          color: "var(--chart-4)",
           opacity: 0.21,
           label: t("charts.diastolic"),
-          textColor: "var(--info)",
+          textColor: "var(--chart-4)",
           lineOpacity: 0.24,
         },
       ]
@@ -172,7 +172,7 @@ export default function InsightsBlutdruckPage() {
         types={["BLOOD_PRESSURE_SYS", "BLOOD_PRESSURE_DIA"]}
         title={t("charts.bloodPressure")}
         titleIcon={HeartPulse}
-        colors={["var(--chart-3)", "var(--info)"]}
+        colors={["var(--chart-3)", "var(--chart-4)"]}
         unit="mmHg"
         yAxisUnit="mmHg"
         targetZones={bpTargetZones}
diff --git a/src/app/insights/bmi/page.tsx b/src/app/insights/bmi/page.tsx
index ce216abdf..f9692a6b6 100644
--- a/src/app/insights/bmi/page.tsx
+++ b/src/app/insights/bmi/page.tsx
@@ -116,7 +116,7 @@ export default function InsightsBmiPage() {
         chartKey="bmi"
         types={["WEIGHT"]}
         title={t("targets.bmi")}
-        colors={["var(--dracula-yellow)"]}
+        colors={["var(--chart-5)"]}
         unit="kg/m²"
         valueMode="bmi"
         valueBands={BMI_BANDS}
diff --git a/src/app/insights/body-fat/page.tsx b/src/app/insights/body-fat/page.tsx
index 1b8c3eab6..2d51b0478 100644
--- a/src/app/insights/body-fat/page.tsx
+++ b/src/app/insights/body-fat/page.tsx
@@ -21,7 +21,7 @@ export default function InsightsBodyFatPage() {
       chartKey="bodyFat"
       i18nPrefix="insights.bodyFat"
       explainerMetric="bodyFat"
-      color="var(--warning)"
+      color="var(--chart-5)"
       unit="%"
       statIcon={Percent}
       emptyStateIcon={<Percent className="size-6" />}
diff --git a/src/app/insights/body-water/page.tsx b/src/app/insights/body-water/page.tsx
index 006cb963b..c978c8764 100644
--- a/src/app/insights/body-water/page.tsx
+++ b/src/app/insights/body-water/page.tsx
@@ -21,7 +21,7 @@ export default function InsightsKoerperwasserPage() {
       chartKey="totalBodyWater"
       i18nPrefix="insights.totalBodyWater"
       explainerMetric="bodyWater"
-      color="var(--info)"
+      color="var(--chart-4)"
       emptyStateIcon={<Droplet className="size-6" />}
       emptyStateCtaType={null}
       captureType="TOTAL_BODY_WATER"
diff --git a/src/app/insights/bone-mass/page.tsx b/src/app/insights/bone-mass/page.tsx
index d5235de3d..fadeb392b 100644
--- a/src/app/insights/bone-mass/page.tsx
+++ b/src/app/insights/bone-mass/page.tsx
@@ -21,7 +21,7 @@ export default function InsightsKnochenmassePage() {
       chartKey="boneMass"
       i18nPrefix="insights.boneMass"
       explainerMetric="boneMass"
-      color="var(--warning)"
+      color="var(--chart-5)"
       emptyStateIcon={<Bone className="size-6" />}
       emptyStateCtaType={null}
       captureType="BONE_MASS"
diff --git a/src/app/insights/breathing-disturbances/page.tsx b/src/app/insights/breathing-disturbances/page.tsx
index c9d62cb30..c5e1d8e7f 100644
--- a/src/app/insights/breathing-disturbances/page.tsx
+++ b/src/app/insights/breathing-disturbances/page.tsx
@@ -20,7 +20,7 @@ export default function InsightsBreathingDisturbancesPage() {
       chartKey="breathingDisturbances"
       i18nPrefix="insights.breathingDisturbances"
       explainerMetric="breathingDisturbances"
-      color="var(--info)"
+      color="var(--chart-4)"
       unitKey="insights.units.breathingEvents"
       emptyStateIcon={<Wind className="size-6" />}
       emptyStateCtaType={null}
diff --git a/src/app/insights/daylight/page.tsx b/src/app/insights/daylight/page.tsx
index 5cecb4509..b5bc04555 100644
--- a/src/app/insights/daylight/page.tsx
+++ b/src/app/insights/daylight/page.tsx
@@ -21,7 +21,7 @@ export default function InsightsTageslichtPage() {
       chartKey="timeInDaylight"
       i18nPrefix="insights.timeInDaylight"
       explainerMetric="daylight"
-      color="var(--success)"
+      color="var(--chart-2)"
       unit="min"
       yAxisUnit="min"
       emptyStateIcon={<Sun className="size-6" />}
diff --git a/src/app/insights/double-support-time/page.tsx b/src/app/insights/double-support-time/page.tsx
index 9b7112851..c2d59baf9 100644
--- a/src/app/insights/double-support-time/page.tsx
+++ b/src/app/insights/double-support-time/page.tsx
@@ -21,7 +21,7 @@ export default function InsightsDoppelstandphasePage() {
       chartKey="walkingDoubleSupport"
       i18nPrefix="insights.walkingDoubleSupport"
       explainerMetric="doubleSupportTime"
-      color="var(--success)"
+      color="var(--chart-2)"
       unit="%"
       yAxisUnit="%"
       emptyStateIcon={<Footprints className="size-6" />}
diff --git a/src/app/insights/falls/page.tsx b/src/app/insights/falls/page.tsx
index 157383c52..ef9c5b032 100644
--- a/src/app/insights/falls/page.tsx
+++ b/src/app/insights/falls/page.tsx
@@ -19,7 +19,7 @@ export default function InsightsFallsPage() {
       chartKey="fallCount"
       i18nPrefix="insights.falls"
       explainerMetric="falls"
-      color="var(--destructive)"
+      color="var(--chart-3)"
       unitKey="insights.units.falls"
       emptyStateIcon={<PersonStanding className="size-6" />}
       emptyStateCtaType={null}
diff --git a/src/app/insights/fat-mass/page.tsx b/src/app/insights/fat-mass/page.tsx
index 1ae453b10..a87f55762 100644
--- a/src/app/insights/fat-mass/page.tsx
+++ b/src/app/insights/fat-mass/page.tsx
@@ -21,7 +21,7 @@ export default function InsightsFettmassePage() {
       chartKey="fatMass"
       i18nPrefix="insights.fatMass"
       explainerMetric="fatMass"
-      color="var(--warning)"
+      color="var(--chart-5)"
       emptyStateIcon={<Droplets className="size-6" />}
       emptyStateCtaType={null}
       coachPrefill="I haven't logged any fat mass yet — what does this metric tell me about my health, and how do I improve it?"
diff --git a/src/app/insights/flights-climbed/page.tsx b/src/app/insights/flights-climbed/page.tsx
index c76a259f0..8fdfc0777 100644
--- a/src/app/insights/flights-climbed/page.tsx
+++ b/src/app/insights/flights-climbed/page.tsx
@@ -21,7 +21,7 @@ export default function InsightsStockwerkePage() {
       chartKey="flightsClimbed"
       i18nPrefix="insights.flightsClimbed"
       explainerMetric="flightsClimbed"
-      color="var(--success)"
+      color="var(--chart-2)"
       unitKey="insights.units.flights"
       emptyStateIcon={<TrendingUp className="size-6" />}
       emptyStateCtaType={null}
diff --git a/src/app/insights/grip-strength/page.tsx b/src/app/insights/grip-strength/page.tsx
index 52750739b..824482e3d 100644
--- a/src/app/insights/grip-strength/page.tsx
+++ b/src/app/insights/grip-strength/page.tsx
@@ -22,7 +22,7 @@ export default function InsightsGripStrengthPage() {
       insightMetric="GRIP_STRENGTH"
       chartKey="gripStrength"
       i18nPrefix="insights.gripStrength"
-      color="var(--success)"
+      color="var(--chart-2)"
       statIcon={Dumbbell}
       emptyStateIcon={<Dumbbell className="size-6" />}
       emptyStateCtaType="GRIP_STRENGTH"
diff --git a/src/app/insights/oxygen/page.tsx b/src/app/insights/oxygen/page.tsx
index d752f2b2a..e2d0ebcb0 100644
--- a/src/app/insights/oxygen/page.tsx
+++ b/src/app/insights/oxygen/page.tsx
@@ -23,7 +23,7 @@ export default function InsightsOxygenSaturationPage() {
       chartKey="oxygenSaturation"
       i18nPrefix="insights.oxygenSaturation"
       explainerMetric="oxygenSaturation"
-      color="var(--info)"
+      color="var(--chart-4)"
       unit="%"
       yAxisUnit="%"
       valueBands={[
diff --git a/src/app/insights/pain/page.tsx b/src/app/insights/pain/page.tsx
index b723c7872..eb4a2dd2d 100644
--- a/src/app/insights/pain/page.tsx
+++ b/src/app/insights/pain/page.tsx
@@ -21,7 +21,7 @@ export default function InsightsPainPage() {
       insightMetric="PAIN_NRS"
       chartKey="painNrs"
       i18nPrefix="insights.pain"
-      color="var(--warning)"
+      color="var(--chart-5)"
       unit=""
       yAxisUnit="/10"
       statIcon={Activity}
diff --git a/src/app/insights/pulse-wave-velocity/page.tsx b/src/app/insights/pulse-wave-velocity/page.tsx
index e3460aeb7..751907c07 100644
--- a/src/app/insights/pulse-wave-velocity/page.tsx
+++ b/src/app/insights/pulse-wave-velocity/page.tsx
@@ -21,7 +21,7 @@ export default function InsightsPulswellengeschwindigkeitPage() {
       chartKey="pulseWaveVelocity"
       i18nPrefix="insights.pulseWaveVelocity"
       explainerMetric="pulseWaveVelocity"
-      color="var(--destructive)"
+      color="var(--chart-3)"
       unit="m/s"
       yAxisUnit="m/s"
       emptyStateIcon={<Activity className="size-6" />}
diff --git a/src/app/insights/pulse/page.tsx b/src/app/insights/pulse/page.tsx
index 864032539..cb385cf7f 100644
--- a/src/app/insights/pulse/page.tsx
+++ b/src/app/insights/pulse/page.tsx
@@ -157,8 +157,8 @@ export default function InsightsPulsPage() {
         titleIcon={Heart}
         colors={
           hasRestingHr
-            ? ["var(--success)", "var(--destructive)"]
-            : ["var(--success)"]
+            ? ["var(--chart-2)", "var(--chart-3)"]
+            : ["var(--chart-2)"]
         }
         unit="bpm"
         compareBaseline={compareBaseline}
diff --git a/src/app/insights/respiratory-rate/page.tsx b/src/app/insights/respiratory-rate/page.tsx
index 90b47e650..7bb50a560 100644
--- a/src/app/insights/respiratory-rate/page.tsx
+++ b/src/app/insights/respiratory-rate/page.tsx
@@ -21,7 +21,7 @@ export default function InsightsAtemfrequenzPage() {
       chartKey="respiratoryRate"
       i18nPrefix="insights.respiratoryRate"
       explainerMetric="respiratoryRate"
-      color="var(--info)"
+      color="var(--chart-4)"
       unitKey="insights.units.respiratoryRate"
       emptyStateIcon={<Wind className="size-6" />}
       emptyStateCtaType={null}
diff --git a/src/app/insights/resting-pulse/page.tsx b/src/app/insights/resting-pulse/page.tsx
index fa7efe387..920f8ea2f 100644
--- a/src/app/insights/resting-pulse/page.tsx
+++ b/src/app/insights/resting-pulse/page.tsx
@@ -25,7 +25,7 @@ export default function InsightsRestingHrPage() {
       chartKey="restingHr"
       i18nPrefix="insights.restingHr"
       explainerMetric="restingHr"
-      color="var(--destructive)"
+      color="var(--chart-3)"
       unit="bpm"
       yAxisUnit="bpm"
       emptyStateIcon={<Heart className="size-6" />}
diff --git a/src/app/insights/six-minute-walk/page.tsx b/src/app/insights/six-minute-walk/page.tsx
index 9c0e52e84..fcac5971e 100644
--- a/src/app/insights/six-minute-walk/page.tsx
+++ b/src/app/insights/six-minute-walk/page.tsx
@@ -20,7 +20,7 @@ export default function InsightsSixMinuteWalkPage() {
       chartKey="sixMinuteWalkDistance"
       i18nPrefix="insights.sixMinuteWalk"
       explainerMetric="sixMinuteWalk"
-      color="var(--success)"
+      color="var(--chart-2)"
       unit="m"
       yAxisUnit="m"
       emptyStateIcon={<Footprints className="size-6" />}
diff --git a/src/app/insights/skin-temperature/page.tsx b/src/app/insights/skin-temperature/page.tsx
index 065dc2bb8..03b1212b5 100644
--- a/src/app/insights/skin-temperature/page.tsx
+++ b/src/app/insights/skin-temperature/page.tsx
@@ -29,7 +29,7 @@ export default function InsightsHauttemperaturPage() {
       chartKey="skinTemperature"
       i18nPrefix="insights.skinTemperature"
       explainerMetric="skinTemperature"
-      color="var(--warning)"
+      color="var(--chart-5)"
       emptyStateIcon={<Thermometer className="size-6" />}
       emptyStateCtaType={null}
       coachPrefill="I haven't logged any skin temperature yet — what does this metric tell me about my health, and how do I improve it?"
@@ -38,7 +38,7 @@ export default function InsightsHauttemperaturPage() {
           type="BODY_TEMPERATURE_DEVIATION"
           title={t("measurements.typeBodyTemperatureDeviation")}
           icon={ThermometerSnowflake}
-          color="var(--info)"
+          color="var(--chart-4)"
           fractionDigits={2}
           sectionTitle={t("insights.bodyTempDeviation.title")}
           sectionIcon={ThermometerSnowflake}
diff --git a/src/app/insights/stair-ascent-speed/page.tsx b/src/app/insights/stair-ascent-speed/page.tsx
index a91043428..9bc75909a 100644
--- a/src/app/insights/stair-ascent-speed/page.tsx
+++ b/src/app/insights/stair-ascent-speed/page.tsx
@@ -20,7 +20,7 @@ export default function InsightsStairAscentSpeedPage() {
       chartKey="stairAscentSpeed"
       i18nPrefix="insights.stairAscentSpeed"
       explainerMetric="stairAscentSpeed"
-      color="var(--success)"
+      color="var(--chart-2)"
       unit="m/s"
       yAxisUnit="m/s"
       emptyStateIcon={<Gauge className="size-6" />}
diff --git a/src/app/insights/stair-descent-speed/page.tsx b/src/app/insights/stair-descent-speed/page.tsx
index 3dc31f478..aa70c09cd 100644
--- a/src/app/insights/stair-descent-speed/page.tsx
+++ b/src/app/insights/stair-descent-speed/page.tsx
@@ -20,7 +20,7 @@ export default function InsightsStairDescentSpeedPage() {
       chartKey="stairDescentSpeed"
       i18nPrefix="insights.stairDescentSpeed"
       explainerMetric="stairDescentSpeed"
-      color="var(--success)"
+      color="var(--chart-2)"
       unit="m/s"
       yAxisUnit="m/s"
       emptyStateIcon={<Gauge className="size-6" />}
diff --git a/src/app/insights/step-length/page.tsx b/src/app/insights/step-length/page.tsx
index d373f0f80..92ed90069 100644
--- a/src/app/insights/step-length/page.tsx
+++ b/src/app/insights/step-length/page.tsx
@@ -21,7 +21,7 @@ export default function InsightsSchrittlaengePage() {
       chartKey="walkingStepLength"
       i18nPrefix="insights.walkingStepLength"
       explainerMetric="stepLength"
-      color="var(--success)"
+      color="var(--chart-2)"
       unit="m"
       yAxisUnit="m"
       emptyStateIcon={<Footprints className="size-6" />}
diff --git a/src/app/insights/steps/page.tsx b/src/app/insights/steps/page.tsx
index cbd8015d3..68447b07c 100644
--- a/src/app/insights/steps/page.tsx
+++ b/src/app/insights/steps/page.tsx
@@ -26,7 +26,7 @@ export default function InsightsStepsPage() {
       i18nPrefix="insights.steps"
       explainerMetric="steps"
       statIcon={Footprints}
-      color="var(--success)"
+      color="var(--chart-2)"
       unitKey="insights.units.steps"
       emptyStateIcon={<Footprints className="size-6" />}
       emptyStateCtaType={null}
diff --git a/src/app/insights/visceral-fat/page.tsx b/src/app/insights/visceral-fat/page.tsx
index fcefd0522..3f5521a4d 100644
--- a/src/app/insights/visceral-fat/page.tsx
+++ b/src/app/insights/visceral-fat/page.tsx
@@ -21,7 +21,7 @@ export default function InsightsViszeralfettPage() {
       chartKey="visceralFat"
       i18nPrefix="insights.visceralFat"
       explainerMetric="visceralFat"
-      color="var(--warning)"
+      color="var(--chart-5)"
       unit=""
       yAxisUnit=""
       emptyStateIcon={<Droplets className="size-6" />}
diff --git a/src/app/insights/waist/page.tsx b/src/app/insights/waist/page.tsx
index 6c0d74bda..1079652c7 100644
--- a/src/app/insights/waist/page.tsx
+++ b/src/app/insights/waist/page.tsx
@@ -21,7 +21,7 @@ export default function InsightsWaistPage() {
       insightMetric="WAIST_CIRCUMFERENCE"
       chartKey="waistCircumference"
       i18nPrefix="insights.waist"
-      color="var(--info)"
+      color="var(--chart-4)"
       statIcon={Ruler}
       emptyStateIcon={<Ruler className="size-6" />}
       emptyStateCtaType="WAIST_CIRCUMFERENCE"
diff --git a/src/app/insights/walking-asymmetry/page.tsx b/src/app/insights/walking-asymmetry/page.tsx
index cc870dc61..8afaef17d 100644
--- a/src/app/insights/walking-asymmetry/page.tsx
+++ b/src/app/insights/walking-asymmetry/page.tsx
@@ -21,7 +21,7 @@ export default function InsightsGangasymmetriePage() {
       chartKey="walkingAsymmetry"
       i18nPrefix="insights.walkingAsymmetry"
       explainerMetric="walkingAsymmetry"
-      color="var(--success)"
+      color="var(--chart-2)"
       unit="%"
       yAxisUnit="%"
       emptyStateIcon={<Footprints className="size-6" />}
diff --git a/src/app/insights/walking-distance/page.tsx b/src/app/insights/walking-distance/page.tsx
index 26df9821e..3b04069ab 100644
--- a/src/app/insights/walking-distance/page.tsx
+++ b/src/app/insights/walking-distance/page.tsx
@@ -21,7 +21,7 @@ export default function InsightsGehstreckePage() {
       chartKey="walkingRunningDistance"
       i18nPrefix="insights.walkingRunningDistance"
       explainerMetric="walkingDistance"
-      color="var(--success)"
+      color="var(--chart-2)"
       emptyStateIcon={<Footprints className="size-6" />}
       emptyStateCtaType={null}
       coachPrefill="I haven't logged any walking and running distance yet — what does this metric tell me about my health, and how do I improve it?"
diff --git a/src/app/insights/walking-heart-rate/page.tsx b/src/app/insights/walking-heart-rate/page.tsx
index 0340bfdd8..7eb63de5b 100644
--- a/src/app/insights/walking-heart-rate/page.tsx
+++ b/src/app/insights/walking-heart-rate/page.tsx
@@ -21,7 +21,7 @@ export default function InsightsGehpulsPage() {
       chartKey="walkingHeartRateAverage"
       i18nPrefix="insights.walkingHeartRateAverage"
       explainerMetric="walkingHeartRate"
-      color="var(--destructive)"
+      color="var(--chart-3)"
       unit="bpm"
       yAxisUnit="bpm"
       emptyStateIcon={<HeartPulse className="size-6" />}
diff --git a/src/app/insights/walking-speed/page.tsx b/src/app/insights/walking-speed/page.tsx
index bdb43a22f..33453cbc4 100644
--- a/src/app/insights/walking-speed/page.tsx
+++ b/src/app/insights/walking-speed/page.tsx
@@ -21,7 +21,7 @@ export default function InsightsGehgeschwindigkeitPage() {
       chartKey="walkingSpeed"
       i18nPrefix="insights.walkingSpeed"
       explainerMetric="walkingSpeed"
-      color="var(--success)"
+      color="var(--chart-2)"
       emptyStateIcon={<Gauge className="size-6" />}
       emptyStateCtaType={null}
       coachPrefill="I haven't logged any walking speed yet — what does this metric tell me about my health, and how do I improve it?"
diff --git a/src/app/insights/walking-steadiness/page.tsx b/src/app/insights/walking-steadiness/page.tsx
index 91bfa01ce..5e78873c5 100644
--- a/src/app/insights/walking-steadiness/page.tsx
+++ b/src/app/insights/walking-steadiness/page.tsx
@@ -21,7 +21,7 @@ export default function InsightsGangstabilitaetPage() {
       chartKey="walkingSteadiness"
       i18nPrefix="insights.walkingSteadiness"
       explainerMetric="walkingSteadiness"
-      color="var(--success)"
+      color="var(--chart-2)"
       unit="%"
       yAxisUnit="%"
       emptyStateIcon={<Gauge className="size-6" />}
diff --git a/src/app/insights/wrist-temperature/page.tsx b/src/app/insights/wrist-temperature/page.tsx
index 9acb07bd5..f496eb15e 100644
--- a/src/app/insights/wrist-temperature/page.tsx
+++ b/src/app/insights/wrist-temperature/page.tsx
@@ -21,7 +21,7 @@ export default function InsightsWristTemperaturePage() {
       chartKey="wristTemperature"
       i18nPrefix="insights.wristTemperature"
       explainerMetric="wristTemperature"
-      color="var(--warning)"
+      color="var(--chart-5)"
       emptyStateIcon={<Thermometer className="size-6" />}
       emptyStateCtaType={null}
       coachPrefill="I haven't logged any wrist-temperature data yet — what does this metric tell me about my health, and how do I improve it?"
diff --git a/src/components/insights/mood/mood-structured-tag-breakdown.tsx b/src/components/insights/mood/mood-structured-tag-breakdown.tsx
index eab6a6b3f..87ccbb809 100644
--- a/src/components/insights/mood/mood-structured-tag-breakdown.tsx
+++ b/src/components/insights/mood/mood-structured-tag-breakdown.tsx
@@ -28,10 +28,10 @@ export interface MoodStructuredTagRow {
 }
 
 function colorForScore(score: number): string {
-  if (score < 2) return "var(--dracula-red)";
-  if (score < 3) return "var(--dracula-orange)";
+  if (score < 2) return "var(--destructive)";
+  if (score < 3) return "var(--warning)";
   if (score < 3.5) return "var(--dracula-yellow)";
-  return "var(--dracula-green)";
+  return "var(--success)";
 }
 
 export function MoodStructuredTagBreakdown({
diff --git a/src/components/insights/recovery/recovery-section.tsx b/src/components/insights/recovery/recovery-section.tsx
index 4f17160b8..6eeeb1a7a 100644
--- a/src/components/insights/recovery/recovery-section.tsx
+++ b/src/components/insights/recovery/recovery-section.tsx
@@ -89,7 +89,7 @@ export function RecoverySection() {
           title: t("measurements.typeAnsCharge"),
           explainer: t("insights.recovery.block.ansChargeExplainer"),
           icon: Battery,
-          color: "var(--success)",
+          color: "var(--chart-2)",
           unit: unitScore,
           fractionDigits: 1,
         },
@@ -105,7 +105,7 @@ export function RecoverySection() {
           title: t("measurements.typeDayStrain"),
           explainer: t("insights.recovery.block.dayStrainExplainer"),
           icon: Gauge,
-          color: "var(--warning)",
+          color: "var(--chart-5)",
           unit: unitScore,
           fractionDigits: 1,
         },
@@ -142,7 +142,7 @@ export function RecoverySection() {
           title: t("measurements.typeAverageHeartRate"),
           explainer: t("insights.recovery.block.averageHeartRateExplainer"),
           icon: Heart,
-          color: "var(--info)",
+          color: "var(--chart-4)",
           unit: unitBpm,
         },
         {
@@ -152,7 +152,7 @@ export function RecoverySection() {
           title: t("measurements.typeMaxHeartRate"),
           explainer: t("insights.recovery.block.maxHeartRateExplainer"),
           icon: HeartPulse,
-          color: "var(--destructive)",
+          color: "var(--chart-3)",
           unit: unitBpm,
         },
         {
@@ -162,7 +162,7 @@ export function RecoverySection() {
           title: t("measurements.typeEnergyExpenditureKj"),
           explainer: t("insights.recovery.block.energyExpenditureKjExplainer"),
           icon: Flame,
-          color: "var(--dracula-yellow)",
+          color: "var(--chart-5)",
           unit: unitKj,
         },
       ],
diff --git a/src/components/insights/sleep-duration-chart.tsx b/src/components/insights/sleep-duration-chart.tsx
index 15a00a960..6f07fb701 100644
--- a/src/components/insights/sleep-duration-chart.tsx
+++ b/src/components/insights/sleep-duration-chart.tsx
@@ -42,7 +42,7 @@ export function SleepDurationChart({
       chartKey="sleep"
       types={["SLEEP_DURATION"]}
       title={t("charts.sleep")}
-      colors={["var(--info)"]}
+      colors={["var(--chart-4)"]}
       unit="h"
       yAxisUnit="h"
       compareBaseline={compareBaseline}
diff --git a/src/components/insights/sleep/sleep-quality-section.tsx b/src/components/insights/sleep/sleep-quality-section.tsx
index b4f0e0a00..40f2c7577 100644
--- a/src/components/insights/sleep/sleep-quality-section.tsx
+++ b/src/components/insights/sleep/sleep-quality-section.tsx
@@ -64,28 +64,28 @@ export function SleepQualitySection({ enabled }: { enabled: boolean }) {
       type: "SLEEP_PERFORMANCE",
       title: t("measurements.typeSleepPerformance"),
       icon: Target,
-      color: "var(--info)",
+      color: "var(--chart-4)",
       unit: "%",
     },
     {
       type: "SLEEP_EFFICIENCY",
       title: t("measurements.typeSleepEfficiency"),
       icon: Gauge,
-      color: "var(--success)",
+      color: "var(--chart-2)",
       unit: "%",
     },
     {
       type: "SLEEP_CONSISTENCY",
       title: t("measurements.typeSleepConsistency"),
       icon: Repeat,
-      color: "var(--dracula-yellow)",
+      color: "var(--chart-5)",
       unit: "%",
     },
     {
       type: "SLEEP_NEED",
       title: t("measurements.typeSleepNeed"),
       icon: Waves,
-      color: "var(--warning)",
+      color: "var(--chart-5)",
       unit: t("insights.deviceScore.unitMinutes"),
     },
     {