From 6d06c0e3502e4a57ccd3f3a5a67444e8ec9c6cee Mon Sep 17 00:00:00 2001
From: malangcat <asher@daangn.com>
Date: Mon, 13 Jan 2025 17:32:56 +0900
Subject: [PATCH] feat: update color tokens

---
 docs/public/rootage/color.json                | 202 +++++----
 .../rootage/components/action-button.json     |  16 +-
 docs/public/rootage/components/badge.json     |  10 +-
 docs/public/rootage/components/checkbox.json  |   4 +-
 docs/public/rootage/components/chip-tab.json  |   2 +-
 .../rootage/components/control-chip.json      |   8 +-
 .../rootage/components/inline-banner.json     |  10 +-
 .../rootage/components/progress-circle.json   |   2 +-
 docs/public/rootage/components/radio.json     |   2 +-
 .../public/rootage/components/select-box.json |   4 +-
 docs/public/rootage/components/switch.json    |   2 +-
 .../rootage/components/toggle-button.json     |   6 +-
 .../rootage/components/top-navigation.json    |   4 +-
 docs/public/rootage/parsed.json               | 388 +++++++-----------
 packages/rootage/color.yaml                   | 194 +++++----
 .../rootage/components/action-button.yaml     |  16 +-
 packages/rootage/components/badge.yaml        |  10 +-
 packages/rootage/components/checkbox.yaml     |   4 +-
 packages/rootage/components/chip-tab.yaml     |   2 +-
 packages/rootage/components/control-chip.yaml |   8 +-
 .../rootage/components/inline-banner.yaml     |  10 +-
 .../rootage/components/progress-circle.yaml   |   2 +-
 packages/rootage/components/radio.yaml        |   2 +-
 packages/rootage/components/schema.json       | 136 +++---
 packages/rootage/components/select-box.yaml   |   4 +-
 packages/rootage/components/switch.yaml       |   2 +-
 .../rootage/components/toggle-button.yaml     |   6 +-
 .../rootage/components/top-navigation.yaml    |   4 +-
 packages/stylesheet/actionButton.css          |  16 +-
 packages/stylesheet/badge.css                 |  10 +-
 packages/stylesheet/checkbox.css              |   2 +-
 packages/stylesheet/chipTab.css               |   2 +-
 packages/stylesheet/controlChip.css           |   8 +-
 packages/stylesheet/inlineBanner.css          |  10 +-
 packages/stylesheet/progressCircle.css        |   2 +-
 packages/stylesheet/radio.css                 |   2 +-
 packages/stylesheet/selectBox.css             |   6 +-
 packages/stylesheet/switch.css                |   2 +-
 packages/stylesheet/toggleButton.css          |   6 +-
 packages/stylesheet/token.css                 | 186 ++++-----
 packages/stylesheet/topNavigation.css         |   4 +-
 packages/vars/lib/color/bg.d.ts               |   1 -
 packages/vars/lib/color/bg.mjs                |   1 -
 packages/vars/lib/color/fg.d.ts               |   2 -
 packages/vars/lib/color/fg.mjs                |   2 -
 packages/vars/lib/color/stroke.d.ts           |   3 +-
 packages/vars/lib/color/stroke.mjs            |   3 +-
 .../vars/lib/component/action-button.d.ts     |  16 +-
 packages/vars/lib/component/action-button.mjs |  16 +-
 packages/vars/lib/component/badge.d.ts        |  10 +-
 packages/vars/lib/component/badge.mjs         |  10 +-
 packages/vars/lib/component/checkbox.d.ts     |   4 +-
 packages/vars/lib/component/checkbox.mjs      |   4 +-
 packages/vars/lib/component/chip-tab.d.ts     |   2 +-
 packages/vars/lib/component/chip-tab.mjs      |   2 +-
 packages/vars/lib/component/control-chip.d.ts |   8 +-
 packages/vars/lib/component/control-chip.mjs  |   8 +-
 .../vars/lib/component/inline-banner.d.ts     |  10 +-
 packages/vars/lib/component/inline-banner.mjs |  10 +-
 .../vars/lib/component/progress-circle.d.ts   |   2 +-
 .../vars/lib/component/progress-circle.mjs    |   2 +-
 packages/vars/lib/component/radio.d.ts        |   2 +-
 packages/vars/lib/component/radio.mjs         |   2 +-
 packages/vars/lib/component/select-box.d.ts   |   4 +-
 packages/vars/lib/component/select-box.mjs    |   4 +-
 packages/vars/lib/component/switch.d.ts       |   2 +-
 packages/vars/lib/component/switch.mjs        |   2 +-
 .../vars/lib/component/toggle-button.d.ts     |   6 +-
 packages/vars/lib/component/toggle-button.mjs |   6 +-
 .../vars/lib/component/top-navigation.d.ts    |   4 +-
 .../vars/lib/component/top-navigation.mjs     |   4 +-
 71 files changed, 684 insertions(+), 784 deletions(-)

diff --git a/docs/public/rootage/color.json b/docs/public/rootage/color.json
index 256ae9acb..c48fbc413 100644
--- a/docs/public/rootage/color.json
+++ b/docs/public/rootage/color.json
@@ -88,19 +88,19 @@
       "$color.palette.carrot-400": {
         "values": {
           "theme-light": "#ffb999",
-          "theme-dark": "#822f00"
+          "theme-dark": "#923600"
         }
       },
       "$color.palette.carrot-500": {
         "values": {
           "theme-light": "#ff9364",
-          "theme-dark": "#c44501"
+          "theme-dark": "#bd4201"
         }
       },
       "$color.palette.carrot-600": {
         "values": {
           "theme-light": "#ff6600",
-          "theme-dark": "#f75900"
+          "theme-dark": "#e65200"
         }
       },
       "$color.palette.carrot-700": {
@@ -130,174 +130,174 @@
       "$color.palette.blue-100": {
         "values": {
           "theme-light": "#eff6ff",
-          "theme-dark": "#1c2633"
+          "theme-dark": "#202742"
         }
       },
       "$color.palette.blue-200": {
         "values": {
           "theme-light": "#e2edfc",
-          "theme-dark": "#223444"
+          "theme-dark": "#1e3352"
         }
       },
       "$color.palette.blue-300": {
         "values": {
           "theme-light": "#cbdffa",
-          "theme-dark": "#184564"
+          "theme-dark": "#1a4275"
         }
       },
       "$color.palette.blue-400": {
         "values": {
-          "theme-light": "#abcefd",
-          "theme-dark": "#035a87"
+          "theme-light": "#aacefd",
+          "theme-dark": "#0f559e"
         }
       },
       "$color.palette.blue-500": {
         "values": {
-          "theme-light": "#83b7fd",
-          "theme-dark": "#126eae"
+          "theme-light": "#85b8fd",
+          "theme-dark": "#1964d8"
         }
       },
       "$color.palette.blue-600": {
         "values": {
-          "theme-light": "#2787fe",
-          "theme-dark": "#1889cb"
+          "theme-light": "#5e98fe",
+          "theme-dark": "#1e82eb"
         }
       },
       "$color.palette.blue-700": {
         "values": {
-          "theme-light": "#1a6edf",
-          "theme-dark": "#2ca5f1"
+          "theme-light": "#217cf9",
+          "theme-dark": "#41a2f9"
         }
       },
       "$color.palette.blue-800": {
         "values": {
-          "theme-light": "#1056bb",
-          "theme-dark": "#7bbdf9"
+          "theme-light": "#135fcd",
+          "theme-dark": "#83bcf9"
         }
       },
       "$color.palette.blue-900": {
         "values": {
-          "theme-light": "#083b81",
-          "theme-dark": "#b8d7fb"
+          "theme-light": "#0b4596",
+          "theme-dark": "#b9d7fb"
         }
       },
       "$color.palette.blue-1000": {
         "values": {
-          "theme-light": "#02214a",
+          "theme-light": "#032451",
           "theme-dark": "#e5f0fe"
         }
       },
       "$color.palette.red-100": {
         "values": {
-          "theme-light": "#fdf2f2",
+          "theme-light": "#fdf0f0",
           "theme-dark": "#322323"
         }
       },
       "$color.palette.red-200": {
         "values": {
-          "theme-light": "#fde4e4",
+          "theme-light": "#fde7e7",
           "theme-dark": "#4f2624"
         }
       },
       "$color.palette.red-300": {
         "values": {
-          "theme-light": "#fececc",
+          "theme-light": "#fed4d2",
           "theme-dark": "#742826"
         }
       },
       "$color.palette.red-400": {
         "values": {
-          "theme-light": "#feafaa",
+          "theme-light": "#feb7b3",
           "theme-dark": "#a12621"
         }
       },
       "$color.palette.red-500": {
         "values": {
-          "theme-light": "#fe827b",
-          "theme-dark": "#d11e13"
+          "theme-light": "#fe928d",
+          "theme-dark": "#ca2319"
         }
       },
       "$color.palette.red-600": {
         "values": {
-          "theme-light": "#ff3b2d",
+          "theme-light": "#fc6a66",
           "theme-dark": "#f73526"
         }
       },
       "$color.palette.red-700": {
         "values": {
-          "theme-light": "#ef1f10",
-          "theme-dark": "#f2796d"
+          "theme-light": "#fa342c",
+          "theme-dark": "#ff6e60"
         }
       },
       "$color.palette.red-800": {
         "values": {
-          "theme-light": "#c81d13",
-          "theme-dark": "#f1a39b"
+          "theme-light": "#ca1d13",
+          "theme-dark": "#ffa299"
         }
       },
       "$color.palette.red-900": {
         "values": {
-          "theme-light": "#8f1e10",
-          "theme-dark": "#f2cbc9"
+          "theme-light": "#921708",
+          "theme-dark": "#f8c5c3"
         }
       },
       "$color.palette.red-1000": {
         "values": {
           "theme-light": "#4a1209",
-          "theme-dark": "#f3cbc8"
+          "theme-dark": "#fdf2f2"
         }
       },
       "$color.palette.green-100": {
         "values": {
-          "theme-light": "#e7f9f3",
+          "theme-light": "#edfaf6",
           "theme-dark": "#202926"
         }
       },
       "$color.palette.green-200": {
         "values": {
-          "theme-light": "#d1f4e5",
+          "theme-light": "#d9f6e9",
           "theme-dark": "#20362e"
         }
       },
       "$color.palette.green-300": {
         "values": {
-          "theme-light": "#8ff1c3",
+          "theme-light": "#aeebcc",
           "theme-dark": "#20493b"
         }
       },
       "$color.palette.green-400": {
         "values": {
-          "theme-light": "#6be1b0",
+          "theme-light": "#74dcb0",
           "theme-dark": "#19604c"
         }
       },
       "$color.palette.green-500": {
         "values": {
-          "theme-light": "#2ecd95",
+          "theme-light": "#42c593",
           "theme-dark": "#117956"
         }
       },
       "$color.palette.green-600": {
         "values": {
-          "theme-light": "#10ad7e",
+          "theme-light": "#10ab7d",
           "theme-dark": "#1b946d"
         }
       },
       "$color.palette.green-700": {
         "values": {
-          "theme-light": "#068c6d",
+          "theme-light": "#079171",
           "theme-dark": "#22b27f"
         }
       },
       "$color.palette.green-800": {
         "values": {
-          "theme-light": "#006b58",
+          "theme-light": "#00745f",
           "theme-dark": "#35ce9a"
         }
       },
       "$color.palette.green-900": {
         "values": {
-          "theme-light": "#054a3d",
+          "theme-light": "#075445",
           "theme-dark": "#93e5c0"
         }
       },
@@ -309,62 +309,62 @@
       },
       "$color.palette.yellow-100": {
         "values": {
-          "theme-light": "#fff9e6",
-          "theme-dark": "#2a2517"
+          "theme-light": "#fff7de",
+          "theme-dark": "#302819"
         }
       },
       "$color.palette.yellow-200": {
         "values": {
-          "theme-light": "#fdf3ce",
-          "theme-dark": "#3d3016"
+          "theme-light": "#fdefb9",
+          "theme-dark": "#413218"
         }
       },
       "$color.palette.yellow-300": {
         "values": {
-          "theme-light": "#fbe49a",
-          "theme-dark": "#513f15"
+          "theme-light": "#fbdc65",
+          "theme-dark": "#543e15"
         }
       },
       "$color.palette.yellow-400": {
         "values": {
-          "theme-light": "#f7d24c",
-          "theme-dark": "#695115"
+          "theme-light": "#e9c647",
+          "theme-dark": "#714e15"
         }
       },
       "$color.palette.yellow-500": {
         "values": {
-          "theme-light": "#e3b82c",
-          "theme-dark": "#83661b"
+          "theme-light": "#d4ab28",
+          "theme-dark": "#91601b"
         }
       },
       "$color.palette.yellow-600": {
         "values": {
           "theme-light": "#c49725",
-          "theme-dark": "#9c7f25"
+          "theme-dark": "#b6720d"
         }
       },
       "$color.palette.yellow-700": {
         "values": {
           "theme-light": "#9b7821",
-          "theme-dark": "#b59b36"
+          "theme-dark": "#ca901c"
         }
       },
       "$color.palette.yellow-800": {
         "values": {
           "theme-light": "#755b22",
-          "theme-dark": "#cdb656"
+          "theme-dark": "#dab156"
         }
       },
       "$color.palette.yellow-900": {
         "values": {
           "theme-light": "#4f3e1f",
-          "theme-dark": "#e3da96"
+          "theme-dark": "#e5d49b"
         }
       },
       "$color.palette.yellow-1000": {
         "values": {
           "theme-light": "#2c2512",
-          "theme-dark": "#f7f0ce"
+          "theme-dark": "#f7f0cd"
         }
       },
       "$color.palette.static-black": {
@@ -399,8 +399,8 @@
       },
       "$color.palette.purple-100": {
         "values": {
-          "theme-light": "#f6f4fe",
-          "theme-dark": "#322065"
+          "theme-light": "#f5f3fe",
+          "theme-dark": "#28213b"
         }
       },
       "$color.palette.purple-200": {
@@ -417,37 +417,37 @@
       },
       "$color.palette.purple-400": {
         "values": {
-          "theme-light": "#d2c3ff",
+          "theme-light": "#d0c0ff",
           "theme-dark": "#5a3bb1"
         }
       },
       "$color.palette.purple-500": {
         "values": {
-          "theme-light": "#bda8ff",
+          "theme-light": "#b8a1ff",
           "theme-dark": "#764fd9"
         }
       },
       "$color.palette.purple-600": {
         "values": {
-          "theme-light": "#a186fb",
+          "theme-light": "#9f84fb",
           "theme-dark": "#8e6bee"
         }
       },
       "$color.palette.purple-700": {
         "values": {
-          "theme-light": "#8564e9",
+          "theme-light": "#8969ea",
           "theme-dark": "#a78df0"
         }
       },
       "$color.palette.purple-800": {
         "values": {
-          "theme-light": "#6646c6",
+          "theme-light": "#6d50cb",
           "theme-dark": "#beadf2"
         }
       },
       "$color.palette.purple-900": {
         "values": {
-          "theme-light": "#46308a",
+          "theme-light": "#50379b",
           "theme-dark": "#d9cefa"
         }
       },
@@ -481,12 +481,6 @@
           "theme-dark": "#ffffff33"
         }
       },
-      "$color.fg.static-white": {
-        "values": {
-          "theme-light": "$color.palette.static-white",
-          "theme-dark": "$color.palette.static-white"
-        }
-      },
       "$color.fg.neutral": {
         "values": {
           "theme-light": "$color.palette.gray-900",
@@ -513,14 +507,14 @@
       },
       "$color.fg.brand-contrast": {
         "values": {
-          "theme-light": "$color.palette.carrot-700",
-          "theme-dark": "$color.palette.carrot-1000"
+          "theme-light": "$color.palette.carrot-800",
+          "theme-dark": "$color.palette.carrot-900"
         }
       },
       "$color.fg.danger": {
         "values": {
-          "theme-light": "$color.palette.red-600",
-          "theme-dark": "$color.palette.red-600"
+          "theme-light": "$color.palette.red-700",
+          "theme-dark": "$color.palette.red-700"
         }
       },
       "$color.fg.danger-contrast": {
@@ -532,7 +526,7 @@
       "$color.fg.positive": {
         "values": {
           "theme-light": "$color.palette.green-700",
-          "theme-dark": "$color.palette.green-600"
+          "theme-dark": "$color.palette.green-700"
         }
       },
       "$color.fg.positive-contrast": {
@@ -550,7 +544,7 @@
       "$color.fg.informative": {
         "values": {
           "theme-light": "$color.palette.blue-700",
-          "theme-dark": "$color.palette.blue-700"
+          "theme-dark": "$color.palette.blue-800"
         }
       },
       "$color.fg.informative-contrast": {
@@ -571,16 +565,10 @@
           "theme-dark": "$color.palette.gray-500"
         }
       },
-      "$color.fg.static-black": {
-        "values": {
-          "theme-light": "$color.palette.static-black",
-          "theme-dark": "$color.palette.static-black"
-        }
-      },
       "$color.fg.brand": {
         "values": {
           "theme-light": "$color.palette.carrot-600",
-          "theme-dark": "$color.palette.carrot-600"
+          "theme-dark": "$color.palette.carrot-700"
         }
       },
       "$color.fg.magic": {
@@ -603,14 +591,14 @@
       },
       "$color.bg.positive-solid": {
         "values": {
-          "theme-light": "$color.palette.green-600",
-          "theme-dark": "$color.palette.green-600"
+          "theme-light": "$color.palette.green-700",
+          "theme-dark": "$color.palette.green-500"
         }
       },
       "$color.bg.warning-solid": {
         "values": {
-          "theme-light": "$color.palette.yellow-400",
-          "theme-dark": "$color.palette.yellow-700"
+          "theme-light": "$color.palette.yellow-300",
+          "theme-dark": "$color.palette.yellow-600"
         }
       },
       "$color.bg.warning-weak": {
@@ -627,13 +615,13 @@
       },
       "$color.bg.danger-solid": {
         "values": {
-          "theme-light": "$color.palette.red-600",
+          "theme-light": "$color.palette.red-700",
           "theme-dark": "$color.palette.red-600"
         }
       },
       "$color.bg.danger-solid-pressed": {
         "values": {
-          "theme-light": "$color.palette.red-700",
+          "theme-light": "$color.palette.red-800",
           "theme-dark": "$color.palette.red-700"
         }
       },
@@ -757,12 +745,6 @@
           "theme-dark": "$color.palette.blue-200"
         }
       },
-      "$color.bg.static-white": {
-        "values": {
-          "theme-light": "$color.palette.static-white",
-          "theme-dark": "$color.palette.static-white"
-        }
-      },
       "$color.bg.warning-weak-pressed": {
         "values": {
           "theme-light": "$color.palette.yellow-200",
@@ -777,7 +759,7 @@
       },
       "$color.bg.informative-solid": {
         "values": {
-          "theme-light": "$color.palette.blue-600",
+          "theme-light": "$color.palette.blue-700",
           "theme-dark": "$color.palette.blue-600"
         }
       },
@@ -789,25 +771,25 @@
       },
       "$color.bg.informative-solid-pressed": {
         "values": {
-          "theme-light": "$color.palette.blue-700",
+          "theme-light": "$color.palette.blue-800",
           "theme-dark": "$color.palette.blue-700"
         }
       },
       "$color.bg.positive-solid-pressed": {
         "values": {
-          "theme-light": "$color.palette.green-700",
+          "theme-light": "$color.palette.green-800",
           "theme-dark": "$color.palette.green-500"
         }
       },
       "$color.bg.magic-solid": {
         "values": {
-          "theme-light": "$color.palette.purple-600",
+          "theme-light": "$color.palette.purple-700",
           "theme-dark": "$color.palette.purple-600"
         }
       },
       "$color.bg.magic-solid-pressed": {
         "values": {
-          "theme-light": "$color.palette.purple-700",
+          "theme-light": "$color.palette.purple-800",
           "theme-dark": "$color.palette.purple-700"
         }
       },
@@ -849,8 +831,8 @@
       },
       "$color.stroke.brand": {
         "values": {
-          "theme-light": "$color.palette.carrot-500",
-          "theme-dark": "$color.palette.carrot-600"
+          "theme-light": "$color.palette.carrot-300",
+          "theme-dark": "$color.palette.carrot-300"
         }
       },
       "$color.stroke.field": {
@@ -879,14 +861,20 @@
       },
       "$color.stroke.danger": {
         "values": {
-          "theme-light": "$color.palette.red-700",
-          "theme-dark": "$color.palette.red-600"
+          "theme-light": "$color.palette.red-300",
+          "theme-dark": "$color.palette.red-300"
         }
       },
       "$color.stroke.positive": {
         "values": {
-          "theme-light": "$color.palette.green-600",
-          "theme-dark": "$color.palette.green-600"
+          "theme-light": "$color.palette.green-300",
+          "theme-dark": "$color.palette.green-300"
+        }
+      },
+      "$color.stroke.informative": {
+        "values": {
+          "theme-light": "$color.palette.blue-300",
+          "theme-dark": "$color.palette.blue-300"
         }
       }
     }
diff --git a/docs/public/rootage/components/action-button.json b/docs/public/rootage/components/action-button.json
index 4b38c9070..baa62693e 100644
--- a/docs/public/rootage/components/action-button.json
+++ b/docs/public/rootage/components/action-button.json
@@ -22,16 +22,16 @@
           "color": "$color.bg.brand-solid"
         },
         "label": {
-          "color": "$color.fg.static-white"
+          "color": "$color.palette.static-white"
         },
         "icon": {
-          "color": "$color.fg.static-white"
+          "color": "$color.palette.static-white"
         },
         "prefixIcon": {
-          "color": "$color.fg.static-white"
+          "color": "$color.palette.static-white"
         },
         "suffixIcon": {
-          "color": "$color.fg.static-white"
+          "color": "$color.palette.static-white"
         },
         "progressCircle": {
           "trackColor": "$color.palette.static-white-alpha-200",
@@ -172,16 +172,16 @@
           "color": "$color.bg.danger-solid"
         },
         "label": {
-          "color": "$color.fg.static-white"
+          "color": "$color.palette.static-white"
         },
         "icon": {
-          "color": "$color.fg.static-white"
+          "color": "$color.palette.static-white"
         },
         "prefixIcon": {
-          "color": "$color.fg.static-white"
+          "color": "$color.palette.static-white"
         },
         "suffixIcon": {
-          "color": "$color.fg.static-white"
+          "color": "$color.palette.static-white"
         },
         "progressCircle": {
           "trackColor": "$color.palette.static-white-alpha-200",
diff --git a/docs/public/rootage/components/badge.json b/docs/public/rootage/components/badge.json
index b33324a73..9b813dcc3 100644
--- a/docs/public/rootage/components/badge.json
+++ b/docs/public/rootage/components/badge.json
@@ -92,7 +92,7 @@
           "color": "$color.bg.neutral-solid"
         },
         "label": {
-          "color": "$color.fg.static-white"
+          "color": "$color.palette.static-white"
         }
       }
     },
@@ -122,7 +122,7 @@
           "color": "$color.bg.brand-solid"
         },
         "label": {
-          "color": "$color.fg.static-white"
+          "color": "$color.palette.static-white"
         }
       }
     },
@@ -152,7 +152,7 @@
           "color": "$color.bg.informative-solid"
         },
         "label": {
-          "color": "$color.fg.static-white"
+          "color": "$color.palette.static-white"
         }
       }
     },
@@ -182,7 +182,7 @@
           "color": "$color.bg.positive-solid"
         },
         "label": {
-          "color": "$color.fg.static-white"
+          "color": "$color.palette.static-white"
         }
       }
     },
@@ -212,7 +212,7 @@
           "color": "$color.bg.danger-solid"
         },
         "label": {
-          "color": "$color.fg.static-white"
+          "color": "$color.palette.static-white"
         }
       }
     },
diff --git a/docs/public/rootage/components/checkbox.json b/docs/public/rootage/components/checkbox.json
index 23b05ae04..1b28cb84c 100644
--- a/docs/public/rootage/components/checkbox.json
+++ b/docs/public/rootage/components/checkbox.json
@@ -41,7 +41,7 @@
           "color": "$color.bg.brand-solid"
         },
         "icon": {
-          "color": "$color.fg.static-white"
+          "color": "$color.palette.static-white"
         }
       },
       "pressed": {
@@ -54,7 +54,7 @@
           "color": "$color.bg.brand-solid-pressed"
         },
         "icon": {
-          "color": "$color.fg.static-white"
+          "color": "$color.palette.static-white"
         }
       },
       "disabled": {
diff --git a/docs/public/rootage/components/chip-tab.json b/docs/public/rootage/components/chip-tab.json
index e0ba4500a..58f1c273b 100644
--- a/docs/public/rootage/components/chip-tab.json
+++ b/docs/public/rootage/components/chip-tab.json
@@ -78,7 +78,7 @@
           "color": "$color.bg.brand-solid"
         },
         "label": {
-          "color": "$color.fg.static-white",
+          "color": "$color.palette.static-white",
           "fontWeight": "$font-weight.bold"
         }
       },
diff --git a/docs/public/rootage/components/control-chip.json b/docs/public/rootage/components/control-chip.json
index 1b3e5cbaa..d334bf9a5 100644
--- a/docs/public/rootage/components/control-chip.json
+++ b/docs/public/rootage/components/control-chip.json
@@ -41,17 +41,17 @@
           "color": "$color.bg.neutral-solid-muted"
         },
         "label": {
-          "color": "$color.fg.static-white",
+          "color": "$color.palette.static-white",
           "fontWeight": "$font-weight.bold"
         },
         "prefixIcon": {
-          "color": "$color.fg.static-white"
+          "color": "$color.palette.static-white"
         },
         "suffixIcon": {
-          "color": "$color.fg.static-white"
+          "color": "$color.palette.static-white"
         },
         "icon": {
-          "color": "$color.fg.static-white"
+          "color": "$color.palette.static-white"
         },
         "count": {
           "color": "$color.palette.static-white-alpha-800"
diff --git a/docs/public/rootage/components/inline-banner.json b/docs/public/rootage/components/inline-banner.json
index 19aa49dbd..c6b503ee5 100644
--- a/docs/public/rootage/components/inline-banner.json
+++ b/docs/public/rootage/components/inline-banner.json
@@ -198,19 +198,19 @@
           "color": "$color.bg.danger-solid"
         },
         "icon": {
-          "color": "$color.fg.static-white"
+          "color": "$color.palette.static-white"
         },
         "title": {
-          "color": "$color.fg.static-white"
+          "color": "$color.palette.static-white"
         },
         "description": {
-          "color": "$color.fg.static-white"
+          "color": "$color.palette.static-white"
         },
         "linkLabel": {
-          "color": "$color.fg.static-white"
+          "color": "$color.palette.static-white"
         },
         "actionableIcon": {
-          "color": "$color.fg.static-white"
+          "color": "$color.palette.static-white"
         }
       }
     }
diff --git a/docs/public/rootage/components/progress-circle.json b/docs/public/rootage/components/progress-circle.json
index 394056a2c..036841805 100644
--- a/docs/public/rootage/components/progress-circle.json
+++ b/docs/public/rootage/components/progress-circle.json
@@ -98,7 +98,7 @@
           "color": "$color.palette.static-white-alpha-200"
         },
         "range": {
-          "color": "$color.bg.static-white"
+          "color": "$color.palette.static-white"
         }
       }
     }
diff --git a/docs/public/rootage/components/radio.json b/docs/public/rootage/components/radio.json
index 376bd6138..ced91d267 100644
--- a/docs/public/rootage/components/radio.json
+++ b/docs/public/rootage/components/radio.json
@@ -28,7 +28,7 @@
           "strokeWidth": "0px"
         },
         "icon": {
-          "color": "$color.fg.static-white"
+          "color": "$color.palette.static-white"
         }
       },
       "enabled,selected,pressed": {
diff --git a/docs/public/rootage/components/select-box.json b/docs/public/rootage/components/select-box.json
index 9397b87f7..6767fcc64 100644
--- a/docs/public/rootage/components/select-box.json
+++ b/docs/public/rootage/components/select-box.json
@@ -73,14 +73,14 @@
           "strokeWidth": 0
         },
         "checkboxIcon": {
-          "color": "$color.fg.static-white"
+          "color": "$color.palette.static-white"
         },
         "radioControl": {
           "color": "$color.bg.brand-solid",
           "strokeWidth": 0
         },
         "radioIcon": {
-          "color": "$color.fg.static-white"
+          "color": "$color.palette.static-white"
         }
       },
       "enabled,selected,pressed": {
diff --git a/docs/public/rootage/components/switch.json b/docs/public/rootage/components/switch.json
index 467dcbe5c..7fb806866 100644
--- a/docs/public/rootage/components/switch.json
+++ b/docs/public/rootage/components/switch.json
@@ -12,7 +12,7 @@
           "cornerRadius": "$radius.full"
         },
         "thumb": {
-          "color": "$color.fg.static-white",
+          "color": "$color.palette.static-white",
           "cornerRadius": "$radius.full"
         }
       },
diff --git a/docs/public/rootage/components/toggle-button.json b/docs/public/rootage/components/toggle-button.json
index 7f3e49dc2..036992956 100644
--- a/docs/public/rootage/components/toggle-button.json
+++ b/docs/public/rootage/components/toggle-button.json
@@ -22,13 +22,13 @@
           "color": "$color.bg.brand-solid"
         },
         "label": {
-          "color": "$color.fg.static-white"
+          "color": "$color.palette.static-white"
         },
         "prefixIcon": {
-          "color": "$color.fg.static-white"
+          "color": "$color.palette.static-white"
         },
         "suffixIcon": {
-          "color": "$color.fg.static-white"
+          "color": "$color.palette.static-white"
         },
         "progressCircle": {
           "trackColor": "$color.palette.static-white-alpha-200",
diff --git a/docs/public/rootage/components/top-navigation.json b/docs/public/rootage/components/top-navigation.json
index 638f91d35..1ccf10cc9 100644
--- a/docs/public/rootage/components/top-navigation.json
+++ b/docs/public/rootage/components/top-navigation.json
@@ -56,10 +56,10 @@
           "color": "#00000000"
         },
         "title": {
-          "color": "$color.fg.static-white"
+          "color": "$color.palette.static-white"
         },
         "icon": {
-          "color": "$color.fg.static-white"
+          "color": "$color.palette.static-white"
         }
       }
     },
diff --git a/docs/public/rootage/parsed.json b/docs/public/rootage/parsed.json
index b00b2c33e..fed7cad64 100644
--- a/docs/public/rootage/parsed.json
+++ b/docs/public/rootage/parsed.json
@@ -388,7 +388,7 @@
           "mode": "theme-dark",
           "value": {
             "type": "color",
-            "value": "#822f00"
+            "value": "#923600"
           }
         }
       ]
@@ -415,7 +415,7 @@
           "mode": "theme-dark",
           "value": {
             "type": "color",
-            "value": "#c44501"
+            "value": "#bd4201"
           }
         }
       ]
@@ -442,7 +442,7 @@
           "mode": "theme-dark",
           "value": {
             "type": "color",
-            "value": "#f75900"
+            "value": "#e65200"
           }
         }
       ]
@@ -577,7 +577,7 @@
           "mode": "theme-dark",
           "value": {
             "type": "color",
-            "value": "#1c2633"
+            "value": "#202742"
           }
         }
       ]
@@ -604,7 +604,7 @@
           "mode": "theme-dark",
           "value": {
             "type": "color",
-            "value": "#223444"
+            "value": "#1e3352"
           }
         }
       ]
@@ -631,7 +631,7 @@
           "mode": "theme-dark",
           "value": {
             "type": "color",
-            "value": "#184564"
+            "value": "#1a4275"
           }
         }
       ]
@@ -651,14 +651,14 @@
           "mode": "theme-light",
           "value": {
             "type": "color",
-            "value": "#abcefd"
+            "value": "#aacefd"
           }
         },
         {
           "mode": "theme-dark",
           "value": {
             "type": "color",
-            "value": "#035a87"
+            "value": "#0f559e"
           }
         }
       ]
@@ -678,14 +678,14 @@
           "mode": "theme-light",
           "value": {
             "type": "color",
-            "value": "#83b7fd"
+            "value": "#85b8fd"
           }
         },
         {
           "mode": "theme-dark",
           "value": {
             "type": "color",
-            "value": "#126eae"
+            "value": "#1964d8"
           }
         }
       ]
@@ -705,14 +705,14 @@
           "mode": "theme-light",
           "value": {
             "type": "color",
-            "value": "#2787fe"
+            "value": "#5e98fe"
           }
         },
         {
           "mode": "theme-dark",
           "value": {
             "type": "color",
-            "value": "#1889cb"
+            "value": "#1e82eb"
           }
         }
       ]
@@ -732,14 +732,14 @@
           "mode": "theme-light",
           "value": {
             "type": "color",
-            "value": "#1a6edf"
+            "value": "#217cf9"
           }
         },
         {
           "mode": "theme-dark",
           "value": {
             "type": "color",
-            "value": "#2ca5f1"
+            "value": "#41a2f9"
           }
         }
       ]
@@ -759,14 +759,14 @@
           "mode": "theme-light",
           "value": {
             "type": "color",
-            "value": "#1056bb"
+            "value": "#135fcd"
           }
         },
         {
           "mode": "theme-dark",
           "value": {
             "type": "color",
-            "value": "#7bbdf9"
+            "value": "#83bcf9"
           }
         }
       ]
@@ -786,14 +786,14 @@
           "mode": "theme-light",
           "value": {
             "type": "color",
-            "value": "#083b81"
+            "value": "#0b4596"
           }
         },
         {
           "mode": "theme-dark",
           "value": {
             "type": "color",
-            "value": "#b8d7fb"
+            "value": "#b9d7fb"
           }
         }
       ]
@@ -813,7 +813,7 @@
           "mode": "theme-light",
           "value": {
             "type": "color",
-            "value": "#02214a"
+            "value": "#032451"
           }
         },
         {
@@ -840,7 +840,7 @@
           "mode": "theme-light",
           "value": {
             "type": "color",
-            "value": "#fdf2f2"
+            "value": "#fdf0f0"
           }
         },
         {
@@ -867,7 +867,7 @@
           "mode": "theme-light",
           "value": {
             "type": "color",
-            "value": "#fde4e4"
+            "value": "#fde7e7"
           }
         },
         {
@@ -894,7 +894,7 @@
           "mode": "theme-light",
           "value": {
             "type": "color",
-            "value": "#fececc"
+            "value": "#fed4d2"
           }
         },
         {
@@ -921,7 +921,7 @@
           "mode": "theme-light",
           "value": {
             "type": "color",
-            "value": "#feafaa"
+            "value": "#feb7b3"
           }
         },
         {
@@ -948,14 +948,14 @@
           "mode": "theme-light",
           "value": {
             "type": "color",
-            "value": "#fe827b"
+            "value": "#fe928d"
           }
         },
         {
           "mode": "theme-dark",
           "value": {
             "type": "color",
-            "value": "#d11e13"
+            "value": "#ca2319"
           }
         }
       ]
@@ -975,7 +975,7 @@
           "mode": "theme-light",
           "value": {
             "type": "color",
-            "value": "#ff3b2d"
+            "value": "#fc6a66"
           }
         },
         {
@@ -1002,14 +1002,14 @@
           "mode": "theme-light",
           "value": {
             "type": "color",
-            "value": "#ef1f10"
+            "value": "#fa342c"
           }
         },
         {
           "mode": "theme-dark",
           "value": {
             "type": "color",
-            "value": "#f2796d"
+            "value": "#ff6e60"
           }
         }
       ]
@@ -1029,14 +1029,14 @@
           "mode": "theme-light",
           "value": {
             "type": "color",
-            "value": "#c81d13"
+            "value": "#ca1d13"
           }
         },
         {
           "mode": "theme-dark",
           "value": {
             "type": "color",
-            "value": "#f1a39b"
+            "value": "#ffa299"
           }
         }
       ]
@@ -1056,14 +1056,14 @@
           "mode": "theme-light",
           "value": {
             "type": "color",
-            "value": "#8f1e10"
+            "value": "#921708"
           }
         },
         {
           "mode": "theme-dark",
           "value": {
             "type": "color",
-            "value": "#f2cbc9"
+            "value": "#f8c5c3"
           }
         }
       ]
@@ -1090,7 +1090,7 @@
           "mode": "theme-dark",
           "value": {
             "type": "color",
-            "value": "#f3cbc8"
+            "value": "#fdf2f2"
           }
         }
       ]
@@ -1110,7 +1110,7 @@
           "mode": "theme-light",
           "value": {
             "type": "color",
-            "value": "#e7f9f3"
+            "value": "#edfaf6"
           }
         },
         {
@@ -1137,7 +1137,7 @@
           "mode": "theme-light",
           "value": {
             "type": "color",
-            "value": "#d1f4e5"
+            "value": "#d9f6e9"
           }
         },
         {
@@ -1164,7 +1164,7 @@
           "mode": "theme-light",
           "value": {
             "type": "color",
-            "value": "#8ff1c3"
+            "value": "#aeebcc"
           }
         },
         {
@@ -1191,7 +1191,7 @@
           "mode": "theme-light",
           "value": {
             "type": "color",
-            "value": "#6be1b0"
+            "value": "#74dcb0"
           }
         },
         {
@@ -1218,7 +1218,7 @@
           "mode": "theme-light",
           "value": {
             "type": "color",
-            "value": "#2ecd95"
+            "value": "#42c593"
           }
         },
         {
@@ -1245,7 +1245,7 @@
           "mode": "theme-light",
           "value": {
             "type": "color",
-            "value": "#10ad7e"
+            "value": "#10ab7d"
           }
         },
         {
@@ -1272,7 +1272,7 @@
           "mode": "theme-light",
           "value": {
             "type": "color",
-            "value": "#068c6d"
+            "value": "#079171"
           }
         },
         {
@@ -1299,7 +1299,7 @@
           "mode": "theme-light",
           "value": {
             "type": "color",
-            "value": "#006b58"
+            "value": "#00745f"
           }
         },
         {
@@ -1326,7 +1326,7 @@
           "mode": "theme-light",
           "value": {
             "type": "color",
-            "value": "#054a3d"
+            "value": "#075445"
           }
         },
         {
@@ -1380,14 +1380,14 @@
           "mode": "theme-light",
           "value": {
             "type": "color",
-            "value": "#fff9e6"
+            "value": "#fff7de"
           }
         },
         {
           "mode": "theme-dark",
           "value": {
             "type": "color",
-            "value": "#2a2517"
+            "value": "#302819"
           }
         }
       ]
@@ -1407,14 +1407,14 @@
           "mode": "theme-light",
           "value": {
             "type": "color",
-            "value": "#fdf3ce"
+            "value": "#fdefb9"
           }
         },
         {
           "mode": "theme-dark",
           "value": {
             "type": "color",
-            "value": "#3d3016"
+            "value": "#413218"
           }
         }
       ]
@@ -1434,14 +1434,14 @@
           "mode": "theme-light",
           "value": {
             "type": "color",
-            "value": "#fbe49a"
+            "value": "#fbdc65"
           }
         },
         {
           "mode": "theme-dark",
           "value": {
             "type": "color",
-            "value": "#513f15"
+            "value": "#543e15"
           }
         }
       ]
@@ -1461,14 +1461,14 @@
           "mode": "theme-light",
           "value": {
             "type": "color",
-            "value": "#f7d24c"
+            "value": "#e9c647"
           }
         },
         {
           "mode": "theme-dark",
           "value": {
             "type": "color",
-            "value": "#695115"
+            "value": "#714e15"
           }
         }
       ]
@@ -1488,14 +1488,14 @@
           "mode": "theme-light",
           "value": {
             "type": "color",
-            "value": "#e3b82c"
+            "value": "#d4ab28"
           }
         },
         {
           "mode": "theme-dark",
           "value": {
             "type": "color",
-            "value": "#83661b"
+            "value": "#91601b"
           }
         }
       ]
@@ -1522,7 +1522,7 @@
           "mode": "theme-dark",
           "value": {
             "type": "color",
-            "value": "#9c7f25"
+            "value": "#b6720d"
           }
         }
       ]
@@ -1549,7 +1549,7 @@
           "mode": "theme-dark",
           "value": {
             "type": "color",
-            "value": "#b59b36"
+            "value": "#ca901c"
           }
         }
       ]
@@ -1576,7 +1576,7 @@
           "mode": "theme-dark",
           "value": {
             "type": "color",
-            "value": "#cdb656"
+            "value": "#dab156"
           }
         }
       ]
@@ -1603,7 +1603,7 @@
           "mode": "theme-dark",
           "value": {
             "type": "color",
-            "value": "#e3da96"
+            "value": "#e5d49b"
           }
         }
       ]
@@ -1630,7 +1630,7 @@
           "mode": "theme-dark",
           "value": {
             "type": "color",
-            "value": "#f7f0ce"
+            "value": "#f7f0cd"
           }
         }
       ]
@@ -1785,14 +1785,14 @@
           "mode": "theme-light",
           "value": {
             "type": "color",
-            "value": "#f6f4fe"
+            "value": "#f5f3fe"
           }
         },
         {
           "mode": "theme-dark",
           "value": {
             "type": "color",
-            "value": "#322065"
+            "value": "#28213b"
           }
         }
       ]
@@ -1866,7 +1866,7 @@
           "mode": "theme-light",
           "value": {
             "type": "color",
-            "value": "#d2c3ff"
+            "value": "#d0c0ff"
           }
         },
         {
@@ -1893,7 +1893,7 @@
           "mode": "theme-light",
           "value": {
             "type": "color",
-            "value": "#bda8ff"
+            "value": "#b8a1ff"
           }
         },
         {
@@ -1920,7 +1920,7 @@
           "mode": "theme-light",
           "value": {
             "type": "color",
-            "value": "#a186fb"
+            "value": "#9f84fb"
           }
         },
         {
@@ -1947,7 +1947,7 @@
           "mode": "theme-light",
           "value": {
             "type": "color",
-            "value": "#8564e9"
+            "value": "#8969ea"
           }
         },
         {
@@ -1974,7 +1974,7 @@
           "mode": "theme-light",
           "value": {
             "type": "color",
-            "value": "#6646c6"
+            "value": "#6d50cb"
           }
         },
         {
@@ -2001,7 +2001,7 @@
           "mode": "theme-light",
           "value": {
             "type": "color",
-            "value": "#46308a"
+            "value": "#50379b"
           }
         },
         {
@@ -2148,41 +2148,6 @@
         }
       ]
     },
-    {
-      "collection": "color",
-      "token": {
-        "type": "token",
-        "group": [
-          "color",
-          "fg"
-        ],
-        "key": "static-white"
-      },
-      "values": [
-        {
-          "mode": "theme-light",
-          "value": {
-            "type": "token",
-            "group": [
-              "color",
-              "palette"
-            ],
-            "key": "static-white"
-          }
-        },
-        {
-          "mode": "theme-dark",
-          "value": {
-            "type": "token",
-            "group": [
-              "color",
-              "palette"
-            ],
-            "key": "static-white"
-          }
-        }
-      ]
-    },
     {
       "collection": "color",
       "token": {
@@ -2342,7 +2307,7 @@
               "color",
               "palette"
             ],
-            "key": "carrot-700"
+            "key": "carrot-800"
           }
         },
         {
@@ -2353,7 +2318,7 @@
               "color",
               "palette"
             ],
-            "key": "carrot-1000"
+            "key": "carrot-900"
           }
         }
       ]
@@ -2377,7 +2342,7 @@
               "color",
               "palette"
             ],
-            "key": "red-600"
+            "key": "red-700"
           }
         },
         {
@@ -2388,7 +2353,7 @@
               "color",
               "palette"
             ],
-            "key": "red-600"
+            "key": "red-700"
           }
         }
       ]
@@ -2458,7 +2423,7 @@
               "color",
               "palette"
             ],
-            "key": "green-600"
+            "key": "green-700"
           }
         }
       ]
@@ -2563,7 +2528,7 @@
               "color",
               "palette"
             ],
-            "key": "blue-700"
+            "key": "blue-800"
           }
         }
       ]
@@ -2673,41 +2638,6 @@
         }
       ]
     },
-    {
-      "collection": "color",
-      "token": {
-        "type": "token",
-        "group": [
-          "color",
-          "fg"
-        ],
-        "key": "static-black"
-      },
-      "values": [
-        {
-          "mode": "theme-light",
-          "value": {
-            "type": "token",
-            "group": [
-              "color",
-              "palette"
-            ],
-            "key": "static-black"
-          }
-        },
-        {
-          "mode": "theme-dark",
-          "value": {
-            "type": "token",
-            "group": [
-              "color",
-              "palette"
-            ],
-            "key": "static-black"
-          }
-        }
-      ]
-    },
     {
       "collection": "color",
       "token": {
@@ -2738,7 +2668,7 @@
               "color",
               "palette"
             ],
-            "key": "carrot-600"
+            "key": "carrot-700"
           }
         }
       ]
@@ -2867,7 +2797,7 @@
               "color",
               "palette"
             ],
-            "key": "green-600"
+            "key": "green-700"
           }
         },
         {
@@ -2878,7 +2808,7 @@
               "color",
               "palette"
             ],
-            "key": "green-600"
+            "key": "green-500"
           }
         }
       ]
@@ -2902,7 +2832,7 @@
               "color",
               "palette"
             ],
-            "key": "yellow-400"
+            "key": "yellow-300"
           }
         },
         {
@@ -2913,7 +2843,7 @@
               "color",
               "palette"
             ],
-            "key": "yellow-700"
+            "key": "yellow-600"
           }
         }
       ]
@@ -3007,7 +2937,7 @@
               "color",
               "palette"
             ],
-            "key": "red-600"
+            "key": "red-700"
           }
         },
         {
@@ -3042,7 +2972,7 @@
               "color",
               "palette"
             ],
-            "key": "red-700"
+            "key": "red-800"
           }
         },
         {
@@ -3758,41 +3688,6 @@
         }
       ]
     },
-    {
-      "collection": "color",
-      "token": {
-        "type": "token",
-        "group": [
-          "color",
-          "bg"
-        ],
-        "key": "static-white"
-      },
-      "values": [
-        {
-          "mode": "theme-light",
-          "value": {
-            "type": "token",
-            "group": [
-              "color",
-              "palette"
-            ],
-            "key": "static-white"
-          }
-        },
-        {
-          "mode": "theme-dark",
-          "value": {
-            "type": "token",
-            "group": [
-              "color",
-              "palette"
-            ],
-            "key": "static-white"
-          }
-        }
-      ]
-    },
     {
       "collection": "color",
       "token": {
@@ -3882,7 +3777,7 @@
               "color",
               "palette"
             ],
-            "key": "blue-600"
+            "key": "blue-700"
           }
         },
         {
@@ -3952,7 +3847,7 @@
               "color",
               "palette"
             ],
-            "key": "blue-700"
+            "key": "blue-800"
           }
         },
         {
@@ -3987,7 +3882,7 @@
               "color",
               "palette"
             ],
-            "key": "green-700"
+            "key": "green-800"
           }
         },
         {
@@ -4022,7 +3917,7 @@
               "color",
               "palette"
             ],
-            "key": "purple-600"
+            "key": "purple-700"
           }
         },
         {
@@ -4057,7 +3952,7 @@
               "color",
               "palette"
             ],
-            "key": "purple-700"
+            "key": "purple-800"
           }
         },
         {
@@ -4302,7 +4197,7 @@
               "color",
               "palette"
             ],
-            "key": "carrot-500"
+            "key": "carrot-300"
           }
         },
         {
@@ -4313,7 +4208,7 @@
               "color",
               "palette"
             ],
-            "key": "carrot-600"
+            "key": "carrot-300"
           }
         }
       ]
@@ -4477,7 +4372,7 @@
               "color",
               "palette"
             ],
-            "key": "red-700"
+            "key": "red-300"
           }
         },
         {
@@ -4488,7 +4383,7 @@
               "color",
               "palette"
             ],
-            "key": "red-600"
+            "key": "red-300"
           }
         }
       ]
@@ -4512,7 +4407,42 @@
               "color",
               "palette"
             ],
-            "key": "green-600"
+            "key": "green-300"
+          }
+        },
+        {
+          "mode": "theme-dark",
+          "value": {
+            "type": "token",
+            "group": [
+              "color",
+              "palette"
+            ],
+            "key": "green-300"
+          }
+        }
+      ]
+    },
+    {
+      "collection": "color",
+      "token": {
+        "type": "token",
+        "group": [
+          "color",
+          "stroke"
+        ],
+        "key": "informative"
+      },
+      "values": [
+        {
+          "mode": "theme-light",
+          "value": {
+            "type": "token",
+            "group": [
+              "color",
+              "palette"
+            ],
+            "key": "blue-300"
           }
         },
         {
@@ -4523,7 +4453,7 @@
               "color",
               "palette"
             ],
-            "key": "green-600"
+            "key": "blue-300"
           }
         }
       ]
@@ -6069,7 +5999,7 @@
                         "type": "token",
                         "group": [
                           "color",
-                          "fg"
+                          "palette"
                         ],
                         "key": "static-white"
                       }
@@ -6085,7 +6015,7 @@
                         "type": "token",
                         "group": [
                           "color",
-                          "fg"
+                          "palette"
                         ],
                         "key": "static-white"
                       }
@@ -6101,7 +6031,7 @@
                         "type": "token",
                         "group": [
                           "color",
-                          "fg"
+                          "palette"
                         ],
                         "key": "static-white"
                       }
@@ -6117,7 +6047,7 @@
                         "type": "token",
                         "group": [
                           "color",
-                          "fg"
+                          "palette"
                         ],
                         "key": "static-white"
                       }
@@ -6831,7 +6761,7 @@
                         "type": "token",
                         "group": [
                           "color",
-                          "fg"
+                          "palette"
                         ],
                         "key": "static-white"
                       }
@@ -6847,7 +6777,7 @@
                         "type": "token",
                         "group": [
                           "color",
-                          "fg"
+                          "palette"
                         ],
                         "key": "static-white"
                       }
@@ -6863,7 +6793,7 @@
                         "type": "token",
                         "group": [
                           "color",
-                          "fg"
+                          "palette"
                         ],
                         "key": "static-white"
                       }
@@ -6879,7 +6809,7 @@
                         "type": "token",
                         "group": [
                           "color",
-                          "fg"
+                          "palette"
                         ],
                         "key": "static-white"
                       }
@@ -10729,7 +10659,7 @@
                         "type": "token",
                         "group": [
                           "color",
-                          "fg"
+                          "palette"
                         ],
                         "key": "static-white"
                       }
@@ -10870,7 +10800,7 @@
                         "type": "token",
                         "group": [
                           "color",
-                          "fg"
+                          "palette"
                         ],
                         "key": "static-white"
                       }
@@ -11011,7 +10941,7 @@
                         "type": "token",
                         "group": [
                           "color",
-                          "fg"
+                          "palette"
                         ],
                         "key": "static-white"
                       }
@@ -11152,7 +11082,7 @@
                         "type": "token",
                         "group": [
                           "color",
-                          "fg"
+                          "palette"
                         ],
                         "key": "static-white"
                       }
@@ -11293,7 +11223,7 @@
                         "type": "token",
                         "group": [
                           "color",
-                          "fg"
+                          "palette"
                         ],
                         "key": "static-white"
                       }
@@ -12853,7 +12783,7 @@
                         "type": "token",
                         "group": [
                           "color",
-                          "fg"
+                          "palette"
                         ],
                         "key": "static-white"
                       }
@@ -12916,7 +12846,7 @@
                         "type": "token",
                         "group": [
                           "color",
-                          "fg"
+                          "palette"
                         ],
                         "key": "static-white"
                       }
@@ -14001,7 +13931,7 @@
                         "type": "token",
                         "group": [
                           "color",
-                          "fg"
+                          "palette"
                         ],
                         "key": "static-white"
                       }
@@ -14406,7 +14336,7 @@
                         "type": "token",
                         "group": [
                           "color",
-                          "fg"
+                          "palette"
                         ],
                         "key": "static-white"
                       }
@@ -14432,7 +14362,7 @@
                         "type": "token",
                         "group": [
                           "color",
-                          "fg"
+                          "palette"
                         ],
                         "key": "static-white"
                       }
@@ -14448,7 +14378,7 @@
                         "type": "token",
                         "group": [
                           "color",
-                          "fg"
+                          "palette"
                         ],
                         "key": "static-white"
                       }
@@ -14464,7 +14394,7 @@
                         "type": "token",
                         "group": [
                           "color",
-                          "fg"
+                          "palette"
                         ],
                         "key": "static-white"
                       }
@@ -17185,7 +17115,7 @@
                         "type": "token",
                         "group": [
                           "color",
-                          "fg"
+                          "palette"
                         ],
                         "key": "static-white"
                       }
@@ -17201,7 +17131,7 @@
                         "type": "token",
                         "group": [
                           "color",
-                          "fg"
+                          "palette"
                         ],
                         "key": "static-white"
                       }
@@ -17217,7 +17147,7 @@
                         "type": "token",
                         "group": [
                           "color",
-                          "fg"
+                          "palette"
                         ],
                         "key": "static-white"
                       }
@@ -17233,7 +17163,7 @@
                         "type": "token",
                         "group": [
                           "color",
-                          "fg"
+                          "palette"
                         ],
                         "key": "static-white"
                       }
@@ -17249,7 +17179,7 @@
                         "type": "token",
                         "group": [
                           "color",
-                          "fg"
+                          "palette"
                         ],
                         "key": "static-white"
                       }
@@ -17577,7 +17507,7 @@
                         "type": "token",
                         "group": [
                           "color",
-                          "bg"
+                          "palette"
                         ],
                         "key": "static-white"
                       }
@@ -17727,7 +17657,7 @@
                         "type": "token",
                         "group": [
                           "color",
-                          "fg"
+                          "palette"
                         ],
                         "key": "static-white"
                       }
@@ -19576,7 +19506,7 @@
                         "type": "token",
                         "group": [
                           "color",
-                          "fg"
+                          "palette"
                         ],
                         "key": "static-white"
                       }
@@ -19615,7 +19545,7 @@
                         "type": "token",
                         "group": [
                           "color",
-                          "fg"
+                          "palette"
                         ],
                         "key": "static-white"
                       }
@@ -20279,7 +20209,7 @@
                         "type": "token",
                         "group": [
                           "color",
-                          "fg"
+                          "palette"
                         ],
                         "key": "static-white"
                       }
@@ -23354,7 +23284,7 @@
                         "type": "token",
                         "group": [
                           "color",
-                          "fg"
+                          "palette"
                         ],
                         "key": "static-white"
                       }
@@ -23370,7 +23300,7 @@
                         "type": "token",
                         "group": [
                           "color",
-                          "fg"
+                          "palette"
                         ],
                         "key": "static-white"
                       }
@@ -23386,7 +23316,7 @@
                         "type": "token",
                         "group": [
                           "color",
-                          "fg"
+                          "palette"
                         ],
                         "key": "static-white"
                       }
@@ -24590,7 +24520,7 @@
                         "type": "token",
                         "group": [
                           "color",
-                          "fg"
+                          "palette"
                         ],
                         "key": "static-white"
                       }
@@ -24606,7 +24536,7 @@
                         "type": "token",
                         "group": [
                           "color",
-                          "fg"
+                          "palette"
                         ],
                         "key": "static-white"
                       }
diff --git a/packages/rootage/color.yaml b/packages/rootage/color.yaml
index ab5b809e9..58d83dba2 100644
--- a/packages/rootage/color.yaml
+++ b/packages/rootage/color.yaml
@@ -60,15 +60,15 @@ data:
     $color.palette.carrot-400:
       values:
         theme-light: "#ffb999"
-        theme-dark: "#822f00"
+        theme-dark: "#923600"
     $color.palette.carrot-500:
       values:
         theme-light: "#ff9364"
-        theme-dark: "#c44501"
+        theme-dark: "#bd4201"
     $color.palette.carrot-600:
       values:
         theme-light: "#ff6600"
-        theme-dark: "#f75900"
+        theme-dark: "#e65200"
     $color.palette.carrot-700:
       values:
         theme-light: "#e84500"
@@ -88,118 +88,118 @@ data:
     $color.palette.blue-100:
       values:
         theme-light: "#eff6ff"
-        theme-dark: "#1c2633"
+        theme-dark: "#202742"
     $color.palette.blue-200:
       values:
         theme-light: "#e2edfc"
-        theme-dark: "#223444"
+        theme-dark: "#1e3352"
     $color.palette.blue-300:
       values:
         theme-light: "#cbdffa"
-        theme-dark: "#184564"
+        theme-dark: "#1a4275"
     $color.palette.blue-400:
       values:
-        theme-light: "#abcefd"
-        theme-dark: "#035a87"
+        theme-light: "#aacefd"
+        theme-dark: "#0f559e"
     $color.palette.blue-500:
       values:
-        theme-light: "#83b7fd"
-        theme-dark: "#126eae"
+        theme-light: "#85b8fd"
+        theme-dark: "#1964d8"
     $color.palette.blue-600:
       values:
-        theme-light: "#2787fe"
-        theme-dark: "#1889cb"
+        theme-light: "#5e98fe"
+        theme-dark: "#1e82eb"
     $color.palette.blue-700:
       values:
-        theme-light: "#1a6edf"
-        theme-dark: "#2ca5f1"
+        theme-light: "#217cf9"
+        theme-dark: "#41a2f9"
     $color.palette.blue-800:
       values:
-        theme-light: "#1056bb"
-        theme-dark: "#7bbdf9"
+        theme-light: "#135fcd"
+        theme-dark: "#83bcf9"
     $color.palette.blue-900:
       values:
-        theme-light: "#083b81"
-        theme-dark: "#b8d7fb"
+        theme-light: "#0b4596"
+        theme-dark: "#b9d7fb"
     $color.palette.blue-1000:
       values:
-        theme-light: "#02214a"
+        theme-light: "#032451"
         theme-dark: "#e5f0fe"
     $color.palette.red-100:
       values:
-        theme-light: "#fdf2f2"
+        theme-light: "#fdf0f0"
         theme-dark: "#322323"
     $color.palette.red-200:
       values:
-        theme-light: "#fde4e4"
+        theme-light: "#fde7e7"
         theme-dark: "#4f2624"
     $color.palette.red-300:
       values:
-        theme-light: "#fececc"
+        theme-light: "#fed4d2"
         theme-dark: "#742826"
     $color.palette.red-400:
       values:
-        theme-light: "#feafaa"
+        theme-light: "#feb7b3"
         theme-dark: "#a12621"
     $color.palette.red-500:
       values:
-        theme-light: "#fe827b"
-        theme-dark: "#d11e13"
+        theme-light: "#fe928d"
+        theme-dark: "#ca2319"
     $color.palette.red-600:
       values:
-        theme-light: "#ff3b2d"
+        theme-light: "#fc6a66"
         theme-dark: "#f73526"
     $color.palette.red-700:
       values:
-        theme-light: "#ef1f10"
-        theme-dark: "#f2796d"
+        theme-light: "#fa342c"
+        theme-dark: "#ff6e60"
     $color.palette.red-800:
       values:
-        theme-light: "#c81d13"
-        theme-dark: "#f1a39b"
+        theme-light: "#ca1d13"
+        theme-dark: "#ffa299"
     $color.palette.red-900:
       values:
-        theme-light: "#8f1e10"
-        theme-dark: "#f2cbc9"
+        theme-light: "#921708"
+        theme-dark: "#f8c5c3"
     $color.palette.red-1000:
       values:
         theme-light: "#4a1209"
-        theme-dark: "#f3cbc8"
+        theme-dark: "#fdf2f2"
     $color.palette.green-100:
       values:
-        theme-light: "#e7f9f3"
+        theme-light: "#edfaf6"
         theme-dark: "#202926"
     $color.palette.green-200:
       values:
-        theme-light: "#d1f4e5"
+        theme-light: "#d9f6e9"
         theme-dark: "#20362e"
     $color.palette.green-300:
       values:
-        theme-light: "#8ff1c3"
+        theme-light: "#aeebcc"
         theme-dark: "#20493b"
     $color.palette.green-400:
       values:
-        theme-light: "#6be1b0"
+        theme-light: "#74dcb0"
         theme-dark: "#19604c"
     $color.palette.green-500:
       values:
-        theme-light: "#2ecd95"
+        theme-light: "#42c593"
         theme-dark: "#117956"
     $color.palette.green-600:
       values:
-        theme-light: "#10ad7e"
+        theme-light: "#10ab7d"
         theme-dark: "#1b946d"
     $color.palette.green-700:
       values:
-        theme-light: "#068c6d"
+        theme-light: "#079171"
         theme-dark: "#22b27f"
     $color.palette.green-800:
       values:
-        theme-light: "#006b58"
+        theme-light: "#00745f"
         theme-dark: "#35ce9a"
     $color.palette.green-900:
       values:
-        theme-light: "#054a3d"
+        theme-light: "#075445"
         theme-dark: "#93e5c0"
     $color.palette.green-1000:
       values:
@@ -207,44 +207,44 @@ data:
         theme-dark: "#d4f6ef"
     $color.palette.yellow-100:
       values:
-        theme-light: "#fff9e6"
-        theme-dark: "#2a2517"
+        theme-light: "#fff7de"
+        theme-dark: "#302819"
     $color.palette.yellow-200:
       values:
-        theme-light: "#fdf3ce"
-        theme-dark: "#3d3016"
+        theme-light: "#fdefb9"
+        theme-dark: "#413218"
     $color.palette.yellow-300:
       values:
-        theme-light: "#fbe49a"
-        theme-dark: "#513f15"
+        theme-light: "#fbdc65"
+        theme-dark: "#543e15"
     $color.palette.yellow-400:
       values:
-        theme-light: "#f7d24c"
-        theme-dark: "#695115"
+        theme-light: "#e9c647"
+        theme-dark: "#714e15"
     $color.palette.yellow-500:
       values:
-        theme-light: "#e3b82c"
-        theme-dark: "#83661b"
+        theme-light: "#d4ab28"
+        theme-dark: "#91601b"
     $color.palette.yellow-600:
       values:
         theme-light: "#c49725"
-        theme-dark: "#9c7f25"
+        theme-dark: "#b6720d"
     $color.palette.yellow-700:
       values:
         theme-light: "#9b7821"
-        theme-dark: "#b59b36"
+        theme-dark: "#ca901c"
     $color.palette.yellow-800:
       values:
         theme-light: "#755b22"
-        theme-dark: "#cdb656"
+        theme-dark: "#dab156"
     $color.palette.yellow-900:
       values:
         theme-light: "#4f3e1f"
-        theme-dark: "#e3da96"
+        theme-dark: "#e5d49b"
     $color.palette.yellow-1000:
       values:
         theme-light: "#2c2512"
-        theme-dark: "#f7f0ce"
+        theme-dark: "#f7f0cd"
     $color.palette.static-black:
       values:
         theme-light: "#000000"
@@ -267,8 +267,8 @@ data:
         theme-dark: "#0000000d"
     $color.palette.purple-100:
       values:
-        theme-light: "#f6f4fe"
-        theme-dark: "#322065"
+        theme-light: "#f5f3fe"
+        theme-dark: "#28213b"
     $color.palette.purple-200:
       values:
         theme-light: "#efeafe"
@@ -279,27 +279,27 @@ data:
         theme-dark: "#443081"
     $color.palette.purple-400:
       values:
-        theme-light: "#d2c3ff"
+        theme-light: "#d0c0ff"
         theme-dark: "#5a3bb1"
     $color.palette.purple-500:
       values:
-        theme-light: "#bda8ff"
+        theme-light: "#b8a1ff"
         theme-dark: "#764fd9"
     $color.palette.purple-600:
       values:
-        theme-light: "#a186fb"
+        theme-light: "#9f84fb"
         theme-dark: "#8e6bee"
     $color.palette.purple-700:
       values:
-        theme-light: "#8564e9"
+        theme-light: "#8969ea"
         theme-dark: "#a78df0"
     $color.palette.purple-800:
       values:
-        theme-light: "#6646c6"
+        theme-light: "#6d50cb"
         theme-dark: "#beadf2"
     $color.palette.purple-900:
       values:
-        theme-light: "#46308a"
+        theme-light: "#50379b"
         theme-dark: "#d9cefa"
     $color.palette.purple-1000:
       values:
@@ -321,10 +321,6 @@ data:
       values:
         theme-light: "#ffffff33"
         theme-dark: "#ffffff33"
-    $color.fg.static-white:
-      values:
-        theme-light: $color.palette.static-white
-        theme-dark: $color.palette.static-white
     $color.fg.neutral:
       values:
         theme-light: $color.palette.gray-900
@@ -343,12 +339,12 @@ data:
         theme-dark: $color.palette.gray-100
     $color.fg.brand-contrast:
       values:
-        theme-light: $color.palette.carrot-700
-        theme-dark: $color.palette.carrot-1000
+        theme-light: $color.palette.carrot-800
+        theme-dark: $color.palette.carrot-900
     $color.fg.danger:
       values:
-        theme-light: $color.palette.red-600
-        theme-dark: $color.palette.red-600
+        theme-light: $color.palette.red-700
+        theme-dark: $color.palette.red-700
     $color.fg.danger-contrast:
       values:
         theme-light: $color.palette.red-900
@@ -356,7 +352,7 @@ data:
     $color.fg.positive:
       values:
         theme-light: $color.palette.green-700
-        theme-dark: $color.palette.green-600
+        theme-dark: $color.palette.green-700
     $color.fg.positive-contrast:
       values:
         theme-light: $color.palette.green-900
@@ -368,7 +364,7 @@ data:
     $color.fg.informative:
       values:
         theme-light: $color.palette.blue-700
-        theme-dark: $color.palette.blue-700
+        theme-dark: $color.palette.blue-800
     $color.fg.informative-contrast:
       values:
         theme-light: $color.palette.blue-900
@@ -381,14 +377,10 @@ data:
       values:
         theme-light: $color.palette.gray-500
         theme-dark: $color.palette.gray-500
-    $color.fg.static-black:
-      values:
-        theme-light: $color.palette.static-black
-        theme-dark: $color.palette.static-black
     $color.fg.brand:
       values:
         theme-light: $color.palette.carrot-600
-        theme-dark: $color.palette.carrot-600
+        theme-dark: $color.palette.carrot-700
     $color.fg.magic:
       values:
         theme-light: $color.palette.purple-700
@@ -403,12 +395,12 @@ data:
         theme-dark: $color.palette.green-100
     $color.bg.positive-solid:
       values:
-        theme-light: $color.palette.green-600
-        theme-dark: $color.palette.green-600
+        theme-light: $color.palette.green-700
+        theme-dark: $color.palette.green-500
     $color.bg.warning-solid:
       values:
-        theme-light: $color.palette.yellow-400
-        theme-dark: $color.palette.yellow-700
+        theme-light: $color.palette.yellow-300
+        theme-dark: $color.palette.yellow-600
     $color.bg.warning-weak:
       values:
         theme-light: $color.palette.yellow-100
@@ -419,11 +411,11 @@ data:
         theme-dark: $color.palette.red-100
     $color.bg.danger-solid:
       values:
-        theme-light: $color.palette.red-600
+        theme-light: $color.palette.red-700
         theme-dark: $color.palette.red-600
     $color.bg.danger-solid-pressed:
       values:
-        theme-light: $color.palette.red-700
+        theme-light: $color.palette.red-800
         theme-dark: $color.palette.red-700
     $color.bg.brand-weak:
       values:
@@ -505,10 +497,6 @@ data:
       values:
         theme-light: $color.palette.blue-200
         theme-dark: $color.palette.blue-200
-    $color.bg.static-white:
-      values:
-        theme-light: $color.palette.static-white
-        theme-dark: $color.palette.static-white
     $color.bg.warning-weak-pressed:
       values:
         theme-light: $color.palette.yellow-200
@@ -519,7 +507,7 @@ data:
         theme-dark: $color.palette.red-200
     $color.bg.informative-solid:
       values:
-        theme-light: $color.palette.blue-600
+        theme-light: $color.palette.blue-700
         theme-dark: $color.palette.blue-600
     $color.bg.positive-weak-pressed:
       values:
@@ -527,19 +515,19 @@ data:
         theme-dark: $color.palette.green-200
     $color.bg.informative-solid-pressed:
       values:
-        theme-light: $color.palette.blue-700
+        theme-light: $color.palette.blue-800
         theme-dark: $color.palette.blue-700
     $color.bg.positive-solid-pressed:
       values:
-        theme-light: $color.palette.green-700
+        theme-light: $color.palette.green-800
         theme-dark: $color.palette.green-500
     $color.bg.magic-solid:
       values:
-        theme-light: $color.palette.purple-600
+        theme-light: $color.palette.purple-700
         theme-dark: $color.palette.purple-600
     $color.bg.magic-solid-pressed:
       values:
-        theme-light: $color.palette.purple-700
+        theme-light: $color.palette.purple-800
         theme-dark: $color.palette.purple-700
     $color.bg.magic-weak:
       values:
@@ -567,8 +555,8 @@ data:
         theme-dark: $color.palette.gray-300
     $color.stroke.brand:
       values:
-        theme-light: $color.palette.carrot-500
-        theme-dark: $color.palette.carrot-600
+        theme-light: $color.palette.carrot-300
+        theme-dark: $color.palette.carrot-300
     $color.stroke.field:
       values:
         theme-light: $color.palette.gray-400
@@ -587,9 +575,13 @@ data:
         theme-dark: $color.palette.gray-200
     $color.stroke.danger:
       values:
-        theme-light: $color.palette.red-700
-        theme-dark: $color.palette.red-600
+        theme-light: $color.palette.red-300
+        theme-dark: $color.palette.red-300
     $color.stroke.positive:
       values:
-        theme-light: $color.palette.green-600
-        theme-dark: $color.palette.green-600
+        theme-light: $color.palette.green-300
+        theme-dark: $color.palette.green-300
+    $color.stroke.informative:
+      values:
+        theme-light: $color.palette.blue-300
+        theme-dark: $color.palette.blue-300
diff --git a/packages/rootage/components/action-button.yaml b/packages/rootage/components/action-button.yaml
index af5063033..787c0d9a7 100644
--- a/packages/rootage/components/action-button.yaml
+++ b/packages/rootage/components/action-button.yaml
@@ -16,13 +16,13 @@ data:
       root:
         color: $color.bg.brand-solid
       label:
-        color: $color.fg.static-white
+        color: $color.palette.static-white
       icon:
-        color: $color.fg.static-white
+        color: $color.palette.static-white
       prefixIcon:
-        color: $color.fg.static-white
+        color: $color.palette.static-white
       suffixIcon:
-        color: $color.fg.static-white
+        color: $color.palette.static-white
       progressCircle:
         trackColor: $color.palette.static-white-alpha-200
         rangeColor: $color.palette.static-white
@@ -112,13 +112,13 @@ data:
       root:
         color: $color.bg.danger-solid
       label:
-        color: $color.fg.static-white
+        color: $color.palette.static-white
       icon:
-        color: $color.fg.static-white
+        color: $color.palette.static-white
       prefixIcon:
-        color: $color.fg.static-white
+        color: $color.palette.static-white
       suffixIcon:
-        color: $color.fg.static-white
+        color: $color.palette.static-white
       progressCircle:
         trackColor: $color.palette.static-white-alpha-200
         rangeColor: $color.palette.static-white
diff --git a/packages/rootage/components/badge.yaml b/packages/rootage/components/badge.yaml
index 81754d346..88e6b6a3a 100644
--- a/packages/rootage/components/badge.yaml
+++ b/packages/rootage/components/badge.yaml
@@ -59,7 +59,7 @@ data:
       root:
         color: $color.bg.neutral-solid
       label:
-        color: $color.fg.static-white
+        color: $color.palette.static-white
   tone=neutral, variant=outlined:
     enabled:
       root:
@@ -77,7 +77,7 @@ data:
       root:
         color: $color.bg.brand-solid
       label:
-        color: $color.fg.static-white
+        color: $color.palette.static-white
   tone=brand, variant=outlined:
     enabled:
       root:
@@ -95,7 +95,7 @@ data:
       root:
         color: $color.bg.informative-solid
       label:
-        color: $color.fg.static-white
+        color: $color.palette.static-white
   tone=informative, variant=outlined:
     enabled:
       root:
@@ -113,7 +113,7 @@ data:
       root:
         color: $color.bg.positive-solid
       label:
-        color: $color.fg.static-white
+        color: $color.palette.static-white
   tone=positive, variant=outlined:
     enabled:
       root:
@@ -131,7 +131,7 @@ data:
       root:
         color: $color.bg.danger-solid
       label:
-        color: $color.fg.static-white
+        color: $color.palette.static-white
   tone=danger, variant=outlined:
     enabled:
       root:
diff --git a/packages/rootage/components/checkbox.yaml b/packages/rootage/components/checkbox.yaml
index 39ba3d1af..61c353c63 100644
--- a/packages/rootage/components/checkbox.yaml
+++ b/packages/rootage/components/checkbox.yaml
@@ -30,7 +30,7 @@ data:
       control:
         color: $color.bg.brand-solid
       icon:
-        color: $color.fg.static-white
+        color: $color.palette.static-white
     pressed:
       control:
         color: $color.bg.layer-default-pressed
@@ -38,7 +38,7 @@ data:
       control:
         color: $color.bg.brand-solid-pressed
       icon:
-        color: $color.fg.static-white
+        color: $color.palette.static-white
     disabled:
       control:
         color: $color.bg.disabled
diff --git a/packages/rootage/components/chip-tab.yaml b/packages/rootage/components/chip-tab.yaml
index 40fe64cf4..8d8b43a9a 100644
--- a/packages/rootage/components/chip-tab.yaml
+++ b/packages/rootage/components/chip-tab.yaml
@@ -52,7 +52,7 @@ data:
       root:
         color: $color.bg.brand-solid
       label:
-        color: $color.fg.static-white
+        color: $color.palette.static-white
         fontWeight: $font-weight.bold
     selected,pressed:
       root:
diff --git a/packages/rootage/components/control-chip.yaml b/packages/rootage/components/control-chip.yaml
index 45d166c46..7ac32c902 100644
--- a/packages/rootage/components/control-chip.yaml
+++ b/packages/rootage/components/control-chip.yaml
@@ -30,14 +30,14 @@ data:
         strokeWidth: 0
         color: $color.bg.neutral-solid-muted
       label:
-        color: $color.fg.static-white
+        color: $color.palette.static-white
         fontWeight: $font-weight.bold
       prefixIcon:
-        color: $color.fg.static-white
+        color: $color.palette.static-white
       suffixIcon:
-        color: $color.fg.static-white
+        color: $color.palette.static-white
       icon:
-        color: $color.fg.static-white
+        color: $color.palette.static-white
       count:
         color: $color.palette.static-white-alpha-800
     selected, pressed:
diff --git a/packages/rootage/components/inline-banner.yaml b/packages/rootage/components/inline-banner.yaml
index 81c318227..7fcf921d8 100644
--- a/packages/rootage/components/inline-banner.yaml
+++ b/packages/rootage/components/inline-banner.yaml
@@ -132,12 +132,12 @@ data:
       root:
         color: $color.bg.danger-solid
       icon:
-        color: $color.fg.static-white
+        color: $color.palette.static-white
       title:
-        color: $color.fg.static-white
+        color: $color.palette.static-white
       description:
-        color: $color.fg.static-white
+        color: $color.palette.static-white
       linkLabel:
-        color: $color.fg.static-white
+        color: $color.palette.static-white
       actionableIcon:
-        color: $color.fg.static-white
+        color: $color.palette.static-white
diff --git a/packages/rootage/components/progress-circle.yaml b/packages/rootage/components/progress-circle.yaml
index d671ba31b..f98ef8354 100644
--- a/packages/rootage/components/progress-circle.yaml
+++ b/packages/rootage/components/progress-circle.yaml
@@ -53,4 +53,4 @@ data:
       track:
         color: $color.palette.static-white-alpha-200
       range:
-        color: $color.bg.static-white
+        color: $color.palette.static-white
diff --git a/packages/rootage/components/radio.yaml b/packages/rootage/components/radio.yaml
index 4f34acd7a..a9a876d06 100644
--- a/packages/rootage/components/radio.yaml
+++ b/packages/rootage/components/radio.yaml
@@ -21,7 +21,7 @@ data:
         color: $color.bg.brand-solid
         strokeWidth: 0px
       icon:
-        color: $color.fg.static-white
+        color: $color.palette.static-white
     enabled,selected,pressed:
       root:
         color: $color.bg.brand-solid-pressed
diff --git a/packages/rootage/components/schema.json b/packages/rootage/components/schema.json
index f80d931ee..31fd9e9bb 100644
--- a/packages/rootage/components/schema.json
+++ b/packages/rootage/components/schema.json
@@ -197,98 +197,96 @@
         { "const": "$color.palette.carrot-100", "title": "$color.palette.carrot-100", "description": "theme-light: #fff2ec\ntheme-dark: #31241f", "markdownDescription": "- theme-light: `#fff2ec`\n\n- theme-dark: `#31241f`" },
         { "const": "$color.palette.carrot-200", "title": "$color.palette.carrot-200", "description": "theme-light: #ffe8db\ntheme-dark: #4b291c", "markdownDescription": "- theme-light: `#ffe8db`\n\n- theme-dark: `#4b291c`" },
         { "const": "$color.palette.carrot-300", "title": "$color.palette.carrot-300", "description": "theme-light: #ffd5c0\ntheme-dark: #6b311c", "markdownDescription": "- theme-light: `#ffd5c0`\n\n- theme-dark: `#6b311c`" },
-        { "const": "$color.palette.carrot-400", "title": "$color.palette.carrot-400", "description": "theme-light: #ffb999\ntheme-dark: #822f00", "markdownDescription": "- theme-light: `#ffb999`\n\n- theme-dark: `#822f00`" },
-        { "const": "$color.palette.carrot-500", "title": "$color.palette.carrot-500", "description": "theme-light: #ff9364\ntheme-dark: #c44501", "markdownDescription": "- theme-light: `#ff9364`\n\n- theme-dark: `#c44501`" },
-        { "const": "$color.palette.carrot-600", "title": "$color.palette.carrot-600", "description": "theme-light: #ff6600\ntheme-dark: #f75900", "markdownDescription": "- theme-light: `#ff6600`\n\n- theme-dark: `#f75900`" },
+        { "const": "$color.palette.carrot-400", "title": "$color.palette.carrot-400", "description": "theme-light: #ffb999\ntheme-dark: #923600", "markdownDescription": "- theme-light: `#ffb999`\n\n- theme-dark: `#923600`" },
+        { "const": "$color.palette.carrot-500", "title": "$color.palette.carrot-500", "description": "theme-light: #ff9364\ntheme-dark: #bd4201", "markdownDescription": "- theme-light: `#ff9364`\n\n- theme-dark: `#bd4201`" },
+        { "const": "$color.palette.carrot-600", "title": "$color.palette.carrot-600", "description": "theme-light: #ff6600\ntheme-dark: #e65200", "markdownDescription": "- theme-light: `#ff6600`\n\n- theme-dark: `#e65200`" },
         { "const": "$color.palette.carrot-700", "title": "$color.palette.carrot-700", "description": "theme-light: #e84500\ntheme-dark: #ff6600", "markdownDescription": "- theme-light: `#e84500`\n\n- theme-dark: `#ff6600`" },
         { "const": "$color.palette.carrot-800", "title": "$color.palette.carrot-800", "description": "theme-light: #b93901\ntheme-dark: #ff9e65", "markdownDescription": "- theme-light: `#b93901`\n\n- theme-dark: `#ff9e65`" },
         { "const": "$color.palette.carrot-900", "title": "$color.palette.carrot-900", "description": "theme-light: #862b00\ntheme-dark: #eecebc", "markdownDescription": "- theme-light: `#862b00`\n\n- theme-dark: `#eecebc`" },
         { "const": "$color.palette.carrot-1000", "title": "$color.palette.carrot-1000", "description": "theme-light: #471601\ntheme-dark: #f4eeea", "markdownDescription": "- theme-light: `#471601`\n\n- theme-dark: `#f4eeea`" },
-        { "const": "$color.palette.blue-100", "title": "$color.palette.blue-100", "description": "theme-light: #eff6ff\ntheme-dark: #1c2633", "markdownDescription": "- theme-light: `#eff6ff`\n\n- theme-dark: `#1c2633`" },
-        { "const": "$color.palette.blue-200", "title": "$color.palette.blue-200", "description": "theme-light: #e2edfc\ntheme-dark: #223444", "markdownDescription": "- theme-light: `#e2edfc`\n\n- theme-dark: `#223444`" },
-        { "const": "$color.palette.blue-300", "title": "$color.palette.blue-300", "description": "theme-light: #cbdffa\ntheme-dark: #184564", "markdownDescription": "- theme-light: `#cbdffa`\n\n- theme-dark: `#184564`" },
-        { "const": "$color.palette.blue-400", "title": "$color.palette.blue-400", "description": "theme-light: #abcefd\ntheme-dark: #035a87", "markdownDescription": "- theme-light: `#abcefd`\n\n- theme-dark: `#035a87`" },
-        { "const": "$color.palette.blue-500", "title": "$color.palette.blue-500", "description": "theme-light: #83b7fd\ntheme-dark: #126eae", "markdownDescription": "- theme-light: `#83b7fd`\n\n- theme-dark: `#126eae`" },
-        { "const": "$color.palette.blue-600", "title": "$color.palette.blue-600", "description": "theme-light: #2787fe\ntheme-dark: #1889cb", "markdownDescription": "- theme-light: `#2787fe`\n\n- theme-dark: `#1889cb`" },
-        { "const": "$color.palette.blue-700", "title": "$color.palette.blue-700", "description": "theme-light: #1a6edf\ntheme-dark: #2ca5f1", "markdownDescription": "- theme-light: `#1a6edf`\n\n- theme-dark: `#2ca5f1`" },
-        { "const": "$color.palette.blue-800", "title": "$color.palette.blue-800", "description": "theme-light: #1056bb\ntheme-dark: #7bbdf9", "markdownDescription": "- theme-light: `#1056bb`\n\n- theme-dark: `#7bbdf9`" },
-        { "const": "$color.palette.blue-900", "title": "$color.palette.blue-900", "description": "theme-light: #083b81\ntheme-dark: #b8d7fb", "markdownDescription": "- theme-light: `#083b81`\n\n- theme-dark: `#b8d7fb`" },
-        { "const": "$color.palette.blue-1000", "title": "$color.palette.blue-1000", "description": "theme-light: #02214a\ntheme-dark: #e5f0fe", "markdownDescription": "- theme-light: `#02214a`\n\n- theme-dark: `#e5f0fe`" },
-        { "const": "$color.palette.red-100", "title": "$color.palette.red-100", "description": "theme-light: #fdf2f2\ntheme-dark: #322323", "markdownDescription": "- theme-light: `#fdf2f2`\n\n- theme-dark: `#322323`" },
-        { "const": "$color.palette.red-200", "title": "$color.palette.red-200", "description": "theme-light: #fde4e4\ntheme-dark: #4f2624", "markdownDescription": "- theme-light: `#fde4e4`\n\n- theme-dark: `#4f2624`" },
-        { "const": "$color.palette.red-300", "title": "$color.palette.red-300", "description": "theme-light: #fececc\ntheme-dark: #742826", "markdownDescription": "- theme-light: `#fececc`\n\n- theme-dark: `#742826`" },
-        { "const": "$color.palette.red-400", "title": "$color.palette.red-400", "description": "theme-light: #feafaa\ntheme-dark: #a12621", "markdownDescription": "- theme-light: `#feafaa`\n\n- theme-dark: `#a12621`" },
-        { "const": "$color.palette.red-500", "title": "$color.palette.red-500", "description": "theme-light: #fe827b\ntheme-dark: #d11e13", "markdownDescription": "- theme-light: `#fe827b`\n\n- theme-dark: `#d11e13`" },
-        { "const": "$color.palette.red-600", "title": "$color.palette.red-600", "description": "theme-light: #ff3b2d\ntheme-dark: #f73526", "markdownDescription": "- theme-light: `#ff3b2d`\n\n- theme-dark: `#f73526`" },
-        { "const": "$color.palette.red-700", "title": "$color.palette.red-700", "description": "theme-light: #ef1f10\ntheme-dark: #f2796d", "markdownDescription": "- theme-light: `#ef1f10`\n\n- theme-dark: `#f2796d`" },
-        { "const": "$color.palette.red-800", "title": "$color.palette.red-800", "description": "theme-light: #c81d13\ntheme-dark: #f1a39b", "markdownDescription": "- theme-light: `#c81d13`\n\n- theme-dark: `#f1a39b`" },
-        { "const": "$color.palette.red-900", "title": "$color.palette.red-900", "description": "theme-light: #8f1e10\ntheme-dark: #f2cbc9", "markdownDescription": "- theme-light: `#8f1e10`\n\n- theme-dark: `#f2cbc9`" },
-        { "const": "$color.palette.red-1000", "title": "$color.palette.red-1000", "description": "theme-light: #4a1209\ntheme-dark: #f3cbc8", "markdownDescription": "- theme-light: `#4a1209`\n\n- theme-dark: `#f3cbc8`" },
-        { "const": "$color.palette.green-100", "title": "$color.palette.green-100", "description": "theme-light: #e7f9f3\ntheme-dark: #202926", "markdownDescription": "- theme-light: `#e7f9f3`\n\n- theme-dark: `#202926`" },
-        { "const": "$color.palette.green-200", "title": "$color.palette.green-200", "description": "theme-light: #d1f4e5\ntheme-dark: #20362e", "markdownDescription": "- theme-light: `#d1f4e5`\n\n- theme-dark: `#20362e`" },
-        { "const": "$color.palette.green-300", "title": "$color.palette.green-300", "description": "theme-light: #8ff1c3\ntheme-dark: #20493b", "markdownDescription": "- theme-light: `#8ff1c3`\n\n- theme-dark: `#20493b`" },
-        { "const": "$color.palette.green-400", "title": "$color.palette.green-400", "description": "theme-light: #6be1b0\ntheme-dark: #19604c", "markdownDescription": "- theme-light: `#6be1b0`\n\n- theme-dark: `#19604c`" },
-        { "const": "$color.palette.green-500", "title": "$color.palette.green-500", "description": "theme-light: #2ecd95\ntheme-dark: #117956", "markdownDescription": "- theme-light: `#2ecd95`\n\n- theme-dark: `#117956`" },
-        { "const": "$color.palette.green-600", "title": "$color.palette.green-600", "description": "theme-light: #10ad7e\ntheme-dark: #1b946d", "markdownDescription": "- theme-light: `#10ad7e`\n\n- theme-dark: `#1b946d`" },
-        { "const": "$color.palette.green-700", "title": "$color.palette.green-700", "description": "theme-light: #068c6d\ntheme-dark: #22b27f", "markdownDescription": "- theme-light: `#068c6d`\n\n- theme-dark: `#22b27f`" },
-        { "const": "$color.palette.green-800", "title": "$color.palette.green-800", "description": "theme-light: #006b58\ntheme-dark: #35ce9a", "markdownDescription": "- theme-light: `#006b58`\n\n- theme-dark: `#35ce9a`" },
-        { "const": "$color.palette.green-900", "title": "$color.palette.green-900", "description": "theme-light: #054a3d\ntheme-dark: #93e5c0", "markdownDescription": "- theme-light: `#054a3d`\n\n- theme-dark: `#93e5c0`" },
+        { "const": "$color.palette.blue-100", "title": "$color.palette.blue-100", "description": "theme-light: #eff6ff\ntheme-dark: #202742", "markdownDescription": "- theme-light: `#eff6ff`\n\n- theme-dark: `#202742`" },
+        { "const": "$color.palette.blue-200", "title": "$color.palette.blue-200", "description": "theme-light: #e2edfc\ntheme-dark: #1e3352", "markdownDescription": "- theme-light: `#e2edfc`\n\n- theme-dark: `#1e3352`" },
+        { "const": "$color.palette.blue-300", "title": "$color.palette.blue-300", "description": "theme-light: #cbdffa\ntheme-dark: #1a4275", "markdownDescription": "- theme-light: `#cbdffa`\n\n- theme-dark: `#1a4275`" },
+        { "const": "$color.palette.blue-400", "title": "$color.palette.blue-400", "description": "theme-light: #aacefd\ntheme-dark: #0f559e", "markdownDescription": "- theme-light: `#aacefd`\n\n- theme-dark: `#0f559e`" },
+        { "const": "$color.palette.blue-500", "title": "$color.palette.blue-500", "description": "theme-light: #85b8fd\ntheme-dark: #1964d8", "markdownDescription": "- theme-light: `#85b8fd`\n\n- theme-dark: `#1964d8`" },
+        { "const": "$color.palette.blue-600", "title": "$color.palette.blue-600", "description": "theme-light: #5e98fe\ntheme-dark: #1e82eb", "markdownDescription": "- theme-light: `#5e98fe`\n\n- theme-dark: `#1e82eb`" },
+        { "const": "$color.palette.blue-700", "title": "$color.palette.blue-700", "description": "theme-light: #217cf9\ntheme-dark: #41a2f9", "markdownDescription": "- theme-light: `#217cf9`\n\n- theme-dark: `#41a2f9`" },
+        { "const": "$color.palette.blue-800", "title": "$color.palette.blue-800", "description": "theme-light: #135fcd\ntheme-dark: #83bcf9", "markdownDescription": "- theme-light: `#135fcd`\n\n- theme-dark: `#83bcf9`" },
+        { "const": "$color.palette.blue-900", "title": "$color.palette.blue-900", "description": "theme-light: #0b4596\ntheme-dark: #b9d7fb", "markdownDescription": "- theme-light: `#0b4596`\n\n- theme-dark: `#b9d7fb`" },
+        { "const": "$color.palette.blue-1000", "title": "$color.palette.blue-1000", "description": "theme-light: #032451\ntheme-dark: #e5f0fe", "markdownDescription": "- theme-light: `#032451`\n\n- theme-dark: `#e5f0fe`" },
+        { "const": "$color.palette.red-100", "title": "$color.palette.red-100", "description": "theme-light: #fdf0f0\ntheme-dark: #322323", "markdownDescription": "- theme-light: `#fdf0f0`\n\n- theme-dark: `#322323`" },
+        { "const": "$color.palette.red-200", "title": "$color.palette.red-200", "description": "theme-light: #fde7e7\ntheme-dark: #4f2624", "markdownDescription": "- theme-light: `#fde7e7`\n\n- theme-dark: `#4f2624`" },
+        { "const": "$color.palette.red-300", "title": "$color.palette.red-300", "description": "theme-light: #fed4d2\ntheme-dark: #742826", "markdownDescription": "- theme-light: `#fed4d2`\n\n- theme-dark: `#742826`" },
+        { "const": "$color.palette.red-400", "title": "$color.palette.red-400", "description": "theme-light: #feb7b3\ntheme-dark: #a12621", "markdownDescription": "- theme-light: `#feb7b3`\n\n- theme-dark: `#a12621`" },
+        { "const": "$color.palette.red-500", "title": "$color.palette.red-500", "description": "theme-light: #fe928d\ntheme-dark: #ca2319", "markdownDescription": "- theme-light: `#fe928d`\n\n- theme-dark: `#ca2319`" },
+        { "const": "$color.palette.red-600", "title": "$color.palette.red-600", "description": "theme-light: #fc6a66\ntheme-dark: #f73526", "markdownDescription": "- theme-light: `#fc6a66`\n\n- theme-dark: `#f73526`" },
+        { "const": "$color.palette.red-700", "title": "$color.palette.red-700", "description": "theme-light: #fa342c\ntheme-dark: #ff6e60", "markdownDescription": "- theme-light: `#fa342c`\n\n- theme-dark: `#ff6e60`" },
+        { "const": "$color.palette.red-800", "title": "$color.palette.red-800", "description": "theme-light: #ca1d13\ntheme-dark: #ffa299", "markdownDescription": "- theme-light: `#ca1d13`\n\n- theme-dark: `#ffa299`" },
+        { "const": "$color.palette.red-900", "title": "$color.palette.red-900", "description": "theme-light: #921708\ntheme-dark: #f8c5c3", "markdownDescription": "- theme-light: `#921708`\n\n- theme-dark: `#f8c5c3`" },
+        { "const": "$color.palette.red-1000", "title": "$color.palette.red-1000", "description": "theme-light: #4a1209\ntheme-dark: #fdf2f2", "markdownDescription": "- theme-light: `#4a1209`\n\n- theme-dark: `#fdf2f2`" },
+        { "const": "$color.palette.green-100", "title": "$color.palette.green-100", "description": "theme-light: #edfaf6\ntheme-dark: #202926", "markdownDescription": "- theme-light: `#edfaf6`\n\n- theme-dark: `#202926`" },
+        { "const": "$color.palette.green-200", "title": "$color.palette.green-200", "description": "theme-light: #d9f6e9\ntheme-dark: #20362e", "markdownDescription": "- theme-light: `#d9f6e9`\n\n- theme-dark: `#20362e`" },
+        { "const": "$color.palette.green-300", "title": "$color.palette.green-300", "description": "theme-light: #aeebcc\ntheme-dark: #20493b", "markdownDescription": "- theme-light: `#aeebcc`\n\n- theme-dark: `#20493b`" },
+        { "const": "$color.palette.green-400", "title": "$color.palette.green-400", "description": "theme-light: #74dcb0\ntheme-dark: #19604c", "markdownDescription": "- theme-light: `#74dcb0`\n\n- theme-dark: `#19604c`" },
+        { "const": "$color.palette.green-500", "title": "$color.palette.green-500", "description": "theme-light: #42c593\ntheme-dark: #117956", "markdownDescription": "- theme-light: `#42c593`\n\n- theme-dark: `#117956`" },
+        { "const": "$color.palette.green-600", "title": "$color.palette.green-600", "description": "theme-light: #10ab7d\ntheme-dark: #1b946d", "markdownDescription": "- theme-light: `#10ab7d`\n\n- theme-dark: `#1b946d`" },
+        { "const": "$color.palette.green-700", "title": "$color.palette.green-700", "description": "theme-light: #079171\ntheme-dark: #22b27f", "markdownDescription": "- theme-light: `#079171`\n\n- theme-dark: `#22b27f`" },
+        { "const": "$color.palette.green-800", "title": "$color.palette.green-800", "description": "theme-light: #00745f\ntheme-dark: #35ce9a", "markdownDescription": "- theme-light: `#00745f`\n\n- theme-dark: `#35ce9a`" },
+        { "const": "$color.palette.green-900", "title": "$color.palette.green-900", "description": "theme-light: #075445\ntheme-dark: #93e5c0", "markdownDescription": "- theme-light: `#075445`\n\n- theme-dark: `#93e5c0`" },
         { "const": "$color.palette.green-1000", "title": "$color.palette.green-1000", "description": "theme-light: #0a2b24\ntheme-dark: #d4f6ef", "markdownDescription": "- theme-light: `#0a2b24`\n\n- theme-dark: `#d4f6ef`" },
-        { "const": "$color.palette.yellow-100", "title": "$color.palette.yellow-100", "description": "theme-light: #fff9e6\ntheme-dark: #2a2517", "markdownDescription": "- theme-light: `#fff9e6`\n\n- theme-dark: `#2a2517`" },
-        { "const": "$color.palette.yellow-200", "title": "$color.palette.yellow-200", "description": "theme-light: #fdf3ce\ntheme-dark: #3d3016", "markdownDescription": "- theme-light: `#fdf3ce`\n\n- theme-dark: `#3d3016`" },
-        { "const": "$color.palette.yellow-300", "title": "$color.palette.yellow-300", "description": "theme-light: #fbe49a\ntheme-dark: #513f15", "markdownDescription": "- theme-light: `#fbe49a`\n\n- theme-dark: `#513f15`" },
-        { "const": "$color.palette.yellow-400", "title": "$color.palette.yellow-400", "description": "theme-light: #f7d24c\ntheme-dark: #695115", "markdownDescription": "- theme-light: `#f7d24c`\n\n- theme-dark: `#695115`" },
-        { "const": "$color.palette.yellow-500", "title": "$color.palette.yellow-500", "description": "theme-light: #e3b82c\ntheme-dark: #83661b", "markdownDescription": "- theme-light: `#e3b82c`\n\n- theme-dark: `#83661b`" },
-        { "const": "$color.palette.yellow-600", "title": "$color.palette.yellow-600", "description": "theme-light: #c49725\ntheme-dark: #9c7f25", "markdownDescription": "- theme-light: `#c49725`\n\n- theme-dark: `#9c7f25`" },
-        { "const": "$color.palette.yellow-700", "title": "$color.palette.yellow-700", "description": "theme-light: #9b7821\ntheme-dark: #b59b36", "markdownDescription": "- theme-light: `#9b7821`\n\n- theme-dark: `#b59b36`" },
-        { "const": "$color.palette.yellow-800", "title": "$color.palette.yellow-800", "description": "theme-light: #755b22\ntheme-dark: #cdb656", "markdownDescription": "- theme-light: `#755b22`\n\n- theme-dark: `#cdb656`" },
-        { "const": "$color.palette.yellow-900", "title": "$color.palette.yellow-900", "description": "theme-light: #4f3e1f\ntheme-dark: #e3da96", "markdownDescription": "- theme-light: `#4f3e1f`\n\n- theme-dark: `#e3da96`" },
-        { "const": "$color.palette.yellow-1000", "title": "$color.palette.yellow-1000", "description": "theme-light: #2c2512\ntheme-dark: #f7f0ce", "markdownDescription": "- theme-light: `#2c2512`\n\n- theme-dark: `#f7f0ce`" },
+        { "const": "$color.palette.yellow-100", "title": "$color.palette.yellow-100", "description": "theme-light: #fff7de\ntheme-dark: #302819", "markdownDescription": "- theme-light: `#fff7de`\n\n- theme-dark: `#302819`" },
+        { "const": "$color.palette.yellow-200", "title": "$color.palette.yellow-200", "description": "theme-light: #fdefb9\ntheme-dark: #413218", "markdownDescription": "- theme-light: `#fdefb9`\n\n- theme-dark: `#413218`" },
+        { "const": "$color.palette.yellow-300", "title": "$color.palette.yellow-300", "description": "theme-light: #fbdc65\ntheme-dark: #543e15", "markdownDescription": "- theme-light: `#fbdc65`\n\n- theme-dark: `#543e15`" },
+        { "const": "$color.palette.yellow-400", "title": "$color.palette.yellow-400", "description": "theme-light: #e9c647\ntheme-dark: #714e15", "markdownDescription": "- theme-light: `#e9c647`\n\n- theme-dark: `#714e15`" },
+        { "const": "$color.palette.yellow-500", "title": "$color.palette.yellow-500", "description": "theme-light: #d4ab28\ntheme-dark: #91601b", "markdownDescription": "- theme-light: `#d4ab28`\n\n- theme-dark: `#91601b`" },
+        { "const": "$color.palette.yellow-600", "title": "$color.palette.yellow-600", "description": "theme-light: #c49725\ntheme-dark: #b6720d", "markdownDescription": "- theme-light: `#c49725`\n\n- theme-dark: `#b6720d`" },
+        { "const": "$color.palette.yellow-700", "title": "$color.palette.yellow-700", "description": "theme-light: #9b7821\ntheme-dark: #ca901c", "markdownDescription": "- theme-light: `#9b7821`\n\n- theme-dark: `#ca901c`" },
+        { "const": "$color.palette.yellow-800", "title": "$color.palette.yellow-800", "description": "theme-light: #755b22\ntheme-dark: #dab156", "markdownDescription": "- theme-light: `#755b22`\n\n- theme-dark: `#dab156`" },
+        { "const": "$color.palette.yellow-900", "title": "$color.palette.yellow-900", "description": "theme-light: #4f3e1f\ntheme-dark: #e5d49b", "markdownDescription": "- theme-light: `#4f3e1f`\n\n- theme-dark: `#e5d49b`" },
+        { "const": "$color.palette.yellow-1000", "title": "$color.palette.yellow-1000", "description": "theme-light: #2c2512\ntheme-dark: #f7f0cd", "markdownDescription": "- theme-light: `#2c2512`\n\n- theme-dark: `#f7f0cd`" },
         { "const": "$color.palette.static-black", "title": "$color.palette.static-black", "description": "theme-light: #000000\ntheme-dark: #000000", "markdownDescription": "- theme-light: `#000000`\n\n- theme-dark: `#000000`" },
         { "const": "$color.palette.static-white", "title": "$color.palette.static-white", "description": "theme-light: #ffffff\ntheme-dark: #ffffff", "markdownDescription": "- theme-light: `#ffffff`\n\n- theme-dark: `#ffffff`" },
         { "const": "$color.palette.static-black-alpha-200", "title": "$color.palette.static-black-alpha-200", "description": "theme-light: #00000033\ntheme-dark: #00000033", "markdownDescription": "- theme-light: `#00000033`\n\n- theme-dark: `#00000033`" },
         { "const": "$color.palette.static-black-alpha-500", "title": "$color.palette.static-black-alpha-500", "description": "theme-light: #00000080\ntheme-dark: #00000080", "markdownDescription": "- theme-light: `#00000080`\n\n- theme-dark: `#00000080`" },
         { "const": "$color.palette.static-black-alpha-50", "title": "$color.palette.static-black-alpha-50", "description": "theme-light: #0000000d\ntheme-dark: #0000000d", "markdownDescription": "- theme-light: `#0000000d`\n\n- theme-dark: `#0000000d`" },
-        { "const": "$color.palette.purple-100", "title": "$color.palette.purple-100", "description": "theme-light: #f6f4fe\ntheme-dark: #322065", "markdownDescription": "- theme-light: `#f6f4fe`\n\n- theme-dark: `#322065`" },
+        { "const": "$color.palette.purple-100", "title": "$color.palette.purple-100", "description": "theme-light: #f5f3fe\ntheme-dark: #28213b", "markdownDescription": "- theme-light: `#f5f3fe`\n\n- theme-dark: `#28213b`" },
         { "const": "$color.palette.purple-200", "title": "$color.palette.purple-200", "description": "theme-light: #efeafe\ntheme-dark: #3b2873", "markdownDescription": "- theme-light: `#efeafe`\n\n- theme-dark: `#3b2873`" },
         { "const": "$color.palette.purple-300", "title": "$color.palette.purple-300", "description": "theme-light: #e1d8ff\ntheme-dark: #443081", "markdownDescription": "- theme-light: `#e1d8ff`\n\n- theme-dark: `#443081`" },
-        { "const": "$color.palette.purple-400", "title": "$color.palette.purple-400", "description": "theme-light: #d2c3ff\ntheme-dark: #5a3bb1", "markdownDescription": "- theme-light: `#d2c3ff`\n\n- theme-dark: `#5a3bb1`" },
-        { "const": "$color.palette.purple-500", "title": "$color.palette.purple-500", "description": "theme-light: #bda8ff\ntheme-dark: #764fd9", "markdownDescription": "- theme-light: `#bda8ff`\n\n- theme-dark: `#764fd9`" },
-        { "const": "$color.palette.purple-600", "title": "$color.palette.purple-600", "description": "theme-light: #a186fb\ntheme-dark: #8e6bee", "markdownDescription": "- theme-light: `#a186fb`\n\n- theme-dark: `#8e6bee`" },
-        { "const": "$color.palette.purple-700", "title": "$color.palette.purple-700", "description": "theme-light: #8564e9\ntheme-dark: #a78df0", "markdownDescription": "- theme-light: `#8564e9`\n\n- theme-dark: `#a78df0`" },
-        { "const": "$color.palette.purple-800", "title": "$color.palette.purple-800", "description": "theme-light: #6646c6\ntheme-dark: #beadf2", "markdownDescription": "- theme-light: `#6646c6`\n\n- theme-dark: `#beadf2`" },
-        { "const": "$color.palette.purple-900", "title": "$color.palette.purple-900", "description": "theme-light: #46308a\ntheme-dark: #d9cefa", "markdownDescription": "- theme-light: `#46308a`\n\n- theme-dark: `#d9cefa`" },
+        { "const": "$color.palette.purple-400", "title": "$color.palette.purple-400", "description": "theme-light: #d0c0ff\ntheme-dark: #5a3bb1", "markdownDescription": "- theme-light: `#d0c0ff`\n\n- theme-dark: `#5a3bb1`" },
+        { "const": "$color.palette.purple-500", "title": "$color.palette.purple-500", "description": "theme-light: #b8a1ff\ntheme-dark: #764fd9", "markdownDescription": "- theme-light: `#b8a1ff`\n\n- theme-dark: `#764fd9`" },
+        { "const": "$color.palette.purple-600", "title": "$color.palette.purple-600", "description": "theme-light: #9f84fb\ntheme-dark: #8e6bee", "markdownDescription": "- theme-light: `#9f84fb`\n\n- theme-dark: `#8e6bee`" },
+        { "const": "$color.palette.purple-700", "title": "$color.palette.purple-700", "description": "theme-light: #8969ea\ntheme-dark: #a78df0", "markdownDescription": "- theme-light: `#8969ea`\n\n- theme-dark: `#a78df0`" },
+        { "const": "$color.palette.purple-800", "title": "$color.palette.purple-800", "description": "theme-light: #6d50cb\ntheme-dark: #beadf2", "markdownDescription": "- theme-light: `#6d50cb`\n\n- theme-dark: `#beadf2`" },
+        { "const": "$color.palette.purple-900", "title": "$color.palette.purple-900", "description": "theme-light: #50379b\ntheme-dark: #d9cefa", "markdownDescription": "- theme-light: `#50379b`\n\n- theme-dark: `#d9cefa`" },
         { "const": "$color.palette.purple-1000", "title": "$color.palette.purple-1000", "description": "theme-light: #29175d\ntheme-dark: #f0edfc", "markdownDescription": "- theme-light: `#29175d`\n\n- theme-dark: `#f0edfc`" },
         { "const": "$color.palette.static-white-alpha-800", "title": "$color.palette.static-white-alpha-800", "description": "theme-light: #ffffffcc\ntheme-dark: #ffffffcc", "markdownDescription": "- theme-light: `#ffffffcc`\n\n- theme-dark: `#ffffffcc`" },
         { "const": "$color.palette.slate-900", "title": "$color.palette.slate-900", "description": "theme-light: #2a3038\ntheme-dark: #edf2f7", "markdownDescription": "- theme-light: `#2a3038`\n\n- theme-dark: `#edf2f7`" },
         { "const": "$color.palette.slate-800", "title": "$color.palette.slate-800", "description": "theme-light: #545c6e\ntheme-dark: #dde3ed", "markdownDescription": "- theme-light: `#545c6e`\n\n- theme-dark: `#dde3ed`" },
         { "const": "$color.palette.static-white-alpha-200", "title": "$color.palette.static-white-alpha-200", "description": "theme-light: #ffffff33\ntheme-dark: #ffffff33", "markdownDescription": "- theme-light: `#ffffff33`\n\n- theme-dark: `#ffffff33`" },
-        { "const": "$color.fg.static-white", "title": "$color.fg.static-white", "description": "theme-light: $color.palette.static-white\ntheme-dark: $color.palette.static-white", "markdownDescription": "- theme-light: `$color.palette.static-white`\n\n- theme-dark: `$color.palette.static-white`" },
         { "const": "$color.fg.neutral", "title": "$color.fg.neutral", "description": "theme-light: $color.palette.gray-900\ntheme-dark: $color.palette.gray-900", "markdownDescription": "- theme-light: `$color.palette.gray-900`\n\n- theme-dark: `$color.palette.gray-900`" },
         { "const": "$color.fg.neutral-muted", "title": "$color.fg.neutral-muted", "description": "theme-light: $color.palette.gray-800\ntheme-dark: $color.palette.gray-800", "markdownDescription": "- theme-light: `$color.palette.gray-800`\n\n- theme-dark: `$color.palette.gray-800`" },
         { "const": "$color.fg.neutral-subtle", "title": "$color.fg.neutral-subtle", "description": "theme-light: $color.palette.gray-700\ntheme-dark: $color.palette.gray-700", "markdownDescription": "- theme-light: `$color.palette.gray-700`\n\n- theme-dark: `$color.palette.gray-700`" },
         { "const": "$color.fg.neutral-inverted", "title": "$color.fg.neutral-inverted", "description": "theme-light: $color.palette.gray-00\ntheme-dark: $color.palette.gray-100", "markdownDescription": "- theme-light: `$color.palette.gray-00`\n\n- theme-dark: `$color.palette.gray-100`" },
-        { "const": "$color.fg.brand-contrast", "title": "$color.fg.brand-contrast", "description": "theme-light: $color.palette.carrot-700\ntheme-dark: $color.palette.carrot-1000", "markdownDescription": "- theme-light: `$color.palette.carrot-700`\n\n- theme-dark: `$color.palette.carrot-1000`" },
-        { "const": "$color.fg.danger", "title": "$color.fg.danger", "description": "theme-light: $color.palette.red-600\ntheme-dark: $color.palette.red-600", "markdownDescription": "- theme-light: `$color.palette.red-600`\n\n- theme-dark: `$color.palette.red-600`" },
+        { "const": "$color.fg.brand-contrast", "title": "$color.fg.brand-contrast", "description": "theme-light: $color.palette.carrot-800\ntheme-dark: $color.palette.carrot-900", "markdownDescription": "- theme-light: `$color.palette.carrot-800`\n\n- theme-dark: `$color.palette.carrot-900`" },
+        { "const": "$color.fg.danger", "title": "$color.fg.danger", "description": "theme-light: $color.palette.red-700\ntheme-dark: $color.palette.red-700", "markdownDescription": "- theme-light: `$color.palette.red-700`\n\n- theme-dark: `$color.palette.red-700`" },
         { "const": "$color.fg.danger-contrast", "title": "$color.fg.danger-contrast", "description": "theme-light: $color.palette.red-900\ntheme-dark: $color.palette.red-900", "markdownDescription": "- theme-light: `$color.palette.red-900`\n\n- theme-dark: `$color.palette.red-900`" },
-        { "const": "$color.fg.positive", "title": "$color.fg.positive", "description": "theme-light: $color.palette.green-700\ntheme-dark: $color.palette.green-600", "markdownDescription": "- theme-light: `$color.palette.green-700`\n\n- theme-dark: `$color.palette.green-600`" },
+        { "const": "$color.fg.positive", "title": "$color.fg.positive", "description": "theme-light: $color.palette.green-700\ntheme-dark: $color.palette.green-700", "markdownDescription": "- theme-light: `$color.palette.green-700`\n\n- theme-dark: `$color.palette.green-700`" },
         { "const": "$color.fg.positive-contrast", "title": "$color.fg.positive-contrast", "description": "theme-light: $color.palette.green-900\ntheme-dark: $color.palette.green-900", "markdownDescription": "- theme-light: `$color.palette.green-900`\n\n- theme-dark: `$color.palette.green-900`" },
         { "const": "$color.fg.warning-contrast", "title": "$color.fg.warning-contrast", "description": "theme-light: $color.palette.yellow-900\ntheme-dark: $color.palette.yellow-900", "markdownDescription": "- theme-light: `$color.palette.yellow-900`\n\n- theme-dark: `$color.palette.yellow-900`" },
-        { "const": "$color.fg.informative", "title": "$color.fg.informative", "description": "theme-light: $color.palette.blue-700\ntheme-dark: $color.palette.blue-700", "markdownDescription": "- theme-light: `$color.palette.blue-700`\n\n- theme-dark: `$color.palette.blue-700`" },
+        { "const": "$color.fg.informative", "title": "$color.fg.informative", "description": "theme-light: $color.palette.blue-700\ntheme-dark: $color.palette.blue-800", "markdownDescription": "- theme-light: `$color.palette.blue-700`\n\n- theme-dark: `$color.palette.blue-800`" },
         { "const": "$color.fg.informative-contrast", "title": "$color.fg.informative-contrast", "description": "theme-light: $color.palette.blue-900\ntheme-dark: $color.palette.blue-900", "markdownDescription": "- theme-light: `$color.palette.blue-900`\n\n- theme-dark: `$color.palette.blue-900`" },
         { "const": "$color.fg.placeholder", "title": "$color.fg.placeholder", "description": "theme-light: $color.palette.gray-600\ntheme-dark: $color.palette.gray-600", "markdownDescription": "- theme-light: `$color.palette.gray-600`\n\n- theme-dark: `$color.palette.gray-600`" },
         { "const": "$color.fg.disabled", "title": "$color.fg.disabled", "description": "theme-light: $color.palette.gray-500\ntheme-dark: $color.palette.gray-500", "markdownDescription": "- theme-light: `$color.palette.gray-500`\n\n- theme-dark: `$color.palette.gray-500`" },
-        { "const": "$color.fg.static-black", "title": "$color.fg.static-black", "description": "theme-light: $color.palette.static-black\ntheme-dark: $color.palette.static-black", "markdownDescription": "- theme-light: `$color.palette.static-black`\n\n- theme-dark: `$color.palette.static-black`" },
-        { "const": "$color.fg.brand", "title": "$color.fg.brand", "description": "theme-light: $color.palette.carrot-600\ntheme-dark: $color.palette.carrot-600", "markdownDescription": "- theme-light: `$color.palette.carrot-600`\n\n- theme-dark: `$color.palette.carrot-600`" },
+        { "const": "$color.fg.brand", "title": "$color.fg.brand", "description": "theme-light: $color.palette.carrot-600\ntheme-dark: $color.palette.carrot-700", "markdownDescription": "- theme-light: `$color.palette.carrot-600`\n\n- theme-dark: `$color.palette.carrot-700`" },
         { "const": "$color.fg.magic", "title": "$color.fg.magic", "description": "theme-light: $color.palette.purple-700\ntheme-dark: $color.palette.purple-700", "markdownDescription": "- theme-light: `$color.palette.purple-700`\n\n- theme-dark: `$color.palette.purple-700`" },
         { "const": "$color.fg.magic-contrast", "title": "$color.fg.magic-contrast", "description": "theme-light: $color.palette.purple-900\ntheme-dark: $color.palette.purple-900", "markdownDescription": "- theme-light: `$color.palette.purple-900`\n\n- theme-dark: `$color.palette.purple-900`" },
         { "const": "$color.bg.positive-weak", "title": "$color.bg.positive-weak", "description": "theme-light: $color.palette.green-100\ntheme-dark: $color.palette.green-100", "markdownDescription": "- theme-light: `$color.palette.green-100`\n\n- theme-dark: `$color.palette.green-100`" },
-        { "const": "$color.bg.positive-solid", "title": "$color.bg.positive-solid", "description": "theme-light: $color.palette.green-600\ntheme-dark: $color.palette.green-600", "markdownDescription": "- theme-light: `$color.palette.green-600`\n\n- theme-dark: `$color.palette.green-600`" },
-        { "const": "$color.bg.warning-solid", "title": "$color.bg.warning-solid", "description": "theme-light: $color.palette.yellow-400\ntheme-dark: $color.palette.yellow-700", "markdownDescription": "- theme-light: `$color.palette.yellow-400`\n\n- theme-dark: `$color.palette.yellow-700`" },
+        { "const": "$color.bg.positive-solid", "title": "$color.bg.positive-solid", "description": "theme-light: $color.palette.green-700\ntheme-dark: $color.palette.green-500", "markdownDescription": "- theme-light: `$color.palette.green-700`\n\n- theme-dark: `$color.palette.green-500`" },
+        { "const": "$color.bg.warning-solid", "title": "$color.bg.warning-solid", "description": "theme-light: $color.palette.yellow-300\ntheme-dark: $color.palette.yellow-600", "markdownDescription": "- theme-light: `$color.palette.yellow-300`\n\n- theme-dark: `$color.palette.yellow-600`" },
         { "const": "$color.bg.warning-weak", "title": "$color.bg.warning-weak", "description": "theme-light: $color.palette.yellow-100\ntheme-dark: $color.palette.yellow-100", "markdownDescription": "- theme-light: `$color.palette.yellow-100`\n\n- theme-dark: `$color.palette.yellow-100`" },
         { "const": "$color.bg.danger-weak", "title": "$color.bg.danger-weak", "description": "theme-light: $color.palette.red-100\ntheme-dark: $color.palette.red-100", "markdownDescription": "- theme-light: `$color.palette.red-100`\n\n- theme-dark: `$color.palette.red-100`" },
-        { "const": "$color.bg.danger-solid", "title": "$color.bg.danger-solid", "description": "theme-light: $color.palette.red-600\ntheme-dark: $color.palette.red-600", "markdownDescription": "- theme-light: `$color.palette.red-600`\n\n- theme-dark: `$color.palette.red-600`" },
-        { "const": "$color.bg.danger-solid-pressed", "title": "$color.bg.danger-solid-pressed", "description": "theme-light: $color.palette.red-700\ntheme-dark: $color.palette.red-700", "markdownDescription": "- theme-light: `$color.palette.red-700`\n\n- theme-dark: `$color.palette.red-700`" },
+        { "const": "$color.bg.danger-solid", "title": "$color.bg.danger-solid", "description": "theme-light: $color.palette.red-700\ntheme-dark: $color.palette.red-600", "markdownDescription": "- theme-light: `$color.palette.red-700`\n\n- theme-dark: `$color.palette.red-600`" },
+        { "const": "$color.bg.danger-solid-pressed", "title": "$color.bg.danger-solid-pressed", "description": "theme-light: $color.palette.red-800\ntheme-dark: $color.palette.red-700", "markdownDescription": "- theme-light: `$color.palette.red-800`\n\n- theme-dark: `$color.palette.red-700`" },
         { "const": "$color.bg.brand-weak", "title": "$color.bg.brand-weak", "description": "theme-light: $color.palette.carrot-100\ntheme-dark: $color.palette.carrot-200", "markdownDescription": "- theme-light: `$color.palette.carrot-100`\n\n- theme-dark: `$color.palette.carrot-200`" },
         { "const": "$color.bg.brand-solid", "title": "$color.bg.brand-solid", "description": "theme-light: $color.palette.carrot-600\ntheme-dark: $color.palette.carrot-700", "markdownDescription": "- theme-light: `$color.palette.carrot-600`\n\n- theme-dark: `$color.palette.carrot-700`" },
         { "const": "$color.bg.brand-solid-pressed", "title": "$color.bg.brand-solid-pressed", "description": "theme-light: $color.palette.carrot-700\ntheme-dark: $color.palette.carrot-800", "markdownDescription": "- theme-light: `$color.palette.carrot-700`\n\n- theme-dark: `$color.palette.carrot-800`" },
@@ -309,28 +307,28 @@
         { "const": "$color.bg.disabled", "title": "$color.bg.disabled", "description": "theme-light: $color.palette.gray-200\ntheme-dark: $color.palette.gray-200", "markdownDescription": "- theme-light: `$color.palette.gray-200`\n\n- theme-dark: `$color.palette.gray-200`" },
         { "const": "$color.bg.layer-floating-pressed", "title": "$color.bg.layer-floating-pressed", "description": "theme-light: $color.palette.gray-100\ntheme-dark: $color.palette.gray-300", "markdownDescription": "- theme-light: `$color.palette.gray-100`\n\n- theme-dark: `$color.palette.gray-300`" },
         { "const": "$color.bg.informative-weak-pressed", "title": "$color.bg.informative-weak-pressed", "description": "theme-light: $color.palette.blue-200\ntheme-dark: $color.palette.blue-200", "markdownDescription": "- theme-light: `$color.palette.blue-200`\n\n- theme-dark: `$color.palette.blue-200`" },
-        { "const": "$color.bg.static-white", "title": "$color.bg.static-white", "description": "theme-light: $color.palette.static-white\ntheme-dark: $color.palette.static-white", "markdownDescription": "- theme-light: `$color.palette.static-white`\n\n- theme-dark: `$color.palette.static-white`" },
         { "const": "$color.bg.warning-weak-pressed", "title": "$color.bg.warning-weak-pressed", "description": "theme-light: $color.palette.yellow-200\ntheme-dark: $color.palette.yellow-200", "markdownDescription": "- theme-light: `$color.palette.yellow-200`\n\n- theme-dark: `$color.palette.yellow-200`" },
         { "const": "$color.bg.danger-weak-pressed", "title": "$color.bg.danger-weak-pressed", "description": "theme-light: $color.palette.red-200\ntheme-dark: $color.palette.red-200", "markdownDescription": "- theme-light: `$color.palette.red-200`\n\n- theme-dark: `$color.palette.red-200`" },
-        { "const": "$color.bg.informative-solid", "title": "$color.bg.informative-solid", "description": "theme-light: $color.palette.blue-600\ntheme-dark: $color.palette.blue-600", "markdownDescription": "- theme-light: `$color.palette.blue-600`\n\n- theme-dark: `$color.palette.blue-600`" },
+        { "const": "$color.bg.informative-solid", "title": "$color.bg.informative-solid", "description": "theme-light: $color.palette.blue-700\ntheme-dark: $color.palette.blue-600", "markdownDescription": "- theme-light: `$color.palette.blue-700`\n\n- theme-dark: `$color.palette.blue-600`" },
         { "const": "$color.bg.positive-weak-pressed", "title": "$color.bg.positive-weak-pressed", "description": "theme-light: $color.palette.green-200\ntheme-dark: $color.palette.green-200", "markdownDescription": "- theme-light: `$color.palette.green-200`\n\n- theme-dark: `$color.palette.green-200`" },
-        { "const": "$color.bg.informative-solid-pressed", "title": "$color.bg.informative-solid-pressed", "description": "theme-light: $color.palette.blue-700\ntheme-dark: $color.palette.blue-700", "markdownDescription": "- theme-light: `$color.palette.blue-700`\n\n- theme-dark: `$color.palette.blue-700`" },
-        { "const": "$color.bg.positive-solid-pressed", "title": "$color.bg.positive-solid-pressed", "description": "theme-light: $color.palette.green-700\ntheme-dark: $color.palette.green-500", "markdownDescription": "- theme-light: `$color.palette.green-700`\n\n- theme-dark: `$color.palette.green-500`" },
-        { "const": "$color.bg.magic-solid", "title": "$color.bg.magic-solid", "description": "theme-light: $color.palette.purple-600\ntheme-dark: $color.palette.purple-600", "markdownDescription": "- theme-light: `$color.palette.purple-600`\n\n- theme-dark: `$color.palette.purple-600`" },
-        { "const": "$color.bg.magic-solid-pressed", "title": "$color.bg.magic-solid-pressed", "description": "theme-light: $color.palette.purple-700\ntheme-dark: $color.palette.purple-700", "markdownDescription": "- theme-light: `$color.palette.purple-700`\n\n- theme-dark: `$color.palette.purple-700`" },
+        { "const": "$color.bg.informative-solid-pressed", "title": "$color.bg.informative-solid-pressed", "description": "theme-light: $color.palette.blue-800\ntheme-dark: $color.palette.blue-700", "markdownDescription": "- theme-light: `$color.palette.blue-800`\n\n- theme-dark: `$color.palette.blue-700`" },
+        { "const": "$color.bg.positive-solid-pressed", "title": "$color.bg.positive-solid-pressed", "description": "theme-light: $color.palette.green-800\ntheme-dark: $color.palette.green-500", "markdownDescription": "- theme-light: `$color.palette.green-800`\n\n- theme-dark: `$color.palette.green-500`" },
+        { "const": "$color.bg.magic-solid", "title": "$color.bg.magic-solid", "description": "theme-light: $color.palette.purple-700\ntheme-dark: $color.palette.purple-600", "markdownDescription": "- theme-light: `$color.palette.purple-700`\n\n- theme-dark: `$color.palette.purple-600`" },
+        { "const": "$color.bg.magic-solid-pressed", "title": "$color.bg.magic-solid-pressed", "description": "theme-light: $color.palette.purple-800\ntheme-dark: $color.palette.purple-700", "markdownDescription": "- theme-light: `$color.palette.purple-800`\n\n- theme-dark: `$color.palette.purple-700`" },
         { "const": "$color.bg.magic-weak", "title": "$color.bg.magic-weak", "description": "theme-light: $color.palette.purple-100\ntheme-dark: $color.palette.purple-100", "markdownDescription": "- theme-light: `$color.palette.purple-100`\n\n- theme-dark: `$color.palette.purple-100`" },
         { "const": "$color.bg.magic-weak-pressed", "title": "$color.bg.magic-weak-pressed", "description": "theme-light: $color.palette.purple-200\ntheme-dark: $color.palette.purple-200", "markdownDescription": "- theme-light: `$color.palette.purple-200`\n\n- theme-dark: `$color.palette.purple-200`" },
         { "const": "$color.bg.neutral-solid-muted", "title": "$color.bg.neutral-solid-muted", "description": "theme-light: $color.palette.slate-800\ntheme-dark: $color.palette.gray-400", "markdownDescription": "- theme-light: `$color.palette.slate-800`\n\n- theme-dark: `$color.palette.gray-400`" },
         { "const": "$color.bg.floating-solid", "title": "$color.bg.floating-solid", "description": "theme-light: $color.palette.gray-900\ntheme-dark: $color.palette.gray-300", "markdownDescription": "- theme-light: `$color.palette.gray-900`\n\n- theme-dark: `$color.palette.gray-300`" },
         { "const": "$color.bg.neutral-solid-muted-pressed", "title": "$color.bg.neutral-solid-muted-pressed", "description": "theme-light: $color.palette.slate-900\ntheme-dark: $color.palette.gray-500", "markdownDescription": "- theme-light: `$color.palette.slate-900`\n\n- theme-dark: `$color.palette.gray-500`" },
         { "const": "$color.stroke.neutral", "title": "$color.stroke.neutral", "description": "theme-light: $color.palette.gray-300\ntheme-dark: $color.palette.gray-300", "markdownDescription": "- theme-light: `$color.palette.gray-300`\n\n- theme-dark: `$color.palette.gray-300`" },
-        { "const": "$color.stroke.brand", "title": "$color.stroke.brand", "description": "theme-light: $color.palette.carrot-500\ntheme-dark: $color.palette.carrot-600", "markdownDescription": "- theme-light: `$color.palette.carrot-500`\n\n- theme-dark: `$color.palette.carrot-600`" },
+        { "const": "$color.stroke.brand", "title": "$color.stroke.brand", "description": "theme-light: $color.palette.carrot-300\ntheme-dark: $color.palette.carrot-300", "markdownDescription": "- theme-light: `$color.palette.carrot-300`\n\n- theme-dark: `$color.palette.carrot-300`" },
         { "const": "$color.stroke.field", "title": "$color.stroke.field", "description": "theme-light: $color.palette.gray-400\ntheme-dark: $color.palette.gray-400", "markdownDescription": "- theme-light: `$color.palette.gray-400`\n\n- theme-dark: `$color.palette.gray-400`" },
         { "const": "$color.stroke.field-focused", "title": "$color.stroke.field-focused", "description": "theme-light: $color.palette.gray-800\ntheme-dark: $color.palette.gray-800", "markdownDescription": "- theme-light: `$color.palette.gray-800`\n\n- theme-dark: `$color.palette.gray-800`" },
         { "const": "$color.stroke.control", "title": "$color.stroke.control", "description": "theme-light: $color.palette.gray-400\ntheme-dark: $color.palette.gray-400", "markdownDescription": "- theme-light: `$color.palette.gray-400`\n\n- theme-dark: `$color.palette.gray-400`" },
         { "const": "$color.stroke.neutral-muted", "title": "$color.stroke.neutral-muted", "description": "theme-light: $color.palette.gray-200\ntheme-dark: $color.palette.gray-200", "markdownDescription": "- theme-light: `$color.palette.gray-200`\n\n- theme-dark: `$color.palette.gray-200`" },
-        { "const": "$color.stroke.danger", "title": "$color.stroke.danger", "description": "theme-light: $color.palette.red-700\ntheme-dark: $color.palette.red-600", "markdownDescription": "- theme-light: `$color.palette.red-700`\n\n- theme-dark: `$color.palette.red-600`" },
-        { "const": "$color.stroke.positive", "title": "$color.stroke.positive", "description": "theme-light: $color.palette.green-600\ntheme-dark: $color.palette.green-600", "markdownDescription": "- theme-light: `$color.palette.green-600`\n\n- theme-dark: `$color.palette.green-600`" },
+        { "const": "$color.stroke.danger", "title": "$color.stroke.danger", "description": "theme-light: $color.palette.red-300\ntheme-dark: $color.palette.red-300", "markdownDescription": "- theme-light: `$color.palette.red-300`\n\n- theme-dark: `$color.palette.red-300`" },
+        { "const": "$color.stroke.positive", "title": "$color.stroke.positive", "description": "theme-light: $color.palette.green-300\ntheme-dark: $color.palette.green-300", "markdownDescription": "- theme-light: `$color.palette.green-300`\n\n- theme-dark: `$color.palette.green-300`" },
+        { "const": "$color.stroke.informative", "title": "$color.stroke.informative", "description": "theme-light: $color.palette.blue-300\ntheme-dark: $color.palette.blue-300", "markdownDescription": "- theme-light: `$color.palette.blue-300`\n\n- theme-dark: `$color.palette.blue-300`" },
         { "const": "$duration.s1", "title": "$duration.s1", "description": "default: 50ms", "markdownDescription": "- default: `50ms`" },
         { "const": "$duration.s2", "title": "$duration.s2", "description": "default: 100ms", "markdownDescription": "- default: `100ms`" },
         { "const": "$duration.s3", "title": "$duration.s3", "description": "default: 150ms", "markdownDescription": "- default: `150ms`" },
diff --git a/packages/rootage/components/select-box.yaml b/packages/rootage/components/select-box.yaml
index 410899123..0d9b71b18 100644
--- a/packages/rootage/components/select-box.yaml
+++ b/packages/rootage/components/select-box.yaml
@@ -59,12 +59,12 @@ data:
         color: $color.bg.brand-solid
         strokeWidth: 0
       checkboxIcon:
-        color: $color.fg.static-white
+        color: $color.palette.static-white
       radioControl:
         color: $color.bg.brand-solid
         strokeWidth: 0
       radioIcon:
-        color: $color.fg.static-white
+        color: $color.palette.static-white
 
     enabled,selected,pressed:
       root:
diff --git a/packages/rootage/components/switch.yaml b/packages/rootage/components/switch.yaml
index 222128500..456f150bb 100644
--- a/packages/rootage/components/switch.yaml
+++ b/packages/rootage/components/switch.yaml
@@ -11,7 +11,7 @@ data:
         color: $color.palette.gray-600
         cornerRadius: $radius.full
       thumb:
-        color: $color.fg.static-white
+        color: $color.palette.static-white
         cornerRadius: $radius.full
     enabled,selected:
       control:
diff --git a/packages/rootage/components/toggle-button.yaml b/packages/rootage/components/toggle-button.yaml
index f674bc409..191b3574a 100644
--- a/packages/rootage/components/toggle-button.yaml
+++ b/packages/rootage/components/toggle-button.yaml
@@ -16,11 +16,11 @@ data:
       root:
         color: $color.bg.brand-solid
       label:
-        color: $color.fg.static-white
+        color: $color.palette.static-white
       prefixIcon:
-        color: $color.fg.static-white
+        color: $color.palette.static-white
       suffixIcon:
-        color: $color.fg.static-white
+        color: $color.palette.static-white
       progressCircle:
         trackColor: $color.palette.static-white-alpha-200
         rangeColor: $color.palette.static-white
diff --git a/packages/rootage/components/top-navigation.yaml b/packages/rootage/components/top-navigation.yaml
index 0087c06af..d67aaeb6a 100644
--- a/packages/rootage/components/top-navigation.yaml
+++ b/packages/rootage/components/top-navigation.yaml
@@ -40,9 +40,9 @@ data:
       root:
         color: "#00000000"
       title:
-        color: $color.fg.static-white
+        color: $color.palette.static-white
       icon:
-        color: $color.fg.static-white
+        color: $color.palette.static-white
   divider=true:
     enabled:
       root:
diff --git a/packages/stylesheet/actionButton.css b/packages/stylesheet/actionButton.css
index a5581679b..ac4258288 100644
--- a/packages/stylesheet/actionButton.css
+++ b/packages/stylesheet/actionButton.css
@@ -71,25 +71,25 @@
     background: var(--seed-v3-color-bg-brand-solid-pressed);
 }
 .actionButton__label--variant_brandSolid {
-    color: var(--seed-v3-color-fg-static-white);
+    color: var(--seed-v3-color-palette-static-white);
 }
 .actionButton__label--variant_brandSolid:is(:disabled, [disabled], [data-disabled]) {
     color: var(--seed-v3-color-fg-disabled);
 }
 .actionButton__icon--variant_brandSolid {
-    color: var(--seed-v3-color-fg-static-white);
+    color: var(--seed-v3-color-palette-static-white);
 }
 .actionButton__icon--variant_brandSolid:is(:disabled, [disabled], [data-disabled]) {
     color: var(--seed-v3-color-fg-disabled);
 }
 .actionButton__prefixIcon--variant_brandSolid {
-    color: var(--seed-v3-color-fg-static-white);
+    color: var(--seed-v3-color-palette-static-white);
 }
 .actionButton__prefixIcon--variant_brandSolid:is(:disabled, [disabled], [data-disabled]) {
     color: var(--seed-v3-color-fg-disabled);
 }
 .actionButton__suffixIcon--variant_brandSolid {
-    color: var(--seed-v3-color-fg-static-white);
+    color: var(--seed-v3-color-palette-static-white);
 }
 .actionButton__suffixIcon--variant_brandSolid:is(:disabled, [disabled], [data-disabled]) {
     color: var(--seed-v3-color-fg-disabled);
@@ -191,25 +191,25 @@
     background: var(--seed-v3-color-bg-danger-solid-pressed);
 }
 .actionButton__label--variant_dangerSolid {
-    color: var(--seed-v3-color-fg-static-white);
+    color: var(--seed-v3-color-palette-static-white);
 }
 .actionButton__label--variant_dangerSolid:is(:disabled, [disabled], [data-disabled]) {
     color: var(--seed-v3-color-fg-disabled);
 }
 .actionButton__icon--variant_dangerSolid {
-    color: var(--seed-v3-color-fg-static-white);
+    color: var(--seed-v3-color-palette-static-white);
 }
 .actionButton__icon--variant_dangerSolid:is(:disabled, [disabled], [data-disabled]) {
     color: var(--seed-v3-color-fg-disabled);
 }
 .actionButton__prefixIcon--variant_dangerSolid {
-    color: var(--seed-v3-color-fg-static-white);
+    color: var(--seed-v3-color-palette-static-white);
 }
 .actionButton__prefixIcon--variant_dangerSolid:is(:disabled, [disabled], [data-disabled]) {
     color: var(--seed-v3-color-fg-disabled);
 }
 .actionButton__suffixIcon--variant_dangerSolid {
-    color: var(--seed-v3-color-fg-static-white);
+    color: var(--seed-v3-color-palette-static-white);
 }
 .actionButton__suffixIcon--variant_dangerSolid:is(:disabled, [disabled], [data-disabled]) {
     color: var(--seed-v3-color-fg-disabled);
diff --git a/packages/stylesheet/badge.css b/packages/stylesheet/badge.css
index 2af6cc49e..ea2cec7a2 100644
--- a/packages/stylesheet/badge.css
+++ b/packages/stylesheet/badge.css
@@ -59,7 +59,7 @@
     background-color: var(--seed-v3-color-bg-neutral-solid)
 }
 .badge__label--tone_neutral-variant_solid {
-    color: var(--seed-v3-color-fg-static-white)
+    color: var(--seed-v3-color-palette-static-white)
 }
 .badge__root--tone_neutral-variant_outlined {
     border-color: var(--seed-v3-color-stroke-neutral)
@@ -77,7 +77,7 @@
     background-color: var(--seed-v3-color-bg-brand-solid)
 }
 .badge__label--tone_brand-variant_solid {
-    color: var(--seed-v3-color-fg-static-white)
+    color: var(--seed-v3-color-palette-static-white)
 }
 .badge__root--tone_brand-variant_outlined {
     border-color: var(--seed-v3-color-stroke-brand)
@@ -95,7 +95,7 @@
     background-color: var(--seed-v3-color-bg-informative-solid)
 }
 .badge__label--tone_informative-variant_solid {
-    color: var(--seed-v3-color-fg-static-white)
+    color: var(--seed-v3-color-palette-static-white)
 }
 .badge__root--tone_informative-variant_outlined {
     border-color: var(--seed-v3-color-fg-informative)
@@ -113,7 +113,7 @@
     background-color: var(--seed-v3-color-bg-positive-solid)
 }
 .badge__label--tone_positive-variant_solid {
-    color: var(--seed-v3-color-fg-static-white)
+    color: var(--seed-v3-color-palette-static-white)
 }
 .badge__root--tone_positive-variant_outlined {
     border-color: var(--seed-v3-color-stroke-positive)
@@ -131,7 +131,7 @@
     background-color: var(--seed-v3-color-bg-danger-solid)
 }
 .badge__label--tone_danger-variant_solid {
-    color: var(--seed-v3-color-fg-static-white)
+    color: var(--seed-v3-color-palette-static-white)
 }
 .badge__root--tone_danger-variant_outlined {
     border-color: var(--seed-v3-color-stroke-danger)
diff --git a/packages/stylesheet/checkbox.css b/packages/stylesheet/checkbox.css
index 3dfb57578..0f7a60355 100644
--- a/packages/stylesheet/checkbox.css
+++ b/packages/stylesheet/checkbox.css
@@ -62,7 +62,7 @@
 }
 .checkbox__icon--variant_square:is(:checked, :indeterminate, [data-checked], [data-indeterminate]) {
     display: block;
-    color: var(--seed-v3-color-fg-static-white);
+    color: var(--seed-v3-color-palette-static-white);
 }
 .checkbox__icon--variant_square:is(:disabled, [disabled], [data-disabled]):is(:checked, :indeterminate, [data-checked], [data-indeterminate]) {
     display: block;
diff --git a/packages/stylesheet/chipTab.css b/packages/stylesheet/chipTab.css
index b51233886..453dbc757 100644
--- a/packages/stylesheet/chipTab.css
+++ b/packages/stylesheet/chipTab.css
@@ -67,7 +67,7 @@
     font-weight: var(--seed-v3-font-weight-medium);
 }
 .chipTab__label--variant_brandSolid:is(:selected, [data-selected]) {
-    color: var(--seed-v3-color-fg-static-white);
+    color: var(--seed-v3-color-palette-static-white);
     font-weight: var(--seed-v3-font-weight-bold);
 }
 .chipTab__label--variant_brandSolid:is(:disabled, [disabled], [data-disabled]) {
diff --git a/packages/stylesheet/controlChip.css b/packages/stylesheet/controlChip.css
index e197e9c48..bf83320bd 100644
--- a/packages/stylesheet/controlChip.css
+++ b/packages/stylesheet/controlChip.css
@@ -36,7 +36,7 @@
     font-weight: var(--seed-v3-font-weight-medium);
 }
 .controlChip__label:is(:checked, [data-checked]) {
-    color: var(--seed-v3-color-fg-static-white);
+    color: var(--seed-v3-color-palette-static-white);
     font-weight: var(--seed-v3-font-weight-bold);
 }
 .controlChip__label:is(:disabled, [disabled], [data-disabled]) {
@@ -48,7 +48,7 @@
     color: var(--seed-v3-color-fg-neutral);
 }
 .controlChip__prefixIcon:is(:checked, [data-checked]) {
-    color: var(--seed-v3-color-fg-static-white);
+    color: var(--seed-v3-color-palette-static-white);
 }
 .controlChip__prefixIcon:is(:disabled, [disabled], [data-disabled]) {
     color: var(--seed-v3-color-fg-disabled);
@@ -59,7 +59,7 @@
     color: var(--seed-v3-color-fg-neutral-subtle);
 }
 .controlChip__suffixIcon:is(:checked, [data-checked]) {
-    color: var(--seed-v3-color-fg-static-white);
+    color: var(--seed-v3-color-palette-static-white);
 }
 .controlChip__suffixIcon:is(:disabled, [disabled], [data-disabled]) {
     color: var(--seed-v3-color-fg-disabled);
@@ -70,7 +70,7 @@
     color: var(--seed-v3-color-fg-neutral);
 }
 .controlChip__icon:is(:checked, [data-checked]) {
-    color: var(--seed-v3-color-fg-static-white);
+    color: var(--seed-v3-color-palette-static-white);
 }
 .controlChip__icon:is(:disabled, [disabled], [data-disabled]) {
     color: var(--seed-v3-color-fg-disabled);
diff --git a/packages/stylesheet/inlineBanner.css b/packages/stylesheet/inlineBanner.css
index 8a5740d5b..679cc2f4d 100644
--- a/packages/stylesheet/inlineBanner.css
+++ b/packages/stylesheet/inlineBanner.css
@@ -204,17 +204,17 @@
     background-color: var(--seed-v3-color-bg-danger-solid);
 }
 .inlineBanner__icon--variant_dangerSolid {
-    color: var(--seed-v3-color-fg-static-white);
+    color: var(--seed-v3-color-palette-static-white);
 }
 .inlineBanner__title--variant_dangerSolid {
-    color: var(--seed-v3-color-fg-static-white);
+    color: var(--seed-v3-color-palette-static-white);
 }
 .inlineBanner__description--variant_dangerSolid {
-    color: var(--seed-v3-color-fg-static-white);
+    color: var(--seed-v3-color-palette-static-white);
 }
 .inlineBanner__linkLabel--variant_dangerSolid {
-    color: var(--seed-v3-color-fg-static-white);
+    color: var(--seed-v3-color-palette-static-white);
 }
 .inlineBanner__actionableIcon--variant_dangerSolid {
-    color: var(--seed-v3-color-fg-static-white);
+    color: var(--seed-v3-color-palette-static-white);
 }
\ No newline at end of file
diff --git a/packages/stylesheet/progressCircle.css b/packages/stylesheet/progressCircle.css
index f2204b7f3..1148b2c7d 100644
--- a/packages/stylesheet/progressCircle.css
+++ b/packages/stylesheet/progressCircle.css
@@ -32,7 +32,7 @@
 }
 .progressCircle__root--tone_staticWhite {
     --track-color: var(--seed-v3-color-palette-static-white-alpha-200);
-    --range-color: var(--seed-v3-color-bg-static-white);
+    --range-color: var(--seed-v3-color-palette-static-white);
 }
 .progressCircle__root--tone_inherit {}
 .progressCircle__root--size_24 {
diff --git a/packages/stylesheet/radio.css b/packages/stylesheet/radio.css
index 59c4ba852..54dfa07a4 100644
--- a/packages/stylesheet/radio.css
+++ b/packages/stylesheet/radio.css
@@ -33,7 +33,7 @@
 }
 .radio__icon:is(:checked, [data-checked]) {
     display: block;
-    background-color: var(--seed-v3-color-fg-static-white);
+    background-color: var(--seed-v3-color-palette-static-white);
 }
 .radio__icon:is(:disabled, [disabled], [data-disabled]):is(:checked, [data-checked]) {
     background-color: var(--seed-v3-color-palette-gray-300);
diff --git a/packages/stylesheet/selectBox.css b/packages/stylesheet/selectBox.css
index 4d62ded30..b360477fd 100644
--- a/packages/stylesheet/selectBox.css
+++ b/packages/stylesheet/selectBox.css
@@ -55,7 +55,7 @@
 }
 .selectBox__checkboxIcon:is(:checked, [data-checked]) {
     display: block;
-    color: var(--seed-v3-color-fg-static-white);
+    color: var(--seed-v3-color-palette-static-white);
 }
 .selectBox__radioControl {
     flex: none;
@@ -89,8 +89,8 @@
 }
 .selectBox__radioIcon:is(:checked, [data-checked]) {
     display: block;
-    background-color: var(--seed-v3-color-fg-static-white);
-    color: var(--seed-v3-color-fg-static-white);
+    background-color: var(--seed-v3-color-palette-static-white);
+    color: var(--seed-v3-color-palette-static-white);
 }
 .selectBox__label {
     color: var(--seed-v3-color-fg-neutral);
diff --git a/packages/stylesheet/switch.css b/packages/stylesheet/switch.css
index b78352af6..b9233ca59 100644
--- a/packages/stylesheet/switch.css
+++ b/packages/stylesheet/switch.css
@@ -26,7 +26,7 @@
 }
 .switch__thumb {
     border-radius: var(--seed-v3-radius-full);
-    background: var(--seed-v3-color-fg-static-white);
+    background: var(--seed-v3-color-palette-static-white);
     transition: transform 150ms cubic-bezier(0.35, 0, 0.35, 1);
 }
 .switch__control--size_medium {
diff --git a/packages/stylesheet/toggleButton.css b/packages/stylesheet/toggleButton.css
index 15d4b1c94..a5545d765 100644
--- a/packages/stylesheet/toggleButton.css
+++ b/packages/stylesheet/toggleButton.css
@@ -73,7 +73,7 @@
     background: var(--seed-v3-color-bg-neutral-weak-pressed);
 }
 .toggleButton__label--variant_brandSolid {
-    color: var(--seed-v3-color-fg-static-white);
+    color: var(--seed-v3-color-palette-static-white);
 }
 .toggleButton__label--variant_brandSolid:is([aria-pressed=true], [data-pressed]) {
     color: var(--seed-v3-color-fg-neutral);
@@ -82,7 +82,7 @@
     color: var(--seed-v3-color-fg-disabled);
 }
 .toggleButton__prefixIcon--variant_brandSolid {
-    color: var(--seed-v3-color-fg-static-white);
+    color: var(--seed-v3-color-palette-static-white);
 }
 .toggleButton__prefixIcon--variant_brandSolid:is([aria-pressed=true], [data-pressed]) {
     color: var(--seed-v3-color-fg-neutral);
@@ -91,7 +91,7 @@
     color: var(--seed-v3-color-fg-disabled);
 }
 .toggleButton__suffixIcon--variant_brandSolid {
-    color: var(--seed-v3-color-fg-static-white);
+    color: var(--seed-v3-color-palette-static-white);
 }
 .toggleButton__suffixIcon--variant_brandSolid:is([aria-pressed=true], [data-pressed]) {
     color: var(--seed-v3-color-fg-neutral);
diff --git a/packages/stylesheet/token.css b/packages/stylesheet/token.css
index bad227503..842bd8aae 100644
--- a/packages/stylesheet/token.css
+++ b/packages/stylesheet/token.css
@@ -107,38 +107,38 @@
   --seed-v3-color-palette-blue-100: #eff6ff;
   --seed-v3-color-palette-blue-200: #e2edfc;
   --seed-v3-color-palette-blue-300: #cbdffa;
-  --seed-v3-color-palette-blue-400: #abcefd;
-  --seed-v3-color-palette-blue-500: #83b7fd;
-  --seed-v3-color-palette-blue-600: #2787fe;
-  --seed-v3-color-palette-blue-700: #1a6edf;
-  --seed-v3-color-palette-blue-800: #1056bb;
-  --seed-v3-color-palette-blue-900: #083b81;
-  --seed-v3-color-palette-blue-1000: #02214a;
-  --seed-v3-color-palette-red-100: #fdf2f2;
-  --seed-v3-color-palette-red-200: #fde4e4;
-  --seed-v3-color-palette-red-300: #fececc;
-  --seed-v3-color-palette-red-400: #feafaa;
-  --seed-v3-color-palette-red-500: #fe827b;
-  --seed-v3-color-palette-red-600: #ff3b2d;
-  --seed-v3-color-palette-red-700: #ef1f10;
-  --seed-v3-color-palette-red-800: #c81d13;
-  --seed-v3-color-palette-red-900: #8f1e10;
+  --seed-v3-color-palette-blue-400: #aacefd;
+  --seed-v3-color-palette-blue-500: #85b8fd;
+  --seed-v3-color-palette-blue-600: #5e98fe;
+  --seed-v3-color-palette-blue-700: #217cf9;
+  --seed-v3-color-palette-blue-800: #135fcd;
+  --seed-v3-color-palette-blue-900: #0b4596;
+  --seed-v3-color-palette-blue-1000: #032451;
+  --seed-v3-color-palette-red-100: #fdf0f0;
+  --seed-v3-color-palette-red-200: #fde7e7;
+  --seed-v3-color-palette-red-300: #fed4d2;
+  --seed-v3-color-palette-red-400: #feb7b3;
+  --seed-v3-color-palette-red-500: #fe928d;
+  --seed-v3-color-palette-red-600: #fc6a66;
+  --seed-v3-color-palette-red-700: #fa342c;
+  --seed-v3-color-palette-red-800: #ca1d13;
+  --seed-v3-color-palette-red-900: #921708;
   --seed-v3-color-palette-red-1000: #4a1209;
-  --seed-v3-color-palette-green-100: #e7f9f3;
-  --seed-v3-color-palette-green-200: #d1f4e5;
-  --seed-v3-color-palette-green-300: #8ff1c3;
-  --seed-v3-color-palette-green-400: #6be1b0;
-  --seed-v3-color-palette-green-500: #2ecd95;
-  --seed-v3-color-palette-green-600: #10ad7e;
-  --seed-v3-color-palette-green-700: #068c6d;
-  --seed-v3-color-palette-green-800: #006b58;
-  --seed-v3-color-palette-green-900: #054a3d;
+  --seed-v3-color-palette-green-100: #edfaf6;
+  --seed-v3-color-palette-green-200: #d9f6e9;
+  --seed-v3-color-palette-green-300: #aeebcc;
+  --seed-v3-color-palette-green-400: #74dcb0;
+  --seed-v3-color-palette-green-500: #42c593;
+  --seed-v3-color-palette-green-600: #10ab7d;
+  --seed-v3-color-palette-green-700: #079171;
+  --seed-v3-color-palette-green-800: #00745f;
+  --seed-v3-color-palette-green-900: #075445;
   --seed-v3-color-palette-green-1000: #0a2b24;
-  --seed-v3-color-palette-yellow-100: #fff9e6;
-  --seed-v3-color-palette-yellow-200: #fdf3ce;
-  --seed-v3-color-palette-yellow-300: #fbe49a;
-  --seed-v3-color-palette-yellow-400: #f7d24c;
-  --seed-v3-color-palette-yellow-500: #e3b82c;
+  --seed-v3-color-palette-yellow-100: #fff7de;
+  --seed-v3-color-palette-yellow-200: #fdefb9;
+  --seed-v3-color-palette-yellow-300: #fbdc65;
+  --seed-v3-color-palette-yellow-400: #e9c647;
+  --seed-v3-color-palette-yellow-500: #d4ab28;
   --seed-v3-color-palette-yellow-600: #c49725;
   --seed-v3-color-palette-yellow-700: #9b7821;
   --seed-v3-color-palette-yellow-800: #755b22;
@@ -149,27 +149,26 @@
   --seed-v3-color-palette-static-black-alpha-200: #00000033;
   --seed-v3-color-palette-static-black-alpha-500: #00000080;
   --seed-v3-color-palette-static-black-alpha-50: #0000000d;
-  --seed-v3-color-palette-purple-100: #f6f4fe;
+  --seed-v3-color-palette-purple-100: #f5f3fe;
   --seed-v3-color-palette-purple-200: #efeafe;
   --seed-v3-color-palette-purple-300: #e1d8ff;
-  --seed-v3-color-palette-purple-400: #d2c3ff;
-  --seed-v3-color-palette-purple-500: #bda8ff;
-  --seed-v3-color-palette-purple-600: #a186fb;
-  --seed-v3-color-palette-purple-700: #8564e9;
-  --seed-v3-color-palette-purple-800: #6646c6;
-  --seed-v3-color-palette-purple-900: #46308a;
+  --seed-v3-color-palette-purple-400: #d0c0ff;
+  --seed-v3-color-palette-purple-500: #b8a1ff;
+  --seed-v3-color-palette-purple-600: #9f84fb;
+  --seed-v3-color-palette-purple-700: #8969ea;
+  --seed-v3-color-palette-purple-800: #6d50cb;
+  --seed-v3-color-palette-purple-900: #50379b;
   --seed-v3-color-palette-purple-1000: #29175d;
   --seed-v3-color-palette-static-white-alpha-800: #ffffffcc;
   --seed-v3-color-palette-slate-900: #2a3038;
   --seed-v3-color-palette-slate-800: #545c6e;
   --seed-v3-color-palette-static-white-alpha-200: #ffffff33;
-  --seed-v3-color-fg-static-white: var(--seed-v3-color-palette-static-white);
   --seed-v3-color-fg-neutral: var(--seed-v3-color-palette-gray-900);
   --seed-v3-color-fg-neutral-muted: var(--seed-v3-color-palette-gray-800);
   --seed-v3-color-fg-neutral-subtle: var(--seed-v3-color-palette-gray-700);
   --seed-v3-color-fg-neutral-inverted: var(--seed-v3-color-palette-gray-00);
-  --seed-v3-color-fg-brand-contrast: var(--seed-v3-color-palette-carrot-700);
-  --seed-v3-color-fg-danger: var(--seed-v3-color-palette-red-600);
+  --seed-v3-color-fg-brand-contrast: var(--seed-v3-color-palette-carrot-800);
+  --seed-v3-color-fg-danger: var(--seed-v3-color-palette-red-700);
   --seed-v3-color-fg-danger-contrast: var(--seed-v3-color-palette-red-900);
   --seed-v3-color-fg-positive: var(--seed-v3-color-palette-green-700);
   --seed-v3-color-fg-positive-contrast: var(--seed-v3-color-palette-green-900);
@@ -178,17 +177,16 @@
   --seed-v3-color-fg-informative-contrast: var(--seed-v3-color-palette-blue-900);
   --seed-v3-color-fg-placeholder: var(--seed-v3-color-palette-gray-600);
   --seed-v3-color-fg-disabled: var(--seed-v3-color-palette-gray-500);
-  --seed-v3-color-fg-static-black: var(--seed-v3-color-palette-static-black);
   --seed-v3-color-fg-brand: var(--seed-v3-color-palette-carrot-600);
   --seed-v3-color-fg-magic: var(--seed-v3-color-palette-purple-700);
   --seed-v3-color-fg-magic-contrast: var(--seed-v3-color-palette-purple-900);
   --seed-v3-color-bg-positive-weak: var(--seed-v3-color-palette-green-100);
-  --seed-v3-color-bg-positive-solid: var(--seed-v3-color-palette-green-600);
-  --seed-v3-color-bg-warning-solid: var(--seed-v3-color-palette-yellow-400);
+  --seed-v3-color-bg-positive-solid: var(--seed-v3-color-palette-green-700);
+  --seed-v3-color-bg-warning-solid: var(--seed-v3-color-palette-yellow-300);
   --seed-v3-color-bg-warning-weak: var(--seed-v3-color-palette-yellow-100);
   --seed-v3-color-bg-danger-weak: var(--seed-v3-color-palette-red-100);
-  --seed-v3-color-bg-danger-solid: var(--seed-v3-color-palette-red-600);
-  --seed-v3-color-bg-danger-solid-pressed: var(--seed-v3-color-palette-red-700);
+  --seed-v3-color-bg-danger-solid: var(--seed-v3-color-palette-red-700);
+  --seed-v3-color-bg-danger-solid-pressed: var(--seed-v3-color-palette-red-800);
   --seed-v3-color-bg-brand-weak: var(--seed-v3-color-palette-carrot-100);
   --seed-v3-color-bg-brand-solid: var(--seed-v3-color-palette-carrot-600);
   --seed-v3-color-bg-brand-solid-pressed: var(--seed-v3-color-palette-carrot-700);
@@ -209,28 +207,28 @@
   --seed-v3-color-bg-disabled: var(--seed-v3-color-palette-gray-200);
   --seed-v3-color-bg-layer-floating-pressed: var(--seed-v3-color-palette-gray-100);
   --seed-v3-color-bg-informative-weak-pressed: var(--seed-v3-color-palette-blue-200);
-  --seed-v3-color-bg-static-white: var(--seed-v3-color-palette-static-white);
   --seed-v3-color-bg-warning-weak-pressed: var(--seed-v3-color-palette-yellow-200);
   --seed-v3-color-bg-danger-weak-pressed: var(--seed-v3-color-palette-red-200);
-  --seed-v3-color-bg-informative-solid: var(--seed-v3-color-palette-blue-600);
+  --seed-v3-color-bg-informative-solid: var(--seed-v3-color-palette-blue-700);
   --seed-v3-color-bg-positive-weak-pressed: var(--seed-v3-color-palette-green-200);
-  --seed-v3-color-bg-informative-solid-pressed: var(--seed-v3-color-palette-blue-700);
-  --seed-v3-color-bg-positive-solid-pressed: var(--seed-v3-color-palette-green-700);
-  --seed-v3-color-bg-magic-solid: var(--seed-v3-color-palette-purple-600);
-  --seed-v3-color-bg-magic-solid-pressed: var(--seed-v3-color-palette-purple-700);
+  --seed-v3-color-bg-informative-solid-pressed: var(--seed-v3-color-palette-blue-800);
+  --seed-v3-color-bg-positive-solid-pressed: var(--seed-v3-color-palette-green-800);
+  --seed-v3-color-bg-magic-solid: var(--seed-v3-color-palette-purple-700);
+  --seed-v3-color-bg-magic-solid-pressed: var(--seed-v3-color-palette-purple-800);
   --seed-v3-color-bg-magic-weak: var(--seed-v3-color-palette-purple-100);
   --seed-v3-color-bg-magic-weak-pressed: var(--seed-v3-color-palette-purple-200);
   --seed-v3-color-bg-neutral-solid-muted: var(--seed-v3-color-palette-slate-800);
   --seed-v3-color-bg-floating-solid: var(--seed-v3-color-palette-gray-900);
   --seed-v3-color-bg-neutral-solid-muted-pressed: var(--seed-v3-color-palette-slate-900);
   --seed-v3-color-stroke-neutral: var(--seed-v3-color-palette-gray-300);
-  --seed-v3-color-stroke-brand: var(--seed-v3-color-palette-carrot-500);
+  --seed-v3-color-stroke-brand: var(--seed-v3-color-palette-carrot-300);
   --seed-v3-color-stroke-field: var(--seed-v3-color-palette-gray-400);
   --seed-v3-color-stroke-field-focused: var(--seed-v3-color-palette-gray-800);
   --seed-v3-color-stroke-control: var(--seed-v3-color-palette-gray-400);
   --seed-v3-color-stroke-neutral-muted: var(--seed-v3-color-palette-gray-200);
-  --seed-v3-color-stroke-danger: var(--seed-v3-color-palette-red-700);
-  --seed-v3-color-stroke-positive: var(--seed-v3-color-palette-green-600);
+  --seed-v3-color-stroke-danger: var(--seed-v3-color-palette-red-300);
+  --seed-v3-color-stroke-positive: var(--seed-v3-color-palette-green-300);
+  --seed-v3-color-stroke-informative: var(--seed-v3-color-palette-blue-300);
   --seed-v3-gradient-shimmer: #ffffff00 0%, #ffffff66 46%, #ffffff66 54%, #ffffff00 100%;
 }
 
@@ -250,33 +248,33 @@
   --seed-v3-color-palette-carrot-100: #31241f;
   --seed-v3-color-palette-carrot-200: #4b291c;
   --seed-v3-color-palette-carrot-300: #6b311c;
-  --seed-v3-color-palette-carrot-400: #822f00;
-  --seed-v3-color-palette-carrot-500: #c44501;
-  --seed-v3-color-palette-carrot-600: #f75900;
+  --seed-v3-color-palette-carrot-400: #923600;
+  --seed-v3-color-palette-carrot-500: #bd4201;
+  --seed-v3-color-palette-carrot-600: #e65200;
   --seed-v3-color-palette-carrot-700: #ff6600;
   --seed-v3-color-palette-carrot-800: #ff9e65;
   --seed-v3-color-palette-carrot-900: #eecebc;
   --seed-v3-color-palette-carrot-1000: #f4eeea;
-  --seed-v3-color-palette-blue-100: #1c2633;
-  --seed-v3-color-palette-blue-200: #223444;
-  --seed-v3-color-palette-blue-300: #184564;
-  --seed-v3-color-palette-blue-400: #035a87;
-  --seed-v3-color-palette-blue-500: #126eae;
-  --seed-v3-color-palette-blue-600: #1889cb;
-  --seed-v3-color-palette-blue-700: #2ca5f1;
-  --seed-v3-color-palette-blue-800: #7bbdf9;
-  --seed-v3-color-palette-blue-900: #b8d7fb;
+  --seed-v3-color-palette-blue-100: #202742;
+  --seed-v3-color-palette-blue-200: #1e3352;
+  --seed-v3-color-palette-blue-300: #1a4275;
+  --seed-v3-color-palette-blue-400: #0f559e;
+  --seed-v3-color-palette-blue-500: #1964d8;
+  --seed-v3-color-palette-blue-600: #1e82eb;
+  --seed-v3-color-palette-blue-700: #41a2f9;
+  --seed-v3-color-palette-blue-800: #83bcf9;
+  --seed-v3-color-palette-blue-900: #b9d7fb;
   --seed-v3-color-palette-blue-1000: #e5f0fe;
   --seed-v3-color-palette-red-100: #322323;
   --seed-v3-color-palette-red-200: #4f2624;
   --seed-v3-color-palette-red-300: #742826;
   --seed-v3-color-palette-red-400: #a12621;
-  --seed-v3-color-palette-red-500: #d11e13;
+  --seed-v3-color-palette-red-500: #ca2319;
   --seed-v3-color-palette-red-600: #f73526;
-  --seed-v3-color-palette-red-700: #f2796d;
-  --seed-v3-color-palette-red-800: #f1a39b;
-  --seed-v3-color-palette-red-900: #f2cbc9;
-  --seed-v3-color-palette-red-1000: #f3cbc8;
+  --seed-v3-color-palette-red-700: #ff6e60;
+  --seed-v3-color-palette-red-800: #ffa299;
+  --seed-v3-color-palette-red-900: #f8c5c3;
+  --seed-v3-color-palette-red-1000: #fdf2f2;
   --seed-v3-color-palette-green-100: #202926;
   --seed-v3-color-palette-green-200: #20362e;
   --seed-v3-color-palette-green-300: #20493b;
@@ -287,22 +285,22 @@
   --seed-v3-color-palette-green-800: #35ce9a;
   --seed-v3-color-palette-green-900: #93e5c0;
   --seed-v3-color-palette-green-1000: #d4f6ef;
-  --seed-v3-color-palette-yellow-100: #2a2517;
-  --seed-v3-color-palette-yellow-200: #3d3016;
-  --seed-v3-color-palette-yellow-300: #513f15;
-  --seed-v3-color-palette-yellow-400: #695115;
-  --seed-v3-color-palette-yellow-500: #83661b;
-  --seed-v3-color-palette-yellow-600: #9c7f25;
-  --seed-v3-color-palette-yellow-700: #b59b36;
-  --seed-v3-color-palette-yellow-800: #cdb656;
-  --seed-v3-color-palette-yellow-900: #e3da96;
-  --seed-v3-color-palette-yellow-1000: #f7f0ce;
+  --seed-v3-color-palette-yellow-100: #302819;
+  --seed-v3-color-palette-yellow-200: #413218;
+  --seed-v3-color-palette-yellow-300: #543e15;
+  --seed-v3-color-palette-yellow-400: #714e15;
+  --seed-v3-color-palette-yellow-500: #91601b;
+  --seed-v3-color-palette-yellow-600: #b6720d;
+  --seed-v3-color-palette-yellow-700: #ca901c;
+  --seed-v3-color-palette-yellow-800: #dab156;
+  --seed-v3-color-palette-yellow-900: #e5d49b;
+  --seed-v3-color-palette-yellow-1000: #f7f0cd;
   --seed-v3-color-palette-static-black: #000000;
   --seed-v3-color-palette-static-white: #ffffff;
   --seed-v3-color-palette-static-black-alpha-200: #00000033;
   --seed-v3-color-palette-static-black-alpha-500: #00000080;
   --seed-v3-color-palette-static-black-alpha-50: #0000000d;
-  --seed-v3-color-palette-purple-100: #322065;
+  --seed-v3-color-palette-purple-100: #28213b;
   --seed-v3-color-palette-purple-200: #3b2873;
   --seed-v3-color-palette-purple-300: #443081;
   --seed-v3-color-palette-purple-400: #5a3bb1;
@@ -316,28 +314,26 @@
   --seed-v3-color-palette-slate-900: #edf2f7;
   --seed-v3-color-palette-slate-800: #dde3ed;
   --seed-v3-color-palette-static-white-alpha-200: #ffffff33;
-  --seed-v3-color-fg-static-white: var(--seed-v3-color-palette-static-white);
   --seed-v3-color-fg-neutral: var(--seed-v3-color-palette-gray-900);
   --seed-v3-color-fg-neutral-muted: var(--seed-v3-color-palette-gray-800);
   --seed-v3-color-fg-neutral-subtle: var(--seed-v3-color-palette-gray-700);
   --seed-v3-color-fg-neutral-inverted: var(--seed-v3-color-palette-gray-100);
-  --seed-v3-color-fg-brand-contrast: var(--seed-v3-color-palette-carrot-1000);
-  --seed-v3-color-fg-danger: var(--seed-v3-color-palette-red-600);
+  --seed-v3-color-fg-brand-contrast: var(--seed-v3-color-palette-carrot-900);
+  --seed-v3-color-fg-danger: var(--seed-v3-color-palette-red-700);
   --seed-v3-color-fg-danger-contrast: var(--seed-v3-color-palette-red-900);
-  --seed-v3-color-fg-positive: var(--seed-v3-color-palette-green-600);
+  --seed-v3-color-fg-positive: var(--seed-v3-color-palette-green-700);
   --seed-v3-color-fg-positive-contrast: var(--seed-v3-color-palette-green-900);
   --seed-v3-color-fg-warning-contrast: var(--seed-v3-color-palette-yellow-900);
-  --seed-v3-color-fg-informative: var(--seed-v3-color-palette-blue-700);
+  --seed-v3-color-fg-informative: var(--seed-v3-color-palette-blue-800);
   --seed-v3-color-fg-informative-contrast: var(--seed-v3-color-palette-blue-900);
   --seed-v3-color-fg-placeholder: var(--seed-v3-color-palette-gray-600);
   --seed-v3-color-fg-disabled: var(--seed-v3-color-palette-gray-500);
-  --seed-v3-color-fg-static-black: var(--seed-v3-color-palette-static-black);
-  --seed-v3-color-fg-brand: var(--seed-v3-color-palette-carrot-600);
+  --seed-v3-color-fg-brand: var(--seed-v3-color-palette-carrot-700);
   --seed-v3-color-fg-magic: var(--seed-v3-color-palette-purple-700);
   --seed-v3-color-fg-magic-contrast: var(--seed-v3-color-palette-purple-900);
   --seed-v3-color-bg-positive-weak: var(--seed-v3-color-palette-green-100);
-  --seed-v3-color-bg-positive-solid: var(--seed-v3-color-palette-green-600);
-  --seed-v3-color-bg-warning-solid: var(--seed-v3-color-palette-yellow-700);
+  --seed-v3-color-bg-positive-solid: var(--seed-v3-color-palette-green-500);
+  --seed-v3-color-bg-warning-solid: var(--seed-v3-color-palette-yellow-600);
   --seed-v3-color-bg-warning-weak: var(--seed-v3-color-palette-yellow-100);
   --seed-v3-color-bg-danger-weak: var(--seed-v3-color-palette-red-100);
   --seed-v3-color-bg-danger-solid: var(--seed-v3-color-palette-red-600);
@@ -362,7 +358,6 @@
   --seed-v3-color-bg-disabled: var(--seed-v3-color-palette-gray-200);
   --seed-v3-color-bg-layer-floating-pressed: var(--seed-v3-color-palette-gray-300);
   --seed-v3-color-bg-informative-weak-pressed: var(--seed-v3-color-palette-blue-200);
-  --seed-v3-color-bg-static-white: var(--seed-v3-color-palette-static-white);
   --seed-v3-color-bg-warning-weak-pressed: var(--seed-v3-color-palette-yellow-200);
   --seed-v3-color-bg-danger-weak-pressed: var(--seed-v3-color-palette-red-200);
   --seed-v3-color-bg-informative-solid: var(--seed-v3-color-palette-blue-600);
@@ -377,12 +372,13 @@
   --seed-v3-color-bg-floating-solid: var(--seed-v3-color-palette-gray-300);
   --seed-v3-color-bg-neutral-solid-muted-pressed: var(--seed-v3-color-palette-gray-500);
   --seed-v3-color-stroke-neutral: var(--seed-v3-color-palette-gray-300);
-  --seed-v3-color-stroke-brand: var(--seed-v3-color-palette-carrot-600);
+  --seed-v3-color-stroke-brand: var(--seed-v3-color-palette-carrot-300);
   --seed-v3-color-stroke-field: var(--seed-v3-color-palette-gray-400);
   --seed-v3-color-stroke-field-focused: var(--seed-v3-color-palette-gray-800);
   --seed-v3-color-stroke-control: var(--seed-v3-color-palette-gray-400);
   --seed-v3-color-stroke-neutral-muted: var(--seed-v3-color-palette-gray-200);
-  --seed-v3-color-stroke-danger: var(--seed-v3-color-palette-red-600);
-  --seed-v3-color-stroke-positive: var(--seed-v3-color-palette-green-600);
+  --seed-v3-color-stroke-danger: var(--seed-v3-color-palette-red-300);
+  --seed-v3-color-stroke-positive: var(--seed-v3-color-palette-green-300);
+  --seed-v3-color-stroke-informative: var(--seed-v3-color-palette-blue-300);
   --seed-v3-gradient-shimmer: #ffffff00 0%, #ffffff1a 46%, #ffffff1a 54%, #ffffff00 100%;
 }
\ No newline at end of file
diff --git a/packages/stylesheet/topNavigation.css b/packages/stylesheet/topNavigation.css
index f08f27e7f..1eebd1821 100644
--- a/packages/stylesheet/topNavigation.css
+++ b/packages/stylesheet/topNavigation.css
@@ -162,10 +162,10 @@
     background-color: #00000000;
 }
 .topNavigation__icon--tone_transparent {
-    color: var(--seed-v3-color-fg-static-white);
+    color: var(--seed-v3-color-palette-static-white);
 }
 .topNavigation__titleMain--tone_transparent {
-    color: var(--seed-v3-color-fg-static-white);
+    color: var(--seed-v3-color-palette-static-white);
 }
 .topNavigation__root--border_true {
     box-shadow: inset 0px calc(-1 * 1px) 0 var(--seed-v3-color-stroke-neutral-muted);
diff --git a/packages/vars/lib/color/bg.d.ts b/packages/vars/lib/color/bg.d.ts
index e0df03891..d968cdd69 100644
--- a/packages/vars/lib/color/bg.d.ts
+++ b/packages/vars/lib/color/bg.d.ts
@@ -25,7 +25,6 @@ export declare const neutralSolidPressed = "var(--seed-v3-color-bg-neutral-solid
 export declare const disabled = "var(--seed-v3-color-bg-disabled)";
 export declare const layerFloatingPressed = "var(--seed-v3-color-bg-layer-floating-pressed)";
 export declare const informativeWeakPressed = "var(--seed-v3-color-bg-informative-weak-pressed)";
-export declare const staticWhite = "var(--seed-v3-color-bg-static-white)";
 export declare const warningWeakPressed = "var(--seed-v3-color-bg-warning-weak-pressed)";
 export declare const dangerWeakPressed = "var(--seed-v3-color-bg-danger-weak-pressed)";
 export declare const informativeSolid = "var(--seed-v3-color-bg-informative-solid)";
diff --git a/packages/vars/lib/color/bg.mjs b/packages/vars/lib/color/bg.mjs
index 2b11645c8..50c851e3a 100644
--- a/packages/vars/lib/color/bg.mjs
+++ b/packages/vars/lib/color/bg.mjs
@@ -25,7 +25,6 @@ export const neutralSolidPressed = "var(--seed-v3-color-bg-neutral-solid-pressed
 export const disabled = "var(--seed-v3-color-bg-disabled)";
 export const layerFloatingPressed = "var(--seed-v3-color-bg-layer-floating-pressed)";
 export const informativeWeakPressed = "var(--seed-v3-color-bg-informative-weak-pressed)";
-export const staticWhite = "var(--seed-v3-color-bg-static-white)";
 export const warningWeakPressed = "var(--seed-v3-color-bg-warning-weak-pressed)";
 export const dangerWeakPressed = "var(--seed-v3-color-bg-danger-weak-pressed)";
 export const informativeSolid = "var(--seed-v3-color-bg-informative-solid)";
diff --git a/packages/vars/lib/color/fg.d.ts b/packages/vars/lib/color/fg.d.ts
index 34a43ad70..fc911ee5a 100644
--- a/packages/vars/lib/color/fg.d.ts
+++ b/packages/vars/lib/color/fg.d.ts
@@ -1,4 +1,3 @@
-export declare const staticWhite = "var(--seed-v3-color-fg-static-white)";
 export declare const neutral = "var(--seed-v3-color-fg-neutral)";
 export declare const neutralMuted = "var(--seed-v3-color-fg-neutral-muted)";
 export declare const neutralSubtle = "var(--seed-v3-color-fg-neutral-subtle)";
@@ -13,7 +12,6 @@ export declare const informative = "var(--seed-v3-color-fg-informative)";
 export declare const informativeContrast = "var(--seed-v3-color-fg-informative-contrast)";
 export declare const placeholder = "var(--seed-v3-color-fg-placeholder)";
 export declare const disabled = "var(--seed-v3-color-fg-disabled)";
-export declare const staticBlack = "var(--seed-v3-color-fg-static-black)";
 export declare const brand = "var(--seed-v3-color-fg-brand)";
 export declare const magic = "var(--seed-v3-color-fg-magic)";
 export declare const magicContrast = "var(--seed-v3-color-fg-magic-contrast)";
\ No newline at end of file
diff --git a/packages/vars/lib/color/fg.mjs b/packages/vars/lib/color/fg.mjs
index 044e82c40..2d29e0e42 100644
--- a/packages/vars/lib/color/fg.mjs
+++ b/packages/vars/lib/color/fg.mjs
@@ -1,4 +1,3 @@
-export const staticWhite = "var(--seed-v3-color-fg-static-white)";
 export const neutral = "var(--seed-v3-color-fg-neutral)";
 export const neutralMuted = "var(--seed-v3-color-fg-neutral-muted)";
 export const neutralSubtle = "var(--seed-v3-color-fg-neutral-subtle)";
@@ -13,7 +12,6 @@ export const informative = "var(--seed-v3-color-fg-informative)";
 export const informativeContrast = "var(--seed-v3-color-fg-informative-contrast)";
 export const placeholder = "var(--seed-v3-color-fg-placeholder)";
 export const disabled = "var(--seed-v3-color-fg-disabled)";
-export const staticBlack = "var(--seed-v3-color-fg-static-black)";
 export const brand = "var(--seed-v3-color-fg-brand)";
 export const magic = "var(--seed-v3-color-fg-magic)";
 export const magicContrast = "var(--seed-v3-color-fg-magic-contrast)";
\ No newline at end of file
diff --git a/packages/vars/lib/color/stroke.d.ts b/packages/vars/lib/color/stroke.d.ts
index feb176c37..fc9971c71 100644
--- a/packages/vars/lib/color/stroke.d.ts
+++ b/packages/vars/lib/color/stroke.d.ts
@@ -5,4 +5,5 @@ export declare const fieldFocused = "var(--seed-v3-color-stroke-field-focused)";
 export declare const control = "var(--seed-v3-color-stroke-control)";
 export declare const neutralMuted = "var(--seed-v3-color-stroke-neutral-muted)";
 export declare const danger = "var(--seed-v3-color-stroke-danger)";
-export declare const positive = "var(--seed-v3-color-stroke-positive)";
\ No newline at end of file
+export declare const positive = "var(--seed-v3-color-stroke-positive)";
+export declare const informative = "var(--seed-v3-color-stroke-informative)";
\ No newline at end of file
diff --git a/packages/vars/lib/color/stroke.mjs b/packages/vars/lib/color/stroke.mjs
index e6759d027..724980692 100644
--- a/packages/vars/lib/color/stroke.mjs
+++ b/packages/vars/lib/color/stroke.mjs
@@ -5,4 +5,5 @@ export const fieldFocused = "var(--seed-v3-color-stroke-field-focused)";
 export const control = "var(--seed-v3-color-stroke-control)";
 export const neutralMuted = "var(--seed-v3-color-stroke-neutral-muted)";
 export const danger = "var(--seed-v3-color-stroke-danger)";
-export const positive = "var(--seed-v3-color-stroke-positive)";
\ No newline at end of file
+export const positive = "var(--seed-v3-color-stroke-positive)";
+export const informative = "var(--seed-v3-color-stroke-informative)";
\ No newline at end of file
diff --git a/packages/vars/lib/component/action-button.d.ts b/packages/vars/lib/component/action-button.d.ts
index 3509370e1..df59d4951 100644
--- a/packages/vars/lib/component/action-button.d.ts
+++ b/packages/vars/lib/component/action-button.d.ts
@@ -16,16 +16,16 @@ export declare const vars: {
         "color": "var(--seed-v3-color-bg-brand-solid)"
       },
       "label": {
-        "color": "var(--seed-v3-color-fg-static-white)"
+        "color": "var(--seed-v3-color-palette-static-white)"
       },
       "icon": {
-        "color": "var(--seed-v3-color-fg-static-white)"
+        "color": "var(--seed-v3-color-palette-static-white)"
       },
       "prefixIcon": {
-        "color": "var(--seed-v3-color-fg-static-white)"
+        "color": "var(--seed-v3-color-palette-static-white)"
       },
       "suffixIcon": {
-        "color": "var(--seed-v3-color-fg-static-white)"
+        "color": "var(--seed-v3-color-palette-static-white)"
       },
       "progressCircle": {
         "trackColor": "var(--seed-v3-color-palette-static-white-alpha-200)",
@@ -166,16 +166,16 @@ export declare const vars: {
         "color": "var(--seed-v3-color-bg-danger-solid)"
       },
       "label": {
-        "color": "var(--seed-v3-color-fg-static-white)"
+        "color": "var(--seed-v3-color-palette-static-white)"
       },
       "icon": {
-        "color": "var(--seed-v3-color-fg-static-white)"
+        "color": "var(--seed-v3-color-palette-static-white)"
       },
       "prefixIcon": {
-        "color": "var(--seed-v3-color-fg-static-white)"
+        "color": "var(--seed-v3-color-palette-static-white)"
       },
       "suffixIcon": {
-        "color": "var(--seed-v3-color-fg-static-white)"
+        "color": "var(--seed-v3-color-palette-static-white)"
       },
       "progressCircle": {
         "trackColor": "var(--seed-v3-color-palette-static-white-alpha-200)",
diff --git a/packages/vars/lib/component/action-button.mjs b/packages/vars/lib/component/action-button.mjs
index 2bacc3ceb..81a85d7b8 100644
--- a/packages/vars/lib/component/action-button.mjs
+++ b/packages/vars/lib/component/action-button.mjs
@@ -16,16 +16,16 @@ export const vars = {
         "color": "var(--seed-v3-color-bg-brand-solid)"
       },
       "label": {
-        "color": "var(--seed-v3-color-fg-static-white)"
+        "color": "var(--seed-v3-color-palette-static-white)"
       },
       "icon": {
-        "color": "var(--seed-v3-color-fg-static-white)"
+        "color": "var(--seed-v3-color-palette-static-white)"
       },
       "prefixIcon": {
-        "color": "var(--seed-v3-color-fg-static-white)"
+        "color": "var(--seed-v3-color-palette-static-white)"
       },
       "suffixIcon": {
-        "color": "var(--seed-v3-color-fg-static-white)"
+        "color": "var(--seed-v3-color-palette-static-white)"
       },
       "progressCircle": {
         "trackColor": "var(--seed-v3-color-palette-static-white-alpha-200)",
@@ -166,16 +166,16 @@ export const vars = {
         "color": "var(--seed-v3-color-bg-danger-solid)"
       },
       "label": {
-        "color": "var(--seed-v3-color-fg-static-white)"
+        "color": "var(--seed-v3-color-palette-static-white)"
       },
       "icon": {
-        "color": "var(--seed-v3-color-fg-static-white)"
+        "color": "var(--seed-v3-color-palette-static-white)"
       },
       "prefixIcon": {
-        "color": "var(--seed-v3-color-fg-static-white)"
+        "color": "var(--seed-v3-color-palette-static-white)"
       },
       "suffixIcon": {
-        "color": "var(--seed-v3-color-fg-static-white)"
+        "color": "var(--seed-v3-color-palette-static-white)"
       },
       "progressCircle": {
         "trackColor": "var(--seed-v3-color-palette-static-white-alpha-200)",
diff --git a/packages/vars/lib/component/badge.d.ts b/packages/vars/lib/component/badge.d.ts
index ddef127f3..346f636b2 100644
--- a/packages/vars/lib/component/badge.d.ts
+++ b/packages/vars/lib/component/badge.d.ts
@@ -86,7 +86,7 @@ export declare const vars: {
         "color": "var(--seed-v3-color-bg-neutral-solid)"
       },
       "label": {
-        "color": "var(--seed-v3-color-fg-static-white)"
+        "color": "var(--seed-v3-color-palette-static-white)"
       }
     }
   },
@@ -116,7 +116,7 @@ export declare const vars: {
         "color": "var(--seed-v3-color-bg-brand-solid)"
       },
       "label": {
-        "color": "var(--seed-v3-color-fg-static-white)"
+        "color": "var(--seed-v3-color-palette-static-white)"
       }
     }
   },
@@ -146,7 +146,7 @@ export declare const vars: {
         "color": "var(--seed-v3-color-bg-informative-solid)"
       },
       "label": {
-        "color": "var(--seed-v3-color-fg-static-white)"
+        "color": "var(--seed-v3-color-palette-static-white)"
       }
     }
   },
@@ -176,7 +176,7 @@ export declare const vars: {
         "color": "var(--seed-v3-color-bg-positive-solid)"
       },
       "label": {
-        "color": "var(--seed-v3-color-fg-static-white)"
+        "color": "var(--seed-v3-color-palette-static-white)"
       }
     }
   },
@@ -206,7 +206,7 @@ export declare const vars: {
         "color": "var(--seed-v3-color-bg-danger-solid)"
       },
       "label": {
-        "color": "var(--seed-v3-color-fg-static-white)"
+        "color": "var(--seed-v3-color-palette-static-white)"
       }
     }
   },
diff --git a/packages/vars/lib/component/badge.mjs b/packages/vars/lib/component/badge.mjs
index 55101682c..379e105c9 100644
--- a/packages/vars/lib/component/badge.mjs
+++ b/packages/vars/lib/component/badge.mjs
@@ -86,7 +86,7 @@ export const vars = {
         "color": "var(--seed-v3-color-bg-neutral-solid)"
       },
       "label": {
-        "color": "var(--seed-v3-color-fg-static-white)"
+        "color": "var(--seed-v3-color-palette-static-white)"
       }
     }
   },
@@ -116,7 +116,7 @@ export const vars = {
         "color": "var(--seed-v3-color-bg-brand-solid)"
       },
       "label": {
-        "color": "var(--seed-v3-color-fg-static-white)"
+        "color": "var(--seed-v3-color-palette-static-white)"
       }
     }
   },
@@ -146,7 +146,7 @@ export const vars = {
         "color": "var(--seed-v3-color-bg-informative-solid)"
       },
       "label": {
-        "color": "var(--seed-v3-color-fg-static-white)"
+        "color": "var(--seed-v3-color-palette-static-white)"
       }
     }
   },
@@ -176,7 +176,7 @@ export const vars = {
         "color": "var(--seed-v3-color-bg-positive-solid)"
       },
       "label": {
-        "color": "var(--seed-v3-color-fg-static-white)"
+        "color": "var(--seed-v3-color-palette-static-white)"
       }
     }
   },
@@ -206,7 +206,7 @@ export const vars = {
         "color": "var(--seed-v3-color-bg-danger-solid)"
       },
       "label": {
-        "color": "var(--seed-v3-color-fg-static-white)"
+        "color": "var(--seed-v3-color-palette-static-white)"
       }
     }
   },
diff --git a/packages/vars/lib/component/checkbox.d.ts b/packages/vars/lib/component/checkbox.d.ts
index d5df82153..42e016eba 100644
--- a/packages/vars/lib/component/checkbox.d.ts
+++ b/packages/vars/lib/component/checkbox.d.ts
@@ -35,7 +35,7 @@ export declare const vars: {
         "color": "var(--seed-v3-color-bg-brand-solid)"
       },
       "icon": {
-        "color": "var(--seed-v3-color-fg-static-white)"
+        "color": "var(--seed-v3-color-palette-static-white)"
       }
     },
     "pressed": {
@@ -48,7 +48,7 @@ export declare const vars: {
         "color": "var(--seed-v3-color-bg-brand-solid-pressed)"
       },
       "icon": {
-        "color": "var(--seed-v3-color-fg-static-white)"
+        "color": "var(--seed-v3-color-palette-static-white)"
       }
     },
     "disabled": {
diff --git a/packages/vars/lib/component/checkbox.mjs b/packages/vars/lib/component/checkbox.mjs
index 25de63156..b41f02e82 100644
--- a/packages/vars/lib/component/checkbox.mjs
+++ b/packages/vars/lib/component/checkbox.mjs
@@ -35,7 +35,7 @@ export const vars = {
         "color": "var(--seed-v3-color-bg-brand-solid)"
       },
       "icon": {
-        "color": "var(--seed-v3-color-fg-static-white)"
+        "color": "var(--seed-v3-color-palette-static-white)"
       }
     },
     "pressed": {
@@ -48,7 +48,7 @@ export const vars = {
         "color": "var(--seed-v3-color-bg-brand-solid-pressed)"
       },
       "icon": {
-        "color": "var(--seed-v3-color-fg-static-white)"
+        "color": "var(--seed-v3-color-palette-static-white)"
       }
     },
     "disabled": {
diff --git a/packages/vars/lib/component/chip-tab.d.ts b/packages/vars/lib/component/chip-tab.d.ts
index 5f094b127..ebf05e84d 100644
--- a/packages/vars/lib/component/chip-tab.d.ts
+++ b/packages/vars/lib/component/chip-tab.d.ts
@@ -72,7 +72,7 @@ export declare const vars: {
         "color": "var(--seed-v3-color-bg-brand-solid)"
       },
       "label": {
-        "color": "var(--seed-v3-color-fg-static-white)",
+        "color": "var(--seed-v3-color-palette-static-white)",
         "fontWeight": "var(--seed-v3-font-weight-bold)"
       }
     },
diff --git a/packages/vars/lib/component/chip-tab.mjs b/packages/vars/lib/component/chip-tab.mjs
index 5047bfd56..e6b43fdcf 100644
--- a/packages/vars/lib/component/chip-tab.mjs
+++ b/packages/vars/lib/component/chip-tab.mjs
@@ -72,7 +72,7 @@ export const vars = {
         "color": "var(--seed-v3-color-bg-brand-solid)"
       },
       "label": {
-        "color": "var(--seed-v3-color-fg-static-white)",
+        "color": "var(--seed-v3-color-palette-static-white)",
         "fontWeight": "var(--seed-v3-font-weight-bold)"
       }
     },
diff --git a/packages/vars/lib/component/control-chip.d.ts b/packages/vars/lib/component/control-chip.d.ts
index 541f25d54..1e49e8b05 100644
--- a/packages/vars/lib/component/control-chip.d.ts
+++ b/packages/vars/lib/component/control-chip.d.ts
@@ -35,17 +35,17 @@ export declare const vars: {
         "color": "var(--seed-v3-color-bg-neutral-solid-muted)"
       },
       "label": {
-        "color": "var(--seed-v3-color-fg-static-white)",
+        "color": "var(--seed-v3-color-palette-static-white)",
         "fontWeight": "var(--seed-v3-font-weight-bold)"
       },
       "prefixIcon": {
-        "color": "var(--seed-v3-color-fg-static-white)"
+        "color": "var(--seed-v3-color-palette-static-white)"
       },
       "suffixIcon": {
-        "color": "var(--seed-v3-color-fg-static-white)"
+        "color": "var(--seed-v3-color-palette-static-white)"
       },
       "icon": {
-        "color": "var(--seed-v3-color-fg-static-white)"
+        "color": "var(--seed-v3-color-palette-static-white)"
       },
       "count": {
         "color": "var(--seed-v3-color-palette-static-white-alpha-800)"
diff --git a/packages/vars/lib/component/control-chip.mjs b/packages/vars/lib/component/control-chip.mjs
index 8b7d226c6..16e3d554b 100644
--- a/packages/vars/lib/component/control-chip.mjs
+++ b/packages/vars/lib/component/control-chip.mjs
@@ -35,17 +35,17 @@ export const vars = {
         "color": "var(--seed-v3-color-bg-neutral-solid-muted)"
       },
       "label": {
-        "color": "var(--seed-v3-color-fg-static-white)",
+        "color": "var(--seed-v3-color-palette-static-white)",
         "fontWeight": "var(--seed-v3-font-weight-bold)"
       },
       "prefixIcon": {
-        "color": "var(--seed-v3-color-fg-static-white)"
+        "color": "var(--seed-v3-color-palette-static-white)"
       },
       "suffixIcon": {
-        "color": "var(--seed-v3-color-fg-static-white)"
+        "color": "var(--seed-v3-color-palette-static-white)"
       },
       "icon": {
-        "color": "var(--seed-v3-color-fg-static-white)"
+        "color": "var(--seed-v3-color-palette-static-white)"
       },
       "count": {
         "color": "var(--seed-v3-color-palette-static-white-alpha-800)"
diff --git a/packages/vars/lib/component/inline-banner.d.ts b/packages/vars/lib/component/inline-banner.d.ts
index 366c1670a..0b523770e 100644
--- a/packages/vars/lib/component/inline-banner.d.ts
+++ b/packages/vars/lib/component/inline-banner.d.ts
@@ -192,19 +192,19 @@ export declare const vars: {
         "color": "var(--seed-v3-color-bg-danger-solid)"
       },
       "icon": {
-        "color": "var(--seed-v3-color-fg-static-white)"
+        "color": "var(--seed-v3-color-palette-static-white)"
       },
       "title": {
-        "color": "var(--seed-v3-color-fg-static-white)"
+        "color": "var(--seed-v3-color-palette-static-white)"
       },
       "description": {
-        "color": "var(--seed-v3-color-fg-static-white)"
+        "color": "var(--seed-v3-color-palette-static-white)"
       },
       "linkLabel": {
-        "color": "var(--seed-v3-color-fg-static-white)"
+        "color": "var(--seed-v3-color-palette-static-white)"
       },
       "actionableIcon": {
-        "color": "var(--seed-v3-color-fg-static-white)"
+        "color": "var(--seed-v3-color-palette-static-white)"
       }
     }
   }
diff --git a/packages/vars/lib/component/inline-banner.mjs b/packages/vars/lib/component/inline-banner.mjs
index fa5de0a4a..f024b8ee2 100644
--- a/packages/vars/lib/component/inline-banner.mjs
+++ b/packages/vars/lib/component/inline-banner.mjs
@@ -192,19 +192,19 @@ export const vars = {
         "color": "var(--seed-v3-color-bg-danger-solid)"
       },
       "icon": {
-        "color": "var(--seed-v3-color-fg-static-white)"
+        "color": "var(--seed-v3-color-palette-static-white)"
       },
       "title": {
-        "color": "var(--seed-v3-color-fg-static-white)"
+        "color": "var(--seed-v3-color-palette-static-white)"
       },
       "description": {
-        "color": "var(--seed-v3-color-fg-static-white)"
+        "color": "var(--seed-v3-color-palette-static-white)"
       },
       "linkLabel": {
-        "color": "var(--seed-v3-color-fg-static-white)"
+        "color": "var(--seed-v3-color-palette-static-white)"
       },
       "actionableIcon": {
-        "color": "var(--seed-v3-color-fg-static-white)"
+        "color": "var(--seed-v3-color-palette-static-white)"
       }
     }
   }
diff --git a/packages/vars/lib/component/progress-circle.d.ts b/packages/vars/lib/component/progress-circle.d.ts
index ce26a262b..263b99700 100644
--- a/packages/vars/lib/component/progress-circle.d.ts
+++ b/packages/vars/lib/component/progress-circle.d.ts
@@ -60,7 +60,7 @@ export declare const vars: {
         "color": "var(--seed-v3-color-palette-static-white-alpha-200)"
       },
       "range": {
-        "color": "var(--seed-v3-color-bg-static-white)"
+        "color": "var(--seed-v3-color-palette-static-white)"
       }
     }
   }
diff --git a/packages/vars/lib/component/progress-circle.mjs b/packages/vars/lib/component/progress-circle.mjs
index 19c06a38c..0902dba33 100644
--- a/packages/vars/lib/component/progress-circle.mjs
+++ b/packages/vars/lib/component/progress-circle.mjs
@@ -60,7 +60,7 @@ export const vars = {
         "color": "var(--seed-v3-color-palette-static-white-alpha-200)"
       },
       "range": {
-        "color": "var(--seed-v3-color-bg-static-white)"
+        "color": "var(--seed-v3-color-palette-static-white)"
       }
     }
   }
diff --git a/packages/vars/lib/component/radio.d.ts b/packages/vars/lib/component/radio.d.ts
index e53d9fbc5..faf57e62e 100644
--- a/packages/vars/lib/component/radio.d.ts
+++ b/packages/vars/lib/component/radio.d.ts
@@ -22,7 +22,7 @@ export declare const vars: {
         "strokeWidth": "0px"
       },
       "icon": {
-        "color": "var(--seed-v3-color-fg-static-white)"
+        "color": "var(--seed-v3-color-palette-static-white)"
       }
     },
     "enabledSelectedPressed": {
diff --git a/packages/vars/lib/component/radio.mjs b/packages/vars/lib/component/radio.mjs
index 5f0f507a3..00c896b35 100644
--- a/packages/vars/lib/component/radio.mjs
+++ b/packages/vars/lib/component/radio.mjs
@@ -22,7 +22,7 @@ export const vars = {
         "strokeWidth": "0px"
       },
       "icon": {
-        "color": "var(--seed-v3-color-fg-static-white)"
+        "color": "var(--seed-v3-color-palette-static-white)"
       }
     },
     "enabledSelectedPressed": {
diff --git a/packages/vars/lib/component/select-box.d.ts b/packages/vars/lib/component/select-box.d.ts
index 068fb30c4..44e7823b4 100644
--- a/packages/vars/lib/component/select-box.d.ts
+++ b/packages/vars/lib/component/select-box.d.ts
@@ -67,14 +67,14 @@ export declare const vars: {
         "strokeWidth": "0"
       },
       "checkboxIcon": {
-        "color": "var(--seed-v3-color-fg-static-white)"
+        "color": "var(--seed-v3-color-palette-static-white)"
       },
       "radioControl": {
         "color": "var(--seed-v3-color-bg-brand-solid)",
         "strokeWidth": "0"
       },
       "radioIcon": {
-        "color": "var(--seed-v3-color-fg-static-white)"
+        "color": "var(--seed-v3-color-palette-static-white)"
       }
     },
     "enabledSelectedPressed": {
diff --git a/packages/vars/lib/component/select-box.mjs b/packages/vars/lib/component/select-box.mjs
index 45178cb09..b4a69b703 100644
--- a/packages/vars/lib/component/select-box.mjs
+++ b/packages/vars/lib/component/select-box.mjs
@@ -67,14 +67,14 @@ export const vars = {
         "strokeWidth": "0"
       },
       "checkboxIcon": {
-        "color": "var(--seed-v3-color-fg-static-white)"
+        "color": "var(--seed-v3-color-palette-static-white)"
       },
       "radioControl": {
         "color": "var(--seed-v3-color-bg-brand-solid)",
         "strokeWidth": "0"
       },
       "radioIcon": {
-        "color": "var(--seed-v3-color-fg-static-white)"
+        "color": "var(--seed-v3-color-palette-static-white)"
       }
     },
     "enabledSelectedPressed": {
diff --git a/packages/vars/lib/component/switch.d.ts b/packages/vars/lib/component/switch.d.ts
index d21979cfe..4f0891a4c 100644
--- a/packages/vars/lib/component/switch.d.ts
+++ b/packages/vars/lib/component/switch.d.ts
@@ -6,7 +6,7 @@ export declare const vars: {
         "cornerRadius": "var(--seed-v3-radius-full)"
       },
       "thumb": {
-        "color": "var(--seed-v3-color-fg-static-white)",
+        "color": "var(--seed-v3-color-palette-static-white)",
         "cornerRadius": "var(--seed-v3-radius-full)"
       }
     },
diff --git a/packages/vars/lib/component/switch.mjs b/packages/vars/lib/component/switch.mjs
index e3c5737e3..704dacd51 100644
--- a/packages/vars/lib/component/switch.mjs
+++ b/packages/vars/lib/component/switch.mjs
@@ -6,7 +6,7 @@ export const vars = {
         "cornerRadius": "var(--seed-v3-radius-full)"
       },
       "thumb": {
-        "color": "var(--seed-v3-color-fg-static-white)",
+        "color": "var(--seed-v3-color-palette-static-white)",
         "cornerRadius": "var(--seed-v3-radius-full)"
       }
     },
diff --git a/packages/vars/lib/component/toggle-button.d.ts b/packages/vars/lib/component/toggle-button.d.ts
index e41af7254..b5cd67229 100644
--- a/packages/vars/lib/component/toggle-button.d.ts
+++ b/packages/vars/lib/component/toggle-button.d.ts
@@ -16,13 +16,13 @@ export declare const vars: {
         "color": "var(--seed-v3-color-bg-brand-solid)"
       },
       "label": {
-        "color": "var(--seed-v3-color-fg-static-white)"
+        "color": "var(--seed-v3-color-palette-static-white)"
       },
       "prefixIcon": {
-        "color": "var(--seed-v3-color-fg-static-white)"
+        "color": "var(--seed-v3-color-palette-static-white)"
       },
       "suffixIcon": {
-        "color": "var(--seed-v3-color-fg-static-white)"
+        "color": "var(--seed-v3-color-palette-static-white)"
       },
       "progressCircle": {
         "trackColor": "var(--seed-v3-color-palette-static-white-alpha-200)",
diff --git a/packages/vars/lib/component/toggle-button.mjs b/packages/vars/lib/component/toggle-button.mjs
index ba7565928..e3d9727fb 100644
--- a/packages/vars/lib/component/toggle-button.mjs
+++ b/packages/vars/lib/component/toggle-button.mjs
@@ -16,13 +16,13 @@ export const vars = {
         "color": "var(--seed-v3-color-bg-brand-solid)"
       },
       "label": {
-        "color": "var(--seed-v3-color-fg-static-white)"
+        "color": "var(--seed-v3-color-palette-static-white)"
       },
       "prefixIcon": {
-        "color": "var(--seed-v3-color-fg-static-white)"
+        "color": "var(--seed-v3-color-palette-static-white)"
       },
       "suffixIcon": {
-        "color": "var(--seed-v3-color-fg-static-white)"
+        "color": "var(--seed-v3-color-palette-static-white)"
       },
       "progressCircle": {
         "trackColor": "var(--seed-v3-color-palette-static-white-alpha-200)",
diff --git a/packages/vars/lib/component/top-navigation.d.ts b/packages/vars/lib/component/top-navigation.d.ts
index e885513ea..c4d679ad0 100644
--- a/packages/vars/lib/component/top-navigation.d.ts
+++ b/packages/vars/lib/component/top-navigation.d.ts
@@ -50,10 +50,10 @@ export declare const vars: {
         "color": "#00000000"
       },
       "title": {
-        "color": "var(--seed-v3-color-fg-static-white)"
+        "color": "var(--seed-v3-color-palette-static-white)"
       },
       "icon": {
-        "color": "var(--seed-v3-color-fg-static-white)"
+        "color": "var(--seed-v3-color-palette-static-white)"
       }
     }
   },
diff --git a/packages/vars/lib/component/top-navigation.mjs b/packages/vars/lib/component/top-navigation.mjs
index 9ffaddbfe..ef1c1a8fd 100644
--- a/packages/vars/lib/component/top-navigation.mjs
+++ b/packages/vars/lib/component/top-navigation.mjs
@@ -50,10 +50,10 @@ export const vars = {
         "color": "#00000000"
       },
       "title": {
-        "color": "var(--seed-v3-color-fg-static-white)"
+        "color": "var(--seed-v3-color-palette-static-white)"
       },
       "icon": {
-        "color": "var(--seed-v3-color-fg-static-white)"
+        "color": "var(--seed-v3-color-palette-static-white)"
       }
     }
   },