diff --git a/packages/tokens/__tests__/__snapshots__/tokens.spec.ts.snap b/packages/tokens/__tests__/__snapshots__/tokens.spec.ts.snap
index 475a1ff99..11d930f0c 100644
--- a/packages/tokens/__tests__/__snapshots__/tokens.spec.ts.snap
+++ b/packages/tokens/__tests__/__snapshots__/tokens.spec.ts.snap
@@ -6,159 +6,72 @@ exports[`Tokens > builds dark tokens 1`] = `
  */
 
 [data-theme='dark'] {
-  --lp-color-bg-interactive-link: rgba(71, 97, 255, 0.2);
-  --lp-color-data-info: rgb(153, 109, 216);
-  --lp-color-data-comparison: rgb(96, 101, 106);
-  --lp-color-data-neutral: rgb(168, 173, 179);
-  --lp-color-data-positive: rgb(43, 149, 86);
-  --lp-color-data-negative: rgb(232, 72, 102);
-  --lp-color-data-series-1: rgb(35, 171, 197);
-  --lp-color-data-series-2: rgb(246, 182, 104);
-  --lp-color-data-series-3: rgb(153, 109, 216);
-  --lp-color-data-series-4: rgb(43, 149, 86);
-  --lp-color-bg-feedback-error: var(--lp-color-red-900);
-  --lp-color-bg-feedback-info: var(--lp-color-blue-900);
-  --lp-color-bg-feedback-success: var(--lp-color-green-900);
-  --lp-color-bg-feedback-warning: var(--lp-color-brand-orange-dark);
-  --lp-color-bg-interactive-primary-base: var(--lp-color-blue-600);
-  --lp-color-bg-interactive-primary-active: var(--lp-color-blue-600);
-  --lp-color-bg-interactive-primary-focus: var(--lp-color-blue-500);
-  --lp-color-bg-interactive-primary-hover: var(--lp-color-blue-500);
-  --lp-color-bg-interactive-secondary-focus: var(--lp-color-gray-800);
-  --lp-color-bg-interactive-secondary-hover: var(--lp-color-gray-800);
-  --lp-color-bg-interactive-tertiary-focus: var(--lp-color-gray-800);
-  --lp-color-bg-interactive-tertiary-hover: var(--lp-color-gray-800);
-  --lp-color-bg-interactive-destructive-base: var(--lp-color-red-600);
-  --lp-color-bg-interactive-destructive-active: var(--lp-color-red-600);
-  --lp-color-bg-interactive-destructive-focus: var(--lp-color-red-500);
-  --lp-color-bg-interactive-destructive-hover: var(--lp-color-red-500);
-  --lp-color-bg-interactive-disabled: var(--lp-color-gray-800);
-  --lp-color-bg-interactive-selected: var(--lp-color-blue-950);
-  --lp-color-bg-ui-primary: var(--lp-color-gray-950);
-  --lp-color-bg-ui-secondary: var(--lp-color-gray-900);
-  --lp-color-bg-ui-tertiary: var(--lp-color-gray-800);
-  --lp-color-bg-product-beta: var(--lp-color-purple-900);
-  --lp-color-bg-product-federal: var(--lp-color-brand-yellow-dark);
-  --lp-color-border-feedback-error: var(--lp-color-red-400);
-  --lp-color-border-feedback-info: var(--lp-color-blue-400);
-  --lp-color-border-feedback-success: var(--lp-color-green-400);
-  --lp-color-border-field-active: var(--lp-color-blue-400);
-  --lp-color-border-field-focus: var(--lp-color-blue-400);
-  --lp-color-border-interactive-focus: var(--lp-color-blue-400);
-  --lp-color-border-interactive-selected: var(--lp-color-blue-400);
-  --lp-color-border-ui-primary: var(--lp-color-gray-700);
-  --lp-color-border-ui-secondary: var(--lp-color-gray-800);
-  --lp-color-fill-ui-primary: var(--lp-color-gray-200);
-  --lp-color-fill-field-base: var(--lp-color-gray-400);
-  --lp-color-shadow-interactive-focus: var(--lp-color-blue-400);
-  --lp-color-shadow-interactive-primary: var(--lp-color-gray-950);
-  --lp-color-shadow-ui-primary: var(--lp-color-black-200);
-  --lp-color-shadow-ui-secondary: var(--lp-color-black-100);
-  --lp-color-text-feedback-error: var(--lp-color-red-400);
-  --lp-color-text-feedback-success: var(--lp-color-green-400);
-  --lp-color-text-feedback-info: var(--lp-color-blue-400);
-  --lp-color-text-feedback-warning: var(--lp-color-brand-orange-light);
-  --lp-color-text-interactive-base: var(--lp-color-blue-400);
-  --lp-color-text-interactive-active: var(--lp-color-purple-400);
-  --lp-color-text-interactive-secondary: var(--lp-color-gray-400);
-  --lp-color-text-interactive-disabled: var(--lp-color-gray-600);
-  --lp-color-text-interactive-selected: var(--lp-color-blue-100);
-  --lp-color-text-ui-primary-base: var(--lp-color-gray-0);
-  --lp-color-text-ui-primary-inverted: var(--lp-color-gray-950);
-  --lp-color-text-ui-secondary: var(--lp-color-gray-400);
-  --lp-color-text-field-placeholder: var(--lp-color-gray-400);
-  --lp-color-text-product-beta: var(--lp-color-purple-400);
-  --lp-color-text-code-function: var(--lp-color-brand-purple-base);
-  --lp-color-text-code-tag: var(--lp-color-brand-orange-base);
-  --lp-color-text-code-string: var(--lp-color-brand-cyan-light);
-  --lp-color-text-code-base: var(--lp-color-gray-200);
-  --lp-color-text-code-keyword: var(--lp-color-brand-pink-light);
-  --lp-color-text-code-title: var(--lp-color-brand-orange-light);
-  --lp-color-text-code-number: var(--lp-color-brand-blue-light);
-  --lp-color-bg-overlay-secondary: var(--lp-color-bg-ui-secondary);
-  --lp-color-bg-field-base: var(--lp-color-bg-ui-secondary);
-}
-"
-`;
-
-exports[`Tokens > builds default tokens 1`] = `
-"/**
- * Do not edit directly, this file was auto-generated.
- */
-
-:root, [data-theme] {
-  --lp-color-gray-0: rgb(247, 249, 251);
-  --lp-color-gray-50: rgb(236, 239, 242);
-  --lp-color-gray-100: rgb(216, 221, 227);
-  --lp-color-gray-200: rgb(198, 203, 209);
-  --lp-color-gray-300: rgb(169, 175, 180);
-  --lp-color-gray-400: rgb(137, 142, 148);
-  --lp-color-gray-500: rgb(108, 114, 122);
-  --lp-color-gray-600: rgb(84, 90, 98);
-  --lp-color-gray-700: rgb(63, 69, 76);
-  --lp-color-gray-800: rgb(45, 50, 57);
-  --lp-color-gray-900: rgb(35, 37, 42);
-  --lp-color-gray-950: rgb(24, 26, 31);
-  --lp-color-blue-0: rgb(246, 248, 255);
-  --lp-color-blue-50: rgb(228, 234, 255);
-  --lp-color-blue-100: rgb(207, 217, 255);
-  --lp-color-blue-200: rgb(175, 191, 255);
-  --lp-color-blue-300: rgb(138, 158, 255);
-  --lp-color-blue-400: rgb(112, 132, 255);
-  --lp-color-blue-500: rgb(66, 94, 255);
-  --lp-color-blue-600: rgb(49, 68, 217);
-  --lp-color-blue-700: rgb(37, 54, 166);
-  --lp-color-blue-800: rgb(25, 38, 125);
-  --lp-color-blue-900: rgb(18, 29, 97);
-  --lp-color-blue-950: rgb(11, 20, 77);
-  --lp-color-purple-0: rgb(251, 246, 255);
-  --lp-color-purple-50: rgb(244, 233, 255);
-  --lp-color-purple-100: rgb(230, 208, 255);
-  --lp-color-purple-200: rgb(220, 185, 255);
-  --lp-color-purple-300: rgb(203, 145, 255);
-  --lp-color-purple-400: rgb(189, 97, 255);
-  --lp-color-purple-500: rgb(166, 54, 236);
-  --lp-color-purple-600: rgb(135, 23, 205);
-  --lp-color-purple-700: rgb(106, 0, 169);
-  --lp-color-purple-800: rgb(78, 0, 126);
-  --lp-color-purple-900: rgb(60, 2, 98);
-  --lp-color-purple-950: rgb(46, 0, 77);
-  --lp-color-green-0: rgb(229, 255, 232);
-  --lp-color-green-50: rgb(199, 251, 206);
-  --lp-color-green-100: rgb(163, 242, 180);
-  --lp-color-green-200: rgb(108, 224, 144);
-  --lp-color-green-300: rgb(30, 203, 106);
-  --lp-color-green-400: rgb(0, 164, 85);
-  --lp-color-green-500: rgb(0, 131, 68);
-  --lp-color-green-600: rgb(0, 105, 51);
-  --lp-color-green-700: rgb(0, 80, 37);
-  --lp-color-green-800: rgb(0, 59, 27);
-  --lp-color-green-900: rgb(9, 44, 23);
-  --lp-color-green-950: rgb(0, 33, 13);
-  --lp-color-red-0: rgb(255, 245, 246);
-  --lp-color-red-50: rgb(255, 232, 235);
-  --lp-color-red-100: rgb(255, 205, 214);
-  --lp-color-red-200: rgb(255, 181, 189);
-  --lp-color-red-300: rgb(255, 138, 150);
-  --lp-color-red-400: rgb(248, 79, 110);
-  --lp-color-red-500: rgb(219, 34, 81);
-  --lp-color-red-600: rgb(182, 7, 60);
-  --lp-color-red-700: rgb(140, 6, 43);
-  --lp-color-red-800: rgb(107, 0, 28);
-  --lp-color-red-900: rgb(78, 11, 22);
-  --lp-color-red-950: rgb(60, 4, 13);
-  --lp-color-black-0: rgba(7, 8, 12, 0.05);
-  --lp-color-black-50: rgba(7, 8, 12, 0.1);
-  --lp-color-black-100: rgba(7, 8, 12, 0.15);
-  --lp-color-black-200: rgba(7, 8, 12, 0.2);
-  --lp-color-black-300: rgba(7, 8, 12, 0.3);
-  --lp-color-black-400: rgba(7, 8, 12, 0.4);
-  --lp-color-black-500: rgba(7, 8, 12, 0.5);
-  --lp-color-black-600: rgba(7, 8, 12, 0.6);
-  --lp-color-black-700: rgba(7, 8, 12, 0.7);
-  --lp-color-black-800: rgba(7, 8, 12, 0.8);
-  --lp-color-black-900: rgba(7, 8, 12, 0.9);
-  --lp-color-black-950: rgb(7, 8, 12);
+  --lp-color-neutral-0: oklch(0.218 0.01 268.211);
+  --lp-color-neutral-25: oklch(0.242 0.01 268.269);
+  --lp-color-neutral-50: oklch(0.276 0.01 268.318);
+  --lp-color-neutral-100: oklch(0.317 0.01 268.323);
+  --lp-color-neutral-200: oklch(0.34 0.009 268.369);
+  --lp-color-neutral-300: oklch(0.451 0.01 253.928);
+  --lp-color-neutral-400: oklch(0.6 0.01 252.857);
+  --lp-color-neutral-500: oklch(0.745 0.008 249.671);
+  --lp-color-neutral-600: oklch(0.785 0.005 252.757);
+  --lp-color-neutral-700: oklch(0.89 0.005 252.737);
+  --lp-color-neutral-800: oklch(0.956 0.004 247.788);
+  --lp-color-action-0: oklch(0.218 0.01 268.211);
+  --lp-color-action-25: oklch(0.26 0.063 270.362);
+  --lp-color-action-50: oklch(0.295 0.071 269.443);
+  --lp-color-action-100: oklch(0.345 0.12 269.468);
+  --lp-color-action-200: oklch(0.432 0.199 268.947);
+  --lp-color-action-300: oklch(0.467 0.224 270.903);
+  --lp-color-action-400: oklch(0.581 0.227 273.305);
+  --lp-color-action-500: oklch(0.748 0.132 274.601);
+  --lp-color-action-600: oklch(0.776 0.122 274.653);
+  --lp-color-action-700: oklch(0.892 0.047 277.03);
+  --lp-color-action-800: oklch(0.957 0.023 277.229);
+  --lp-color-negative-0: oklch(0.218 0.01 268.211);
+  --lp-color-negative-25: oklch(0.258 0.057 3.833);
+  --lp-color-negative-50: oklch(0.301 0.067 353.942);
+  --lp-color-negative-100: oklch(0.348 0.11 7.757);
+  --lp-color-negative-200: oklch(0.445 0.176 13.766);
+  --lp-color-negative-300: oklch(0.489 0.189 22.715);
+  --lp-color-negative-400: oklch(0.589 0.232 24.008);
+  --lp-color-negative-500: oklch(0.75 0.16 25.039);
+  --lp-color-negative-600: oklch(0.777 0.155 23.514);
+  --lp-color-negative-700: oklch(0.896 0.07 23.006);
+  --lp-color-negative-800: oklch(0.958 0.027 20.732);
+  --lp-color-warning-0: oklch(0.218 0.01 268.211);
+  --lp-color-warning-25: oklch(0.26 0.062 37.757);
+  --lp-color-warning-50: oklch(0.301 0.074 42.64);
+  --lp-color-warning-100: oklch(0.347 0.1 41.089);
+  --lp-color-warning-200: oklch(0.447 0.147 40.021);
+  --lp-color-warning-300: oklch(0.484 0.154 45.983);
+  --lp-color-warning-400: oklch(0.61 0.163 47.105);
+  --lp-color-warning-500: oklch(0.75 0.184 63.165);
+  --lp-color-warning-600: oklch(0.778 0.186 68.979);
+  --lp-color-warning-700: oklch(0.891 0.115 78.966);
+  --lp-color-warning-800: oklch(0.955 0.048 93.976);
+  --lp-color-positive-0: oklch(0.218 0.008 268.42);
+  --lp-color-positive-25: oklch(0.245 0.05 138.258);
+  --lp-color-positive-50: oklch(0.272 0.066 138.226);
+  --lp-color-positive-100: oklch(0.327 0.105 137.849);
+  --lp-color-positive-200: oklch(0.422 0.144 136.9);
+  --lp-color-positive-300: oklch(0.478 0.156 135.748);
+  --lp-color-positive-400: oklch(0.599 0.183 136.355);
+  --lp-color-positive-500: oklch(0.721 0.174 134.78);
+  --lp-color-positive-600: oklch(0.766 0.193 132.761);
+  --lp-color-positive-700: oklch(0.878 0.111 135.663);
+  --lp-color-positive-800: oklch(0.952 0.046 129.688);
+  --lp-color-info-0: oklch(0.218 0.008 268.42);
+  --lp-color-info-25: oklch(0.258 0.061 295.971);
+  --lp-color-info-50: oklch(0.288 0.073 295.963);
+  --lp-color-info-100: oklch(0.342 0.106 295.198);
+  --lp-color-info-200: oklch(0.45 0.191 293.578);
+  --lp-color-info-300: oklch(0.482 0.214 293.543);
+  --lp-color-info-400: oklch(0.599 0.199 294.444);
+  --lp-color-info-500: oklch(0.748 0.137 296.051);
+  --lp-color-info-600: oklch(0.775 0.132 300.527);
+  --lp-color-info-700: oklch(0.896 0.06 305.038);
+  --lp-color-info-800: oklch(0.96 0.026 316.814);
   --lp-color-white-0: rgba(255, 255, 255, 0.05);
   --lp-color-white-50: rgba(255, 255, 255, 0.1);
   --lp-color-white-100: rgba(255, 255, 255, 0.15);
@@ -171,6 +84,18 @@ exports[`Tokens > builds default tokens 1`] = `
   --lp-color-white-800: rgba(255, 255, 255, 0.8);
   --lp-color-white-900: rgba(255, 255, 255, 0.9);
   --lp-color-white-950: rgb(255, 255, 255);
+  --lp-color-black-0: rgba(7, 8, 12, 0.05);
+  --lp-color-black-50: rgba(7, 8, 12, 0.1);
+  --lp-color-black-100: rgba(7, 8, 12, 0.15);
+  --lp-color-black-200: rgba(7, 8, 12, 0.2);
+  --lp-color-black-300: rgba(7, 8, 12, 0.3);
+  --lp-color-black-400: rgba(7, 8, 12, 0.4);
+  --lp-color-black-500: rgba(7, 8, 12, 0.5);
+  --lp-color-black-600: rgba(7, 8, 12, 0.6);
+  --lp-color-black-700: rgba(7, 8, 12, 0.7);
+  --lp-color-black-800: rgba(7, 8, 12, 0.8);
+  --lp-color-black-900: rgba(7, 8, 12, 0.9);
+  --lp-color-black-950: rgb(7, 8, 12);
   --lp-color-brand-blue-light: rgb(112, 132, 255);
   --lp-color-brand-blue-base: rgb(64, 91, 255);
   --lp-color-brand-blue-dark: rgb(42, 59, 166);
@@ -192,6 +117,213 @@ exports[`Tokens > builds default tokens 1`] = `
   --lp-color-brand-green-light: rgb(225, 255, 200);
   --lp-color-brand-green-base: rgb(139, 239, 52);
   --lp-color-brand-green-dark: rgb(67, 144, 0);
+  --lp-color-data-info: rgb(153, 109, 216);
+  --lp-color-data-comparison: rgb(96, 101, 106);
+  --lp-color-data-neutral: rgb(168, 173, 179);
+  --lp-color-data-positive: rgb(43, 149, 86);
+  --lp-color-data-negative: rgb(232, 72, 102);
+  --lp-color-data-series-1: rgb(35, 171, 197);
+  --lp-color-data-series-2: rgb(246, 182, 104);
+  --lp-color-data-series-3: rgb(153, 109, 216);
+  --lp-color-data-series-4: rgb(43, 149, 86);
+  --lp-color-gray-0: var(--lp-color-neutral-0);
+  --lp-color-gray-50: var(--lp-color-neutral-50);
+  --lp-color-gray-100: var(--lp-color-neutral-100);
+  --lp-color-gray-200: var(--lp-color-neutral-200);
+  --lp-color-gray-300: var(--lp-color-neutral-300);
+  --lp-color-gray-400: var(--lp-color-neutral-400);
+  --lp-color-gray-500: var(--lp-color-neutral-500);
+  --lp-color-gray-600: var(--lp-color-neutral-600);
+  --lp-color-gray-700: var(--lp-color-neutral-700);
+  --lp-color-gray-800: var(--lp-color-neutral-800);
+  --lp-color-gray-900: var(--lp-color-neutral-800);
+  --lp-color-gray-950: var(--lp-color-neutral-800);
+  --lp-color-blue-0: var(--lp-color-action-0);
+  --lp-color-blue-50: var(--lp-color-action-50);
+  --lp-color-blue-100: var(--lp-color-action-100);
+  --lp-color-blue-200: var(--lp-color-action-200);
+  --lp-color-blue-300: var(--lp-color-action-300);
+  --lp-color-blue-400: var(--lp-color-action-400);
+  --lp-color-blue-500: var(--lp-color-action-500);
+  --lp-color-blue-600: var(--lp-color-action-600);
+  --lp-color-blue-700: var(--lp-color-action-700);
+  --lp-color-blue-800: var(--lp-color-action-800);
+  --lp-color-blue-900: var(--lp-color-action-800);
+  --lp-color-blue-950: var(--lp-color-action-800);
+  --lp-color-red-0: var(--lp-color-negative-0);
+  --lp-color-red-50: var(--lp-color-negative-50);
+  --lp-color-red-100: var(--lp-color-negative-100);
+  --lp-color-red-200: var(--lp-color-negative-200);
+  --lp-color-red-300: var(--lp-color-negative-300);
+  --lp-color-red-400: var(--lp-color-negative-400);
+  --lp-color-red-500: var(--lp-color-negative-500);
+  --lp-color-red-600: var(--lp-color-negative-600);
+  --lp-color-red-700: var(--lp-color-negative-700);
+  --lp-color-red-800: var(--lp-color-negative-800);
+  --lp-color-red-900: var(--lp-color-negative-800);
+  --lp-color-red-950: var(--lp-color-negative-800);
+  --lp-color-green-0: var(--lp-color-positive-0);
+  --lp-color-green-50: var(--lp-color-positive-50);
+  --lp-color-green-100: var(--lp-color-positive-100);
+  --lp-color-green-200: var(--lp-color-positive-200);
+  --lp-color-green-300: var(--lp-color-positive-300);
+  --lp-color-green-400: var(--lp-color-positive-400);
+  --lp-color-green-500: var(--lp-color-positive-500);
+  --lp-color-green-600: var(--lp-color-positive-600);
+  --lp-color-green-700: var(--lp-color-positive-700);
+  --lp-color-green-800: var(--lp-color-positive-800);
+  --lp-color-green-900: var(--lp-color-positive-800);
+  --lp-color-green-950: var(--lp-color-positive-800);
+  --lp-color-purple-0: var(--lp-color-info-0);
+  --lp-color-purple-50: var(--lp-color-info-50);
+  --lp-color-purple-100: var(--lp-color-info-100);
+  --lp-color-purple-200: var(--lp-color-info-200);
+  --lp-color-purple-300: var(--lp-color-info-300);
+  --lp-color-purple-400: var(--lp-color-info-400);
+  --lp-color-purple-500: var(--lp-color-info-500);
+  --lp-color-purple-600: var(--lp-color-info-600);
+  --lp-color-purple-700: var(--lp-color-info-700);
+  --lp-color-purple-800: var(--lp-color-info-800);
+  --lp-color-purple-900: var(--lp-color-info-800);
+  --lp-color-purple-950: var(--lp-color-info-800);
+  --lp-color-bg-feedback-error: var(--lp-color-negative-100);
+  --lp-color-bg-feedback-info: var(--lp-color-action-100);
+  --lp-color-bg-feedback-success: var(--lp-color-positive-100);
+  --lp-color-bg-feedback-warning: var(--lp-color-warning-200);
+  --lp-color-bg-interactive-primary-base: var(--lp-color-action-400);
+  --lp-color-bg-interactive-primary-active: var(--lp-color-action-400);
+  --lp-color-bg-interactive-primary-focus: var(--lp-color-action-500);
+  --lp-color-bg-interactive-primary-hover: var(--lp-color-action-500);
+  --lp-color-bg-interactive-secondary-focus: var(--lp-color-neutral-100);
+  --lp-color-bg-interactive-secondary-hover: var(--lp-color-neutral-100);
+  --lp-color-bg-interactive-tertiary-focus: var(--lp-color-neutral-100);
+  --lp-color-bg-interactive-tertiary-hover: var(--lp-color-neutral-100);
+  --lp-color-bg-interactive-destructive-base: var(--lp-color-negative-400);
+  --lp-color-bg-interactive-destructive-active: var(--lp-color-negative-400);
+  --lp-color-bg-interactive-destructive-focus: var(--lp-color-negative-500);
+  --lp-color-bg-interactive-destructive-hover: var(--lp-color-negative-500);
+  --lp-color-bg-interactive-disabled: var(--lp-color-neutral-100);
+  --lp-color-bg-interactive-link: var(--lp-color-action-100);
+  --lp-color-bg-interactive-selected: var(--lp-color-action-50);
+  --lp-color-bg-ui-primary: var(--lp-color-neutral-0);
+  --lp-color-bg-ui-secondary: var(--lp-color-neutral-25);
+  --lp-color-bg-ui-tertiary: var(--lp-color-neutral-50);
+  --lp-color-bg-product-beta: var(--lp-color-info-100);
+  --lp-color-bg-product-federal: var(--lp-color-brand-yellow-dark);
+  --lp-color-border-feedback-error: var(--lp-color-negative-400);
+  --lp-color-border-feedback-info: var(--lp-color-action-400);
+  --lp-color-border-feedback-success: var(--lp-color-positive-400);
+  --lp-color-border-field-active: var(--lp-color-action-400);
+  --lp-color-border-field-focus: var(--lp-color-action-400);
+  --lp-color-border-interactive-focus: var(--lp-color-action-400);
+  --lp-color-border-interactive-selected: var(--lp-color-action-400);
+  --lp-color-border-ui-primary: var(--lp-color-neutral-200);
+  --lp-color-border-ui-secondary: var(--lp-color-neutral-100);
+  --lp-color-fill-ui-primary: var(--lp-color-neutral-400);
+  --lp-color-fill-field-base: var(--lp-color-neutral-300);
+  --lp-color-shadow-interactive-focus: var(--lp-color-action-400);
+  --lp-color-shadow-interactive-primary: var(--lp-color-neutral-0);
+  --lp-color-shadow-ui-primary: var(--lp-color-black-200);
+  --lp-color-shadow-ui-secondary: var(--lp-color-black-100);
+  --lp-color-text-feedback-error: var(--lp-color-negative-500);
+  --lp-color-text-feedback-success: var(--lp-color-positive-500);
+  --lp-color-text-feedback-info: var(--lp-color-action-500);
+  --lp-color-text-feedback-warning: var(--lp-color-warning-600);
+  --lp-color-text-interactive-base: var(--lp-color-action-500);
+  --lp-color-text-interactive-active: var(--lp-color-info-500);
+  --lp-color-text-interactive-secondary: var(--lp-color-neutral-500);
+  --lp-color-text-interactive-disabled: var(--lp-color-neutral-400);
+  --lp-color-text-interactive-selected: var(--lp-color-action-700);
+  --lp-color-text-ui-primary-base: var(--lp-color-neutral-800);
+  --lp-color-text-ui-primary-inverted: var(--lp-color-neutral-0);
+  --lp-color-text-ui-secondary: var(--lp-color-neutral-500);
+  --lp-color-text-field-placeholder: var(--lp-color-neutral-400);
+  --lp-color-text-product-beta: var(--lp-color-info-500);
+  --lp-color-text-code-function: var(--lp-color-brand-purple-base);
+  --lp-color-text-code-tag: var(--lp-color-brand-orange-base);
+  --lp-color-text-code-string: var(--lp-color-brand-cyan-light);
+  --lp-color-text-code-base: var(--lp-color-neutral-600);
+  --lp-color-text-code-keyword: var(--lp-color-brand-pink-light);
+  --lp-color-text-code-title: var(--lp-color-brand-orange-light);
+  --lp-color-text-code-number: var(--lp-color-brand-blue-light);
+  --lp-color-bg-overlay-secondary: var(--lp-color-bg-ui-secondary);
+  --lp-color-bg-field-base: var(--lp-color-bg-ui-secondary);
+}
+"
+`;
+
+exports[`Tokens > builds default tokens 1`] = `
+"/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+:root, [data-theme] {
+  --lp-color-neutral-0: oklch(1 0 103.861);
+  --lp-color-neutral-25: oklch(0.983 0.002 247.319);
+  --lp-color-neutral-50: oklch(0.97 0.003 247.802);
+  --lp-color-neutral-100: oklch(0.94 0.007 248.194);
+  --lp-color-neutral-200: oklch(0.923 0.008 249.437);
+  --lp-color-neutral-300: oklch(0.895 0.008 252.798);
+  --lp-color-neutral-400: oklch(0.63 0.01 252.852);
+  --lp-color-neutral-500: oklch(0.55 0.01 255.55);
+  --lp-color-neutral-600: oklch(0.481 0.012 255.576);
+  --lp-color-neutral-700: oklch(0.388 0.01 261.096);
+  --lp-color-neutral-800: oklch(0.264 0.01 268.306);
+  --lp-color-action-0: oklch(1 0 103.861);
+  --lp-color-action-25: oklch(0.975 0.012 278.379);
+  --lp-color-action-50: oklch(0.968 0.017 276.082);
+  --lp-color-action-100: oklch(0.947 0.023 277.081);
+  --lp-color-action-200: oklch(0.927 0.034 277.051);
+  --lp-color-action-300: oklch(0.891 0.053 276.021);
+  --lp-color-action-400: oklch(0.638 0.206 273.046);
+  --lp-color-action-500: oklch(0.562 0.238 270.635);
+  --lp-color-action-600: oklch(0.485 0.269 267.008);
+  --lp-color-action-700: oklch(0.401 0.179 268.001);
+  --lp-color-action-800: oklch(0.273 0.125 266.675);
+  --lp-color-negative-0: oklch(1 0 103.861);
+  --lp-color-negative-25: oklch(0.983 0.011 20.662);
+  --lp-color-negative-50: oklch(0.968 0.018 23.063);
+  --lp-color-negative-100: oklch(0.948 0.029 23.133);
+  --lp-color-negative-200: oklch(0.927 0.043 23.062);
+  --lp-color-negative-300: oklch(0.9 0.065 22.064);
+  --lp-color-negative-400: oklch(0.65 0.253 25.722);
+  --lp-color-negative-500: oklch(0.577 0.232 23.022);
+  --lp-color-negative-600: oklch(0.512 0.206 19.805);
+  --lp-color-negative-700: oklch(0.409 0.173 14.562);
+  --lp-color-negative-800: oklch(0.278 0.122 5.97);
+  --lp-color-warning-0: oklch(1 0 103.861);
+  --lp-color-warning-25: oklch(0.981 0.029 99.183);
+  --lp-color-warning-50: oklch(0.968 0.04 92.905);
+  --lp-color-warning-100: oklch(0.954 0.064 92.938);
+  --lp-color-warning-200: oklch(0.929 0.086 92.987);
+  --lp-color-warning-300: oklch(0.895 0.099 85.542);
+  --lp-color-warning-400: oklch(0.646 0.191 46.498);
+  --lp-color-warning-500: oklch(0.575 0.187 42.111);
+  --lp-color-warning-600: oklch(0.507 0.164 38.346);
+  --lp-color-warning-700: oklch(0.405 0.148 38.515);
+  --lp-color-warning-800: oklch(0.274 0.092 42.271);
+  --lp-color-positive-0: oklch(1 0 103.861);
+  --lp-color-positive-25: oklch(0.977 0.041 131.34);
+  --lp-color-positive-50: oklch(0.961 0.056 131.804);
+  --lp-color-positive-100: oklch(0.943 0.073 131.827);
+  --lp-color-positive-200: oklch(0.918 0.087 131.837);
+  --lp-color-positive-300: oklch(0.885 0.115 132.956);
+  --lp-color-positive-400: oklch(0.615 0.192 134.913);
+  --lp-color-positive-500: oklch(0.54 0.175 134.842);
+  --lp-color-positive-600: oklch(0.478 0.139 135.11);
+  --lp-color-positive-700: oklch(0.38 0.109 135.822);
+  --lp-color-positive-800: oklch(0.258 0.074 137.839);
+  --lp-color-info-0: oklch(1 0 103.861);
+  --lp-color-info-25: oklch(0.979 0.018 321.072);
+  --lp-color-info-50: oklch(0.968 0.025 315.028);
+  --lp-color-info-100: oklch(0.953 0.036 314.54);
+  --lp-color-info-200: oklch(0.927 0.04 314.514);
+  --lp-color-info-300: oklch(0.895 0.071 305.727);
+  --lp-color-info-400: oklch(0.644 0.2 295.937);
+  --lp-color-info-500: oklch(0.572 0.216 292.893);
+  --lp-color-info-600: oklch(0.516 0.229 292.778);
+  --lp-color-info-700: oklch(0.417 0.211 293.431);
+  --lp-color-info-800: oklch(0.276 0.113 295.869);
   --lp-color-bg-interactive-tertiary-base: rgba(0, 0, 0, 0);
   --lp-color-bg-interactive-tertiary-active: rgba(0, 0, 0, 0);
   --lp-color-border-interactive-primary-base: rgba(0, 0, 0, 0);
@@ -208,77 +340,77 @@ exports[`Tokens > builds default tokens 1`] = `
   --lp-color-data-series-2: rgb(254, 190, 112);
   --lp-color-data-series-3: rgb(137, 96, 194);
   --lp-color-data-series-4: rgb(0, 131, 68);
-  --lp-color-bg-feedback-primary: var(--lp-color-gray-800);
-  --lp-color-bg-feedback-error: var(--lp-color-red-50);
-  --lp-color-bg-feedback-info: var(--lp-color-blue-50);
-  --lp-color-bg-feedback-success: var(--lp-color-green-50);
-  --lp-color-bg-feedback-warning: var(--lp-color-brand-orange-light);
-  --lp-color-bg-interactive-primary-base: var(--lp-color-blue-500);
-  --lp-color-bg-interactive-primary-active: var(--lp-color-blue-500);
-  --lp-color-bg-interactive-primary-focus: var(--lp-color-blue-600);
-  --lp-color-bg-interactive-primary-hover: var(--lp-color-blue-600);
-  --lp-color-bg-interactive-secondary-focus: var(--lp-color-gray-50);
-  --lp-color-bg-interactive-secondary-hover: var(--lp-color-gray-50);
-  --lp-color-bg-interactive-tertiary-focus: var(--lp-color-gray-50);
-  --lp-color-bg-interactive-tertiary-hover: var(--lp-color-gray-50);
-  --lp-color-bg-interactive-destructive-base: var(--lp-color-red-500);
-  --lp-color-bg-interactive-destructive-active: var(--lp-color-red-500);
-  --lp-color-bg-interactive-destructive-focus: var(--lp-color-red-600);
-  --lp-color-bg-interactive-destructive-hover: var(--lp-color-red-600);
-  --lp-color-bg-interactive-disabled: var(--lp-color-gray-100);
-  --lp-color-bg-interactive-link: var(--lp-color-blue-50);
-  --lp-color-bg-interactive-selected: var(--lp-color-blue-0);
-  --lp-color-bg-ui-primary: var(--lp-color-white-950);
-  --lp-color-bg-ui-secondary: var(--lp-color-gray-0);
-  --lp-color-bg-ui-tertiary: var(--lp-color-gray-50);
-  --lp-color-bg-product-beta: var(--lp-color-purple-100);
+  --lp-color-bg-feedback-primary: var(--lp-color-neutral-700);
+  --lp-color-bg-feedback-error: var(--lp-color-negative-50);
+  --lp-color-bg-feedback-info: var(--lp-color-action-50);
+  --lp-color-bg-feedback-success: var(--lp-color-positive-50);
+  --lp-color-bg-feedback-warning: var(--lp-color-warning-300);
+  --lp-color-bg-interactive-primary-base: var(--lp-color-action-500);
+  --lp-color-bg-interactive-primary-active: var(--lp-color-action-500);
+  --lp-color-bg-interactive-primary-focus: var(--lp-color-action-600);
+  --lp-color-bg-interactive-primary-hover: var(--lp-color-action-600);
+  --lp-color-bg-interactive-secondary-focus: var(--lp-color-neutral-50);
+  --lp-color-bg-interactive-secondary-hover: var(--lp-color-neutral-50);
+  --lp-color-bg-interactive-tertiary-focus: var(--lp-color-neutral-50);
+  --lp-color-bg-interactive-tertiary-hover: var(--lp-color-neutral-50);
+  --lp-color-bg-interactive-destructive-base: var(--lp-color-negative-500);
+  --lp-color-bg-interactive-destructive-active: var(--lp-color-negative-500);
+  --lp-color-bg-interactive-destructive-focus: var(--lp-color-negative-600);
+  --lp-color-bg-interactive-destructive-hover: var(--lp-color-negative-600);
+  --lp-color-bg-interactive-disabled: var(--lp-color-neutral-100);
+  --lp-color-bg-interactive-link: var(--lp-color-action-50);
+  --lp-color-bg-interactive-selected: var(--lp-color-action-0);
+  --lp-color-bg-ui-primary: var(--lp-color-neutral-0);
+  --lp-color-bg-ui-secondary: var(--lp-color-neutral-25);
+  --lp-color-bg-ui-tertiary: var(--lp-color-neutral-50);
+  --lp-color-bg-product-beta: var(--lp-color-info-100);
   --lp-color-bg-product-federal: var(--lp-color-brand-yellow-base);
-  --lp-color-border-feedback-error: var(--lp-color-red-500);
-  --lp-color-border-feedback-info: var(--lp-color-blue-500);
-  --lp-color-border-feedback-success: var(--lp-color-green-500);
-  --lp-color-border-field-active: var(--lp-color-blue-500);
-  --lp-color-border-field-focus: var(--lp-color-blue-500);
-  --lp-color-border-interactive-focus: var(--lp-color-blue-500);
-  --lp-color-border-interactive-selected: var(--lp-color-blue-500);
-  --lp-color-border-ui-primary: var(--lp-color-gray-100);
-  --lp-color-border-ui-secondary: var(--lp-color-gray-50);
-  --lp-color-fill-feedback-error: var(--lp-color-red-500);
-  --lp-color-fill-feedback-info: var(--lp-color-blue-500);
-  --lp-color-fill-feedback-success: var(--lp-color-green-500);
-  --lp-color-fill-interactive-primary: var(--lp-color-white-950);
-  --lp-color-fill-interactive-destructive: var(--lp-color-red-500);
-  --lp-color-fill-ui-primary: var(--lp-color-gray-700);
-  --lp-color-fill-ui-secondary: var(--lp-color-gray-500);
-  --lp-color-fill-field-base: var(--lp-color-gray-600);
-  --lp-color-shadow-interactive-focus: var(--lp-color-blue-600);
-  --lp-color-shadow-interactive-primary: var(--lp-color-white-950);
+  --lp-color-border-feedback-error: var(--lp-color-negative-500);
+  --lp-color-border-feedback-info: var(--lp-color-action-500);
+  --lp-color-border-feedback-success: var(--lp-color-positive-500);
+  --lp-color-border-field-active: var(--lp-color-action-500);
+  --lp-color-border-field-focus: var(--lp-color-action-500);
+  --lp-color-border-interactive-focus: var(--lp-color-action-500);
+  --lp-color-border-interactive-selected: var(--lp-color-action-500);
+  --lp-color-border-ui-primary: var(--lp-color-neutral-100);
+  --lp-color-border-ui-secondary: var(--lp-color-neutral-50);
+  --lp-color-fill-feedback-error: var(--lp-color-negative-500);
+  --lp-color-fill-feedback-info: var(--lp-color-action-500);
+  --lp-color-fill-feedback-success: var(--lp-color-positive-500);
+  --lp-color-fill-interactive-primary: var(--lp-color-neutral-0);
+  --lp-color-fill-interactive-destructive: var(--lp-color-negative-500);
+  --lp-color-fill-ui-primary: var(--lp-color-neutral-700);
+  --lp-color-fill-ui-secondary: var(--lp-color-neutral-500);
+  --lp-color-fill-field-base: var(--lp-color-neutral-600);
+  --lp-color-shadow-interactive-focus: var(--lp-color-action-600);
+  --lp-color-shadow-interactive-primary: var(--lp-color-neutral-0);
   --lp-color-shadow-ui-primary: var(--lp-color-black-50);
   --lp-color-shadow-ui-secondary: var(--lp-color-black-0);
-  --lp-color-text-feedback-error: var(--lp-color-red-600);
-  --lp-color-text-feedback-success: var(--lp-color-green-600);
-  --lp-color-text-feedback-info: var(--lp-color-blue-600);
-  --lp-color-text-feedback-warning: var(--lp-color-brand-orange-dark);
-  --lp-color-text-interactive-base: var(--lp-color-blue-600);
-  --lp-color-text-interactive-active: var(--lp-color-purple-700);
-  --lp-color-text-interactive-primary-base: var(--lp-color-white-950);
-  --lp-color-text-interactive-primary-active: var(--lp-color-white-950);
-  --lp-color-text-interactive-primary-focus: var(--lp-color-white-950);
-  --lp-color-text-interactive-primary-hover: var(--lp-color-white-950);
-  --lp-color-text-interactive-secondary: var(--lp-color-gray-600);
-  --lp-color-text-interactive-disabled: var(--lp-color-gray-500);
-  --lp-color-text-interactive-selected: var(--lp-color-blue-600);
-  --lp-color-text-ui-primary-base: var(--lp-color-gray-900);
-  --lp-color-text-ui-primary-inverted: var(--lp-color-white-950);
-  --lp-color-text-ui-secondary: var(--lp-color-gray-600);
-  --lp-color-text-field-disabled: var(--lp-color-gray-500);
-  --lp-color-text-field-placeholder: var(--lp-color-gray-500);
-  --lp-color-text-product-beta: var(--lp-color-purple-600);
-  --lp-color-text-product-federal: var(--lp-color-gray-950);
+  --lp-color-text-feedback-error: var(--lp-color-negative-600);
+  --lp-color-text-feedback-success: var(--lp-color-positive-600);
+  --lp-color-text-feedback-info: var(--lp-color-action-600);
+  --lp-color-text-feedback-warning: var(--lp-color-warning-700);
+  --lp-color-text-interactive-base: var(--lp-color-action-600);
+  --lp-color-text-interactive-active: var(--lp-color-info-700);
+  --lp-color-text-interactive-primary-base: var(--lp-color-neutral-0);
+  --lp-color-text-interactive-primary-active: var(--lp-color-neutral-0);
+  --lp-color-text-interactive-primary-focus: var(--lp-color-neutral-0);
+  --lp-color-text-interactive-primary-hover: var(--lp-color-neutral-0);
+  --lp-color-text-interactive-secondary: var(--lp-color-neutral-600);
+  --lp-color-text-interactive-disabled: var(--lp-color-neutral-500);
+  --lp-color-text-interactive-selected: var(--lp-color-action-600);
+  --lp-color-text-ui-primary-base: var(--lp-color-neutral-800);
+  --lp-color-text-ui-primary-inverted: var(--lp-color-neutral-0);
+  --lp-color-text-ui-secondary: var(--lp-color-neutral-600);
+  --lp-color-text-field-disabled: var(--lp-color-neutral-500);
+  --lp-color-text-field-placeholder: var(--lp-color-neutral-500);
+  --lp-color-text-product-beta: var(--lp-color-info-600);
+  --lp-color-text-product-federal: var(--lp-color-neutral-800);
   --lp-color-text-code-function: var(--lp-color-brand-purple-dark);
   --lp-color-text-code-tag: var(--lp-color-brand-orange-dark);
   --lp-color-text-code-string: var(--lp-color-brand-cyan-dark);
-  --lp-color-text-code-comment: var(--lp-color-gray-400);
-  --lp-color-text-code-base: var(--lp-color-gray-600);
+  --lp-color-text-code-comment: var(--lp-color-neutral-400);
+  --lp-color-text-code-base: var(--lp-color-neutral-600);
   --lp-color-text-code-keyword: var(--lp-color-brand-pink-base);
   --lp-color-text-code-title: var(--lp-color-brand-orange-base);
   --lp-color-text-code-number: var(--lp-color-brand-blue-dark);
diff --git a/packages/tokens/__tests__/tokens.spec.ts b/packages/tokens/__tests__/tokens.spec.ts
index 8701d3f37..3d0c6c0dd 100644
--- a/packages/tokens/__tests__/tokens.spec.ts
+++ b/packages/tokens/__tests__/tokens.spec.ts
@@ -40,6 +40,7 @@ describe('Tokens', () => {
 		const config = css('default');
 		config.source = [
 			path.resolve(__dirname, '../tokens/color-primitives.default.json'),
+			path.resolve(__dirname, '../tokens/color-primitives-map.json'),
 			path.resolve(__dirname, '../tokens/*.default.json'),
 		];
 
@@ -53,6 +54,7 @@ describe('Tokens', () => {
 		const config = css('dark');
 		config.source = [
 			path.resolve(__dirname, '../tokens/color-primitives.default.json'),
+			path.resolve(__dirname, '../tokens/color-primitives-map.json'),
 			path.resolve(__dirname, '../tokens/*.dark.json'),
 		];
 
diff --git a/packages/tokens/old_tokens/color-aliases.dark.json b/packages/tokens/old_tokens/color-aliases.dark.json
new file mode 100644
index 000000000..73e7f441d
--- /dev/null
+++ b/packages/tokens/old_tokens/color-aliases.dark.json
@@ -0,0 +1,282 @@
+{
+	"color": {
+		"$type": "color",
+		"bg": {
+			"feedback": {
+				"error": {
+					"$value": "{color.red.900}"
+				},
+				"info": {
+					"$value": "{color.blue.900}"
+				},
+				"success": {
+					"$value": "{color.green.900}"
+				},
+				"warning": {
+					"$value": "{color.brand.orange.dark}"
+				}
+			},
+			"interactive": {
+				"primary": {
+					"base": {
+						"$value": "{color.blue.600}"
+					},
+					"active": {
+						"$value": "{color.blue.600}"
+					},
+					"focus": {
+						"$value": "{color.blue.500}"
+					},
+					"hover": {
+						"$value": "{color.blue.500}"
+					}
+				},
+				"secondary": {
+					"focus": {
+						"$value": "{color.gray.800}"
+					},
+					"hover": {
+						"$value": "{color.gray.800}"
+					}
+				},
+				"tertiary": {
+					"focus": {
+						"$value": "{color.gray.800}"
+					},
+					"hover": {
+						"$value": "{color.gray.800}"
+					}
+				},
+				"destructive": {
+					"base": {
+						"$value": "{color.red.600}"
+					},
+					"active": {
+						"$value": "{color.red.600}"
+					},
+					"focus": {
+						"$value": "{color.red.500}"
+					},
+					"hover": {
+						"$value": "{color.red.500}"
+					}
+				},
+				"disabled": {
+					"$value": "{color.gray.800}"
+				},
+				"link": {
+					"$value": "#4761FF33"
+				},
+				"selected": {
+					"$value": "{color.blue.950}"
+				}
+			},
+			"ui": {
+				"primary": {
+					"$value": "{color.gray.950}"
+				},
+				"secondary": {
+					"$value": "{color.gray.900}"
+				},
+				"tertiary": {
+					"$value": "{color.gray.800}"
+				}
+			},
+			"overlay": {
+				"secondary": {
+					"$value": "{color.bg.ui.secondary}"
+				}
+			},
+			"field": {
+				"base": {
+					"$value": "{color.bg.ui.secondary}"
+				}
+			},
+			"product": {
+				"beta": {
+					"$value": "{color.purple.900}"
+				},
+				"federal": {
+					"$value": "{color.brand.yellow.dark}"
+				}
+			}
+		},
+		"border": {
+			"feedback": {
+				"error": {
+					"$value": "{color.red.400}"
+				},
+				"info": {
+					"$value": "{color.blue.400}"
+				},
+				"success": {
+					"$value": "{color.green.400}"
+				}
+			},
+			"field": {
+				"active": {
+					"$value": "{color.blue.400}"
+				},
+				"focus": {
+					"$value": "{color.blue.400}"
+				}
+			},
+			"interactive": {
+				"focus": {
+					"$value": "{color.blue.400}"
+				},
+				"selected": {
+					"$value": "{color.blue.400}"
+				}
+			},
+			"ui": {
+				"primary": {
+					"$value": "{color.gray.700}"
+				},
+				"secondary": {
+					"$value": "{color.gray.800}"
+				}
+			}
+		},
+		"fill": {
+			"ui": {
+				"primary": {
+					"$value": "{color.gray.200}"
+				}
+			},
+			"field": {
+				"base": {
+					"$value": "{color.gray.400}"
+				}
+			}
+		},
+		"shadow": {
+			"interactive": {
+				"focus": {
+					"$value": "{color.blue.400}"
+				},
+				"primary": {
+					"$value": "{color.gray.950}"
+				}
+			},
+			"ui": {
+				"primary": {
+					"$value": "{color.black.200}"
+				},
+				"secondary": {
+					"$value": "{color.black.100}"
+				}
+			}
+		},
+		"text": {
+			"feedback": {
+				"error": {
+					"$value": "{color.red.400}"
+				},
+				"success": {
+					"$value": "{color.green.400}"
+				},
+				"info": {
+					"$value": "{color.blue.400}"
+				},
+				"warning": {
+					"$value": "{color.brand.orange.light}"
+				}
+			},
+			"interactive": {
+				"base": {
+					"$value": "{color.blue.400}"
+				},
+				"active": {
+					"$value": "{color.purple.400}"
+				},
+				"secondary": {
+					"$value": "{color.gray.400}"
+				},
+				"disabled": {
+					"$value": "{color.gray.600}"
+				},
+				"selected": {
+					"$value": "{color.blue.100}"
+				}
+			},
+			"ui": {
+				"primary": {
+					"base": {
+						"$value": "{color.gray.0}"
+					},
+					"inverted": {
+						"$value": "{color.gray.950}"
+					}
+				},
+				"secondary": {
+					"$value": "{color.gray.400}"
+				}
+			},
+			"field": {
+				"placeholder": {
+					"$value": "{color.gray.400}"
+				}
+			},
+			"product": {
+				"beta": {
+					"$value": "{color.purple.400}"
+				}
+			},
+			"code": {
+				"function": {
+					"$value": "{color.brand.purple.base}"
+				},
+				"tag": {
+					"$value": "{color.brand.orange.base}"
+				},
+				"string": {
+					"$value": "{color.brand.cyan.light}"
+				},
+				"base": {
+					"$value": "{color.gray.200}"
+				},
+				"keyword": {
+					"$value": "{color.brand.pink.light}"
+				},
+				"title": {
+					"$value": "{color.brand.orange.light}"
+				},
+				"number": {
+					"$value": "{color.brand.blue.light}"
+				}
+			}
+		},
+		"data": {
+			"info": {
+				"$value": "#996DD8"
+			},
+			"comparison": {
+				"$value": "#60656A"
+			},
+			"neutral": {
+				"$value": "#A8ADB3"
+			},
+			"positive": {
+				"$value": "#2B9556"
+			},
+			"negative": {
+				"$value": "#E84866"
+			},
+			"series": {
+				"1": {
+					"$value": "#23ABC5"
+				},
+				"2": {
+					"$value": "#F6B668"
+				},
+				"3": {
+					"$value": "#996DD8"
+				},
+				"4": {
+					"$value": "#2B9556"
+				}
+			}
+		}
+	}
+}
diff --git a/packages/tokens/old_tokens/color-aliases.default.json b/packages/tokens/old_tokens/color-aliases.default.json
new file mode 100644
index 000000000..4469af960
--- /dev/null
+++ b/packages/tokens/old_tokens/color-aliases.default.json
@@ -0,0 +1,439 @@
+{
+	"color": {
+		"$type": "color",
+		"bg": {
+			"$extensions": {
+				"com.figma": {
+					"hiddenFromPublishing": false,
+					"scopes": ["FRAME_FILL", "SHAPE_FILL"],
+					"codeSyntax": {}
+				}
+			},
+			"feedback": {
+				"primary": {
+					"$value": "{color.gray.800}"
+				},
+				"error": {
+					"$value": "{color.red.50}"
+				},
+				"info": {
+					"$value": "{color.blue.50}"
+				},
+				"success": {
+					"$value": "{color.green.50}"
+				},
+				"warning": {
+					"$value": "{color.brand.orange.light}"
+				}
+			},
+			"interactive": {
+				"primary": {
+					"base": {
+						"$value": "{color.blue.500}"
+					},
+					"active": {
+						"$value": "{color.blue.500}"
+					},
+					"focus": {
+						"$value": "{color.blue.600}"
+					},
+					"hover": {
+						"$value": "{color.blue.600}"
+					}
+				},
+				"secondary": {
+					"base": {
+						"$value": "{color.bg.ui.primary}"
+					},
+					"active": {
+						"$value": "{color.bg.ui.primary}"
+					},
+					"focus": {
+						"$value": "{color.gray.50}"
+					},
+					"hover": {
+						"$value": "{color.gray.50}"
+					}
+				},
+				"tertiary": {
+					"base": {
+						"$value": "transparent"
+					},
+					"active": {
+						"$value": "transparent"
+					},
+					"focus": {
+						"$value": "{color.gray.50}"
+					},
+					"hover": {
+						"$value": "{color.gray.50}"
+					}
+				},
+				"destructive": {
+					"base": {
+						"$value": "{color.red.500}"
+					},
+					"active": {
+						"$value": "{color.red.500}"
+					},
+					"focus": {
+						"$value": "{color.red.600}"
+					},
+					"hover": {
+						"$value": "{color.red.600}"
+					}
+				},
+				"disabled": {
+					"$value": "{color.gray.100}"
+				},
+				"link": {
+					"$value": "{color.blue.50}"
+				},
+				"selected": {
+					"$value": "{color.blue.0}"
+				}
+			},
+			"ui": {
+				"primary": {
+					"$value": "{color.white.950}"
+				},
+				"secondary": {
+					"$value": "{color.gray.0}"
+				},
+				"tertiary": {
+					"$value": "{color.gray.50}"
+				}
+			},
+			"overlay": {
+				"primary": {
+					"$value": "{color.bg.ui.primary}"
+				},
+				"secondary": {
+					"$value": "{color.bg.ui.primary}"
+				}
+			},
+			"field": {
+				"base": {
+					"$value": "{color.bg.ui.primary}"
+				},
+				"disabled": {
+					"$value": "{color.bg.ui.tertiary}"
+				}
+			},
+			"product": {
+				"beta": {
+					"$value": "{color.purple.100}"
+				},
+				"federal": {
+					"$value": "{color.brand.yellow.base}"
+				}
+			}
+		},
+		"border": {
+			"$extensions": {
+				"com.figma": {
+					"hiddenFromPublishing": false,
+					"scopes": ["STROKE_COLOR"],
+					"codeSyntax": {}
+				}
+			},
+			"feedback": {
+				"error": {
+					"$value": "{color.red.500}"
+				},
+				"info": {
+					"$value": "{color.blue.500}"
+				},
+				"success": {
+					"$value": "{color.green.500}"
+				}
+			},
+			"field": {
+				"base": {
+					"$value": "{color.border.ui.primary}"
+				},
+				"active": {
+					"$value": "{color.blue.500}"
+				},
+				"focus": {
+					"$value": "{color.blue.500}"
+				},
+				"error": {
+					"$value": "{color.border.feedback.error}"
+				},
+				"disabled": {
+					"$value": "{color.border.ui.secondary}"
+				}
+			},
+			"interactive": {
+				"focus": {
+					"$value": "{color.blue.500}"
+				},
+				"primary": {
+					"base": {
+						"$value": "transparent"
+					},
+					"active": {
+						"$value": "transparent"
+					},
+					"focus": {
+						"$value": "transparent"
+					},
+					"hover": {
+						"$value": "transparent"
+					}
+				},
+				"secondary": {
+					"base": {
+						"$value": "{color.border.ui.primary}"
+					},
+					"active": {
+						"$value": "{color.border.ui.primary}"
+					},
+					"focus": {
+						"$value": "{color.border.ui.primary}"
+					},
+					"hover": {
+						"$value": "{color.border.ui.primary}"
+					}
+				},
+				"destructive": {
+					"$value": "{color.border.feedback.error}"
+				},
+				"disabled": {
+					"$value": "transparent"
+				},
+				"selected": {
+					"$value": "{color.blue.500}"
+				}
+			},
+			"ui": {
+				"primary": {
+					"$value": "{color.gray.100}"
+				},
+				"secondary": {
+					"$value": "{color.gray.50}"
+				}
+			}
+		},
+		"fill": {
+			"$extensions": {
+				"com.figma": {
+					"hiddenFromPublishing": false,
+					"scopes": ["FRAME_FILL", "SHAPE_FILL"],
+					"codeSyntax": {}
+				}
+			},
+			"feedback": {
+				"error": {
+					"$value": "{color.red.500}"
+				},
+				"info": {
+					"$value": "{color.blue.500}"
+				},
+				"success": {
+					"$value": "{color.green.500}"
+				}
+			},
+			"interactive": {
+				"primary": {
+					"$value": "{color.white.950}"
+				},
+				"destructive": {
+					"$value": "{color.red.500}"
+				}
+			},
+			"ui": {
+				"primary": {
+					"$value": "{color.gray.700}"
+				},
+				"secondary": {
+					"$value": "{color.gray.500}"
+				}
+			},
+			"field": {
+				"base": {
+					"$value": "{color.gray.600}"
+				}
+			}
+		},
+		"shadow": {
+			"$extensions": {
+				"com.figma": {
+					"hiddenFromPublishing": false,
+					"scopes": ["EFFECT_COLOR"],
+					"codeSyntax": {}
+				}
+			},
+			"interactive": {
+				"focus": {
+					"$value": "{color.blue.600}"
+				},
+				"primary": {
+					"$value": "{color.white.950}"
+				}
+			},
+			"ui": {
+				"primary": {
+					"$value": "{color.black.50}"
+				},
+				"secondary": {
+					"$value": "{color.black.0}"
+				}
+			}
+		},
+		"text": {
+			"$extensions": {
+				"com.figma": {
+					"hiddenFromPublishing": false,
+					"scopes": ["TEXT_FILL"],
+					"codeSyntax": {}
+				}
+			},
+			"feedback": {
+				"base": {
+					"$value": "{color.text.ui.primary.base}"
+				},
+				"error": {
+					"$value": "{color.red.600}"
+				},
+				"success": {
+					"$value": "{color.green.600}"
+				},
+				"info": {
+					"$value": "{color.blue.600}"
+				},
+				"warning": {
+					"$value": "{color.brand.orange.dark}"
+				}
+			},
+			"interactive": {
+				"base": {
+					"$value": "{color.blue.600}"
+				},
+				"active": {
+					"$value": "{color.purple.700}"
+				},
+				"primary": {
+					"base": {
+						"$value": "{color.white.950}"
+					},
+					"active": {
+						"$value": "{color.white.950}"
+					},
+					"focus": {
+						"$value": "{color.white.950}"
+					},
+					"hover": {
+						"$value": "{color.white.950}"
+					}
+				},
+				"secondary": {
+					"$value": "{color.gray.600}"
+				},
+				"destructive": {
+					"$value": "{color.text.feedback.error}"
+				},
+				"disabled": {
+					"$value": "{color.gray.500}"
+				},
+				"selected": {
+					"$value": "{color.blue.600}"
+				}
+			},
+			"ui": {
+				"primary": {
+					"base": {
+						"$value": "{color.gray.900}"
+					},
+					"inverted": {
+						"$value": "{color.white.950}"
+					}
+				},
+				"secondary": {
+					"$value": "{color.gray.600}"
+				}
+			},
+			"field": {
+				"disabled": {
+					"$value": "{color.gray.500}"
+				},
+				"placeholder": {
+					"$value": "{color.gray.500}"
+				}
+			},
+			"product": {
+				"beta": {
+					"$value": "{color.purple.600}"
+				},
+				"federal": {
+					"$value": "{color.gray.950}"
+				}
+			},
+			"code": {
+				"function": {
+					"$value": "{color.brand.purple.dark}"
+				},
+				"tag": {
+					"$value": "{color.brand.orange.dark}"
+				},
+				"string": {
+					"$value": "{color.brand.cyan.dark}"
+				},
+				"comment": {
+					"$value": "{color.gray.400}"
+				},
+				"base": {
+					"$value": "{color.gray.600}"
+				},
+				"keyword": {
+					"$value": "{color.brand.pink.base}"
+				},
+				"title": {
+					"$value": "{color.brand.orange.base}"
+				},
+				"number": {
+					"$value": "{color.brand.blue.dark}"
+				}
+			}
+		},
+		"data": {
+			"$extensions": {
+				"com.figma": {
+					"hiddenFromPublishing": false,
+					"scopes": ["ALL_SCOPES"],
+					"codeSyntax": {}
+				}
+			},
+			"info": {
+				"$value": "#8960C2"
+			},
+			"comparison": {
+				"$value": "#A9AFB4"
+			},
+			"neutral": {
+				"$value": "#94999F"
+			},
+			"positive": {
+				"$value": "#008344"
+			},
+			"negative": {
+				"$value": "#DB2251"
+			},
+			"series": {
+				"1": {
+					"$value": "#34B6D0"
+				},
+				"2": {
+					"$value": "#FEBE70"
+				},
+				"3": {
+					"$value": "#8960C2"
+				},
+				"4": {
+					"$value": "#008344"
+				}
+			}
+		}
+	}
+}
diff --git a/packages/tokens/old_tokens/color-primitives.dark.json b/packages/tokens/old_tokens/color-primitives.dark.json
new file mode 100644
index 000000000..fa4fb1cbc
--- /dev/null
+++ b/packages/tokens/old_tokens/color-primitives.dark.json
@@ -0,0 +1,5 @@
+{
+	"color": {
+		"$type": "color"
+	}
+}
diff --git a/packages/tokens/old_tokens/color-primitives.default.json b/packages/tokens/old_tokens/color-primitives.default.json
new file mode 100644
index 000000000..f4fcb4b61
--- /dev/null
+++ b/packages/tokens/old_tokens/color-primitives.default.json
@@ -0,0 +1,357 @@
+{
+	"color": {
+		"$type": "color",
+		"$extensions": {
+			"com.figma": {
+				"hiddenFromPublishing": false,
+				"scopes": ["ALL_SCOPES"],
+				"codeSyntax": {}
+			}
+		},
+		"gray": {
+			"0": {
+				"$value": "#F7F9FB"
+			},
+			"50": {
+				"$value": "#ECEFF2"
+			},
+			"100": {
+				"$value": "#D8DDE3"
+			},
+			"200": {
+				"$value": "#C6CBD1"
+			},
+			"300": {
+				"$value": "#A9AFB4"
+			},
+			"400": {
+				"$value": "#898E94"
+			},
+			"500": {
+				"$value": "#6C727A"
+			},
+			"600": {
+				"$value": "#545A62"
+			},
+			"700": {
+				"$value": "#3F454C"
+			},
+			"800": {
+				"$value": "#2D3239"
+			},
+			"900": {
+				"$value": "#23252A"
+			},
+			"950": {
+				"$value": "#181A1F"
+			}
+		},
+		"blue": {
+			"0": {
+				"$value": "#F6F8FF"
+			},
+			"50": {
+				"$value": "#E4EAFF"
+			},
+			"100": {
+				"$value": "#CFD9FF"
+			},
+			"200": {
+				"$value": "#AFBFFF"
+			},
+			"300": {
+				"$value": "#8A9EFF"
+			},
+			"400": {
+				"$value": "#7084FF"
+			},
+			"500": {
+				"$value": "#425EFF"
+			},
+			"600": {
+				"$value": "#3144D9"
+			},
+			"700": {
+				"$value": "#2536A6"
+			},
+			"800": {
+				"$value": "#19267D"
+			},
+			"900": {
+				"$value": "#121D61"
+			},
+			"950": {
+				"$value": "#0B144D"
+			}
+		},
+		"purple": {
+			"0": {
+				"$value": "#FBF6FF"
+			},
+			"50": {
+				"$value": "#F4E9FF"
+			},
+			"100": {
+				"$value": "#E6D0FF"
+			},
+			"200": {
+				"$value": "#DCB9FF"
+			},
+			"300": {
+				"$value": "#CB91FF"
+			},
+			"400": {
+				"$value": "#BD61FF"
+			},
+			"500": {
+				"$value": "#A636EC"
+			},
+			"600": {
+				"$value": "#8717CD"
+			},
+			"700": {
+				"$value": "#6A00A9"
+			},
+			"800": {
+				"$value": "#4E007E"
+			},
+			"900": {
+				"$value": "#3C0262"
+			},
+			"950": {
+				"$value": "#2E004D"
+			}
+		},
+		"green": {
+			"0": {
+				"$value": "#E5FFE8"
+			},
+			"50": {
+				"$value": "#C7FBCE"
+			},
+			"100": {
+				"$value": "#A3F2B4"
+			},
+			"200": {
+				"$value": "#6CE090"
+			},
+			"300": {
+				"$value": "#1ECB6A"
+			},
+			"400": {
+				"$value": "#00A455"
+			},
+			"500": {
+				"$value": "#008344"
+			},
+			"600": {
+				"$value": "#006933"
+			},
+			"700": {
+				"$value": "#005025"
+			},
+			"800": {
+				"$value": "#003B1B"
+			},
+			"900": {
+				"$value": "#092C17"
+			},
+			"950": {
+				"$value": "#00210D"
+			}
+		},
+		"red": {
+			"0": {
+				"$value": "#FFF5F6"
+			},
+			"50": {
+				"$value": "#FFE8EB"
+			},
+			"100": {
+				"$value": "#FFCDD6"
+			},
+			"200": {
+				"$value": "#FFB5BD"
+			},
+			"300": {
+				"$value": "#FF8A96"
+			},
+			"400": {
+				"$value": "#F84F6E"
+			},
+			"500": {
+				"$value": "#DB2251"
+			},
+			"600": {
+				"$value": "#B6073C"
+			},
+			"700": {
+				"$value": "#8C062B"
+			},
+			"800": {
+				"$value": "#6B001C"
+			},
+			"900": {
+				"$value": "#4E0B16"
+			},
+			"950": {
+				"$value": "#3C040D"
+			}
+		},
+		"black": {
+			"0": {
+				"$value": "#07080C0D"
+			},
+			"50": {
+				"$value": "#07080C1A"
+			},
+			"100": {
+				"$value": "#07080C26"
+			},
+			"200": {
+				"$value": "#07080C33"
+			},
+			"300": {
+				"$value": "#07080C4D"
+			},
+			"400": {
+				"$value": "#07080C66"
+			},
+			"500": {
+				"$value": "#07080C80"
+			},
+			"600": {
+				"$value": "#07080C99"
+			},
+			"700": {
+				"$value": "#07080CB3"
+			},
+			"800": {
+				"$value": "#07080CCC"
+			},
+			"900": {
+				"$value": "#07080CE6"
+			},
+			"950": {
+				"$value": "#07080C"
+			}
+		},
+		"white": {
+			"0": {
+				"$value": "#FFFFFF0D"
+			},
+			"50": {
+				"$value": "#FFFFFF1A"
+			},
+			"100": {
+				"$value": "#FFFFFF26"
+			},
+			"200": {
+				"$value": "#FFFFFF33"
+			},
+			"300": {
+				"$value": "#FFFFFF4D"
+			},
+			"400": {
+				"$value": "#FFFFFF66"
+			},
+			"500": {
+				"$value": "#FFFFFF80"
+			},
+			"600": {
+				"$value": "#FFFFFF99"
+			},
+			"700": {
+				"$value": "#FFFFFFB3"
+			},
+			"800": {
+				"$value": "#FFFFFFCC"
+			},
+			"900": {
+				"$value": "#FFFFFFE6"
+			},
+			"950": {
+				"$value": "#FFFFFF"
+			}
+		},
+		"brand": {
+			"blue": {
+				"light": {
+					"$value": "#7084FF"
+				},
+				"base": {
+					"$value": "#405BFF"
+				},
+				"dark": {
+					"$value": "#2A3BA6"
+				}
+			},
+			"cyan": {
+				"light": {
+					"$value": "#6DE0F7"
+				},
+				"base": {
+					"$value": "#3DD6F5"
+				},
+				"dark": {
+					"$value": "#238CA3"
+				}
+			},
+			"purple": {
+				"light": {
+					"$value": "#B675E4"
+				},
+				"base": {
+					"$value": "#A34FDE"
+				},
+				"dark": {
+					"$value": "#6A3390"
+				}
+			},
+			"pink": {
+				"light": {
+					"$value": "#EE5DAC"
+				},
+				"base": {
+					"$value": "#FF35A2"
+				},
+				"dark": {
+					"$value": "#810B4B"
+				}
+			},
+			"orange": {
+				"light": {
+					"$value": "#FFD099"
+				},
+				"base": {
+					"$value": "#FF9D29"
+				},
+				"dark": {
+					"$value": "#A35901"
+				}
+			},
+			"yellow": {
+				"light": {
+					"$value": "#F7FFAF"
+				},
+				"base": {
+					"$value": "#EBFF38"
+				},
+				"dark": {
+					"$value": "#818C1F"
+				}
+			},
+			"green": {
+				"light": {
+					"$value": "#E1FFC8"
+				},
+				"base": {
+					"$value": "#8BEF34"
+				},
+				"dark": {
+					"$value": "#439000"
+				}
+			}
+		}
+	}
+}
diff --git a/packages/tokens/src/build.ts b/packages/tokens/src/build.ts
index 9ee9ab4fe..81bb1d3cd 100644
--- a/packages/tokens/src/build.ts
+++ b/packages/tokens/src/build.ts
@@ -69,6 +69,62 @@ const removeExtensions = (slice: DesignTokens | DesignToken): PreprocessedTokens
 	return slice as PreprocessedTokens;
 };
 
+// OKLch → sRGB hex conversion.
+// Style Dictionary's built-in colorRgb transform uses tinycolor2, which does not
+// support the oklch() color format. This preprocessor converts oklch values to hex
+// before any transforms run, so downstream consumers receive standard hex colors.
+function oklchToHex(str: string): string {
+	const match = str.match(/oklch\(\s*([\d.]+)\s+([\d.]+)\s+([\d.]+)\s*\)/);
+	if (!match) return str;
+
+	const L = Number.parseFloat(match[1]);
+	const C = Number.parseFloat(match[2]);
+	const H = Number.parseFloat(match[3]);
+
+	const hRad = (H * Math.PI) / 180;
+	const a = C * Math.cos(hRad);
+	const b = C * Math.sin(hRad);
+
+	const l_ = L + 0.3963377774 * a + 0.2158037573 * b;
+	const m_ = L - 0.1055613458 * a - 0.0638541728 * b;
+	const s_ = L - 0.0894841775 * a - 1.291485548 * b;
+
+	const l3 = l_ * l_ * l_;
+	const m3 = m_ * m_ * m_;
+	const s3 = s_ * s_ * s_;
+
+	const rLin = +4.0767416621 * l3 - 3.3077115913 * m3 + 0.2309699292 * s3;
+	const gLin = -1.2684380046 * l3 + 2.6097574011 * m3 - 0.3413193965 * s3;
+	const bLin = -0.0041960863 * l3 - 0.7034186147 * m3 + 1.707614701 * s3;
+
+	const linearToSrgb = (x: number) => {
+		const c = Math.max(0, Math.min(1, x));
+		return c <= 0.0031308 ? 12.92 * c : 1.055 * c ** (1 / 2.4) - 0.055;
+	};
+
+	const toHex = (v: number) =>
+		Math.round(linearToSrgb(v) * 255)
+			.toString(16)
+			.padStart(2, '0');
+
+	return `#${toHex(rLin)}${toHex(gLin)}${toHex(bLin)}`;
+}
+
+const convertOklchValues = (slice: DesignTokens | DesignToken): PreprocessedTokens => {
+	const clone = structuredClone(slice);
+	const recurse = (node: DesignTokens | DesignToken) => {
+		for (const [key, val] of Object.entries(node)) {
+			if (key === '$value' && typeof val === 'string' && val.startsWith('oklch(')) {
+				(node as Record<string, unknown>)[key] = oklchToHex(val);
+			} else if (typeof val === 'object' && val !== null) {
+				recurse(val as DesignTokens);
+			}
+		}
+	};
+	recurse(clone);
+	return clone as PreprocessedTokens;
+};
+
 const getResolvedType = (value: DesignToken['$value']) => {
 	switch (typeof value) {
 		case 'object':
@@ -85,11 +141,19 @@ const getResolvedType = (value: DesignToken['$value']) => {
 };
 
 const sd = new StyleDictionary({
-	source: ['tokens/*.json'],
+	log: { verbosity: 'verbose' },
+	source: [
+		'tokens/*.json',
+		'!tokens/color-aliases.dark.json',
+		'!tokens/color-primitives.dark.json',
+		'!tokens/color-primitives-map.dark.json',
+		'!tokens/color-tokens.json',
+	],
 	hooks: {
 		preprocessors: {
 			extensions: extensionsDtcgDelegate,
 			'strip-extensions': removeExtensions,
+			'convert-oklch': convertOklchValues,
 		},
 	},
 	platforms: {
@@ -135,6 +199,7 @@ const sd = new StyleDictionary({
 			basePxFontSize: 16,
 			transformGroup: transformGroups.js,
 			transforms: [transforms.sizePxToRem, transforms.colorRgb],
+			preprocessors: ['convert-oklch'],
 			buildPath: 'dist/',
 			options: {
 				outputReferences: true,
@@ -177,7 +242,7 @@ const sd = new StyleDictionary({
 		figma: {
 			buildPath: 'dist/',
 			transforms: [transforms.nameKebab, transforms.attributeColor],
-			preprocessors: ['extensions'],
+			preprocessors: ['convert-oklch', 'extensions'],
 			options: {
 				outputReferences: true,
 				usesDtcg: true,
@@ -209,11 +274,18 @@ const sd = new StyleDictionary({
 });
 
 const modes = new StyleDictionary({
-	source: [`tokens/*.${light}.json`, `tokens/*.${dark}.json`],
+	log: { verbosity: 'verbose' },
+	source: [`tokens/*.${light}.json`, `tokens/*.${dark}.json`, 'tokens/color-primitives-map.json'],
+	hooks: {
+		preprocessors: {
+			'convert-oklch': convertOklchValues,
+		},
+	},
 	platforms: {
 		figma: {
 			buildPath: 'dist/',
 			transforms: [transforms.nameKebab, transforms.attributeColor],
+			preprocessors: ['convert-oklch'],
 			options: {
 				outputReferences: true,
 				usesDtcg: true,
diff --git a/packages/tokens/src/themes.ts b/packages/tokens/src/themes.ts
index 7f92db625..787a326ae 100644
--- a/packages/tokens/src/themes.ts
+++ b/packages/tokens/src/themes.ts
@@ -6,7 +6,12 @@ export const themes = ['default', 'dark'] as const;
 export type Theme = (typeof themes)[number];
 
 export const css = (theme: Theme): Config => ({
-	source: ['tokens/color-primitives.default.json', `tokens/*.${theme}.json`],
+	log: { verbosity: 'verbose' },
+	source: [
+		'tokens/color-primitives.default.json',
+		'tokens/color-primitives-map.json',
+		`tokens/*.${theme}.json`,
+	],
 	platforms: {
 		css: {
 			prefix: 'lp',
diff --git a/packages/tokens/tokens/color-aliases.dark.json b/packages/tokens/tokens/color-aliases.dark.json
index 73e7f441d..ec4467b63 100644
--- a/packages/tokens/tokens/color-aliases.dark.json
+++ b/packages/tokens/tokens/color-aliases.dark.json
@@ -4,82 +4,82 @@
 		"bg": {
 			"feedback": {
 				"error": {
-					"$value": "{color.red.900}"
+					"$value": "{color.negative.100}"
 				},
 				"info": {
-					"$value": "{color.blue.900}"
+					"$value": "{color.action.100}"
 				},
 				"success": {
-					"$value": "{color.green.900}"
+					"$value": "{color.positive.100}"
 				},
 				"warning": {
-					"$value": "{color.brand.orange.dark}"
+					"$value": "{color.warning.200}"
 				}
 			},
 			"interactive": {
 				"primary": {
 					"base": {
-						"$value": "{color.blue.600}"
+						"$value": "{color.action.400}"
 					},
 					"active": {
-						"$value": "{color.blue.600}"
+						"$value": "{color.action.400}"
 					},
 					"focus": {
-						"$value": "{color.blue.500}"
+						"$value": "{color.action.500}"
 					},
 					"hover": {
-						"$value": "{color.blue.500}"
+						"$value": "{color.action.500}"
 					}
 				},
 				"secondary": {
 					"focus": {
-						"$value": "{color.gray.800}"
+						"$value": "{color.neutral.100}"
 					},
 					"hover": {
-						"$value": "{color.gray.800}"
+						"$value": "{color.neutral.100}"
 					}
 				},
 				"tertiary": {
 					"focus": {
-						"$value": "{color.gray.800}"
+						"$value": "{color.neutral.100}"
 					},
 					"hover": {
-						"$value": "{color.gray.800}"
+						"$value": "{color.neutral.100}"
 					}
 				},
 				"destructive": {
 					"base": {
-						"$value": "{color.red.600}"
+						"$value": "{color.negative.400}"
 					},
 					"active": {
-						"$value": "{color.red.600}"
+						"$value": "{color.negative.400}"
 					},
 					"focus": {
-						"$value": "{color.red.500}"
+						"$value": "{color.negative.500}"
 					},
 					"hover": {
-						"$value": "{color.red.500}"
+						"$value": "{color.negative.500}"
 					}
 				},
 				"disabled": {
-					"$value": "{color.gray.800}"
+					"$value": "{color.neutral.100}"
 				},
 				"link": {
-					"$value": "#4761FF33"
+					"$value": "{color.action.100}"
 				},
 				"selected": {
-					"$value": "{color.blue.950}"
+					"$value": "{color.action.50}"
 				}
 			},
 			"ui": {
 				"primary": {
-					"$value": "{color.gray.950}"
+					"$value": "{color.neutral.0}"
 				},
 				"secondary": {
-					"$value": "{color.gray.900}"
+					"$value": "{color.neutral.25}"
 				},
 				"tertiary": {
-					"$value": "{color.gray.800}"
+					"$value": "{color.neutral.50}"
 				}
 			},
 			"overlay": {
@@ -94,7 +94,7 @@
 			},
 			"product": {
 				"beta": {
-					"$value": "{color.purple.900}"
+					"$value": "{color.info.100}"
 				},
 				"federal": {
 					"$value": "{color.brand.yellow.dark}"
@@ -104,59 +104,59 @@
 		"border": {
 			"feedback": {
 				"error": {
-					"$value": "{color.red.400}"
+					"$value": "{color.negative.400}"
 				},
 				"info": {
-					"$value": "{color.blue.400}"
+					"$value": "{color.action.400}"
 				},
 				"success": {
-					"$value": "{color.green.400}"
+					"$value": "{color.positive.400}"
 				}
 			},
 			"field": {
 				"active": {
-					"$value": "{color.blue.400}"
+					"$value": "{color.action.400}"
 				},
 				"focus": {
-					"$value": "{color.blue.400}"
+					"$value": "{color.action.400}"
 				}
 			},
 			"interactive": {
 				"focus": {
-					"$value": "{color.blue.400}"
+					"$value": "{color.action.400}"
 				},
 				"selected": {
-					"$value": "{color.blue.400}"
+					"$value": "{color.action.400}"
 				}
 			},
 			"ui": {
 				"primary": {
-					"$value": "{color.gray.700}"
+					"$value": "{color.neutral.200}"
 				},
 				"secondary": {
-					"$value": "{color.gray.800}"
+					"$value": "{color.neutral.100}"
 				}
 			}
 		},
 		"fill": {
 			"ui": {
 				"primary": {
-					"$value": "{color.gray.200}"
+					"$value": "{color.neutral.400}"
 				}
 			},
 			"field": {
 				"base": {
-					"$value": "{color.gray.400}"
+					"$value": "{color.neutral.300}"
 				}
 			}
 		},
 		"shadow": {
 			"interactive": {
 				"focus": {
-					"$value": "{color.blue.400}"
+					"$value": "{color.action.400}"
 				},
 				"primary": {
-					"$value": "{color.gray.950}"
+					"$value": "{color.neutral.0}"
 				}
 			},
 			"ui": {
@@ -171,56 +171,56 @@
 		"text": {
 			"feedback": {
 				"error": {
-					"$value": "{color.red.400}"
+					"$value": "{color.negative.500}"
 				},
 				"success": {
-					"$value": "{color.green.400}"
+					"$value": "{color.positive.500}"
 				},
 				"info": {
-					"$value": "{color.blue.400}"
+					"$value": "{color.action.500}"
 				},
 				"warning": {
-					"$value": "{color.brand.orange.light}"
+					"$value": "{color.warning.600}"
 				}
 			},
 			"interactive": {
 				"base": {
-					"$value": "{color.blue.400}"
+					"$value": "{color.action.500}"
 				},
 				"active": {
-					"$value": "{color.purple.400}"
+					"$value": "{color.info.500}"
 				},
 				"secondary": {
-					"$value": "{color.gray.400}"
+					"$value": "{color.neutral.500}"
 				},
 				"disabled": {
-					"$value": "{color.gray.600}"
+					"$value": "{color.neutral.400}"
 				},
 				"selected": {
-					"$value": "{color.blue.100}"
+					"$value": "{color.action.700}"
 				}
 			},
 			"ui": {
 				"primary": {
 					"base": {
-						"$value": "{color.gray.0}"
+						"$value": "{color.neutral.800}"
 					},
 					"inverted": {
-						"$value": "{color.gray.950}"
+						"$value": "{color.neutral.0}"
 					}
 				},
 				"secondary": {
-					"$value": "{color.gray.400}"
+					"$value": "{color.neutral.500}"
 				}
 			},
 			"field": {
 				"placeholder": {
-					"$value": "{color.gray.400}"
+					"$value": "{color.neutral.400}"
 				}
 			},
 			"product": {
 				"beta": {
-					"$value": "{color.purple.400}"
+					"$value": "{color.info.500}"
 				}
 			},
 			"code": {
@@ -234,7 +234,7 @@
 					"$value": "{color.brand.cyan.light}"
 				},
 				"base": {
-					"$value": "{color.gray.200}"
+					"$value": "{color.neutral.600}"
 				},
 				"keyword": {
 					"$value": "{color.brand.pink.light}"
diff --git a/packages/tokens/tokens/color-aliases.default.json b/packages/tokens/tokens/color-aliases.default.json
index 4469af960..06adc6e0b 100644
--- a/packages/tokens/tokens/color-aliases.default.json
+++ b/packages/tokens/tokens/color-aliases.default.json
@@ -11,34 +11,34 @@
 			},
 			"feedback": {
 				"primary": {
-					"$value": "{color.gray.800}"
+					"$value": "{color.neutral.700}"
 				},
 				"error": {
-					"$value": "{color.red.50}"
+					"$value": "{color.negative.50}"
 				},
 				"info": {
-					"$value": "{color.blue.50}"
+					"$value": "{color.action.50}"
 				},
 				"success": {
-					"$value": "{color.green.50}"
+					"$value": "{color.positive.50}"
 				},
 				"warning": {
-					"$value": "{color.brand.orange.light}"
+					"$value": "{color.warning.300}"
 				}
 			},
 			"interactive": {
 				"primary": {
 					"base": {
-						"$value": "{color.blue.500}"
+						"$value": "{color.action.500}"
 					},
 					"active": {
-						"$value": "{color.blue.500}"
+						"$value": "{color.action.500}"
 					},
 					"focus": {
-						"$value": "{color.blue.600}"
+						"$value": "{color.action.600}"
 					},
 					"hover": {
-						"$value": "{color.blue.600}"
+						"$value": "{color.action.600}"
 					}
 				},
 				"secondary": {
@@ -49,10 +49,10 @@
 						"$value": "{color.bg.ui.primary}"
 					},
 					"focus": {
-						"$value": "{color.gray.50}"
+						"$value": "{color.neutral.50}"
 					},
 					"hover": {
-						"$value": "{color.gray.50}"
+						"$value": "{color.neutral.50}"
 					}
 				},
 				"tertiary": {
@@ -63,45 +63,45 @@
 						"$value": "transparent"
 					},
 					"focus": {
-						"$value": "{color.gray.50}"
+						"$value": "{color.neutral.50}"
 					},
 					"hover": {
-						"$value": "{color.gray.50}"
+						"$value": "{color.neutral.50}"
 					}
 				},
 				"destructive": {
 					"base": {
-						"$value": "{color.red.500}"
+						"$value": "{color.negative.500}"
 					},
 					"active": {
-						"$value": "{color.red.500}"
+						"$value": "{color.negative.500}"
 					},
 					"focus": {
-						"$value": "{color.red.600}"
+						"$value": "{color.negative.600}"
 					},
 					"hover": {
-						"$value": "{color.red.600}"
+						"$value": "{color.negative.600}"
 					}
 				},
 				"disabled": {
-					"$value": "{color.gray.100}"
+					"$value": "{color.neutral.100}"
 				},
 				"link": {
-					"$value": "{color.blue.50}"
+					"$value": "{color.action.50}"
 				},
 				"selected": {
-					"$value": "{color.blue.0}"
+					"$value": "{color.action.0}"
 				}
 			},
 			"ui": {
 				"primary": {
-					"$value": "{color.white.950}"
+					"$value": "{color.neutral.0}"
 				},
 				"secondary": {
-					"$value": "{color.gray.0}"
+					"$value": "{color.neutral.25}"
 				},
 				"tertiary": {
-					"$value": "{color.gray.50}"
+					"$value": "{color.neutral.50}"
 				}
 			},
 			"overlay": {
@@ -122,7 +122,7 @@
 			},
 			"product": {
 				"beta": {
-					"$value": "{color.purple.100}"
+					"$value": "{color.info.100}"
 				},
 				"federal": {
 					"$value": "{color.brand.yellow.base}"
@@ -139,13 +139,13 @@
 			},
 			"feedback": {
 				"error": {
-					"$value": "{color.red.500}"
+					"$value": "{color.negative.500}"
 				},
 				"info": {
-					"$value": "{color.blue.500}"
+					"$value": "{color.action.500}"
 				},
 				"success": {
-					"$value": "{color.green.500}"
+					"$value": "{color.positive.500}"
 				}
 			},
 			"field": {
@@ -153,10 +153,10 @@
 					"$value": "{color.border.ui.primary}"
 				},
 				"active": {
-					"$value": "{color.blue.500}"
+					"$value": "{color.action.500}"
 				},
 				"focus": {
-					"$value": "{color.blue.500}"
+					"$value": "{color.action.500}"
 				},
 				"error": {
 					"$value": "{color.border.feedback.error}"
@@ -167,7 +167,7 @@
 			},
 			"interactive": {
 				"focus": {
-					"$value": "{color.blue.500}"
+					"$value": "{color.action.500}"
 				},
 				"primary": {
 					"base": {
@@ -204,15 +204,15 @@
 					"$value": "transparent"
 				},
 				"selected": {
-					"$value": "{color.blue.500}"
+					"$value": "{color.action.500}"
 				}
 			},
 			"ui": {
 				"primary": {
-					"$value": "{color.gray.100}"
+					"$value": "{color.neutral.100}"
 				},
 				"secondary": {
-					"$value": "{color.gray.50}"
+					"$value": "{color.neutral.50}"
 				}
 			}
 		},
@@ -226,34 +226,34 @@
 			},
 			"feedback": {
 				"error": {
-					"$value": "{color.red.500}"
+					"$value": "{color.negative.500}"
 				},
 				"info": {
-					"$value": "{color.blue.500}"
+					"$value": "{color.action.500}"
 				},
 				"success": {
-					"$value": "{color.green.500}"
+					"$value": "{color.positive.500}"
 				}
 			},
 			"interactive": {
 				"primary": {
-					"$value": "{color.white.950}"
+					"$value": "{color.neutral.0}"
 				},
 				"destructive": {
-					"$value": "{color.red.500}"
+					"$value": "{color.negative.500}"
 				}
 			},
 			"ui": {
 				"primary": {
-					"$value": "{color.gray.700}"
+					"$value": "{color.neutral.700}"
 				},
 				"secondary": {
-					"$value": "{color.gray.500}"
+					"$value": "{color.neutral.500}"
 				}
 			},
 			"field": {
 				"base": {
-					"$value": "{color.gray.600}"
+					"$value": "{color.neutral.600}"
 				}
 			}
 		},
@@ -267,10 +267,10 @@
 			},
 			"interactive": {
 				"focus": {
-					"$value": "{color.blue.600}"
+					"$value": "{color.action.600}"
 				},
 				"primary": {
-					"$value": "{color.white.950}"
+					"$value": "{color.neutral.0}"
 				}
 			},
 			"ui": {
@@ -295,79 +295,79 @@
 					"$value": "{color.text.ui.primary.base}"
 				},
 				"error": {
-					"$value": "{color.red.600}"
+					"$value": "{color.negative.600}"
 				},
 				"success": {
-					"$value": "{color.green.600}"
+					"$value": "{color.positive.600}"
 				},
 				"info": {
-					"$value": "{color.blue.600}"
+					"$value": "{color.action.600}"
 				},
 				"warning": {
-					"$value": "{color.brand.orange.dark}"
+					"$value": "{color.warning.700}"
 				}
 			},
 			"interactive": {
 				"base": {
-					"$value": "{color.blue.600}"
+					"$value": "{color.action.600}"
 				},
 				"active": {
-					"$value": "{color.purple.700}"
+					"$value": "{color.info.700}"
 				},
 				"primary": {
 					"base": {
-						"$value": "{color.white.950}"
+						"$value": "{color.neutral.0}"
 					},
 					"active": {
-						"$value": "{color.white.950}"
+						"$value": "{color.neutral.0}"
 					},
 					"focus": {
-						"$value": "{color.white.950}"
+						"$value": "{color.neutral.0}"
 					},
 					"hover": {
-						"$value": "{color.white.950}"
+						"$value": "{color.neutral.0}"
 					}
 				},
 				"secondary": {
-					"$value": "{color.gray.600}"
+					"$value": "{color.neutral.600}"
 				},
 				"destructive": {
 					"$value": "{color.text.feedback.error}"
 				},
 				"disabled": {
-					"$value": "{color.gray.500}"
+					"$value": "{color.neutral.500}"
 				},
 				"selected": {
-					"$value": "{color.blue.600}"
+					"$value": "{color.action.600}"
 				}
 			},
 			"ui": {
 				"primary": {
 					"base": {
-						"$value": "{color.gray.900}"
+						"$value": "{color.neutral.800}"
 					},
 					"inverted": {
-						"$value": "{color.white.950}"
+						"$value": "{color.neutral.0}"
 					}
 				},
 				"secondary": {
-					"$value": "{color.gray.600}"
+					"$value": "{color.neutral.600}"
 				}
 			},
 			"field": {
 				"disabled": {
-					"$value": "{color.gray.500}"
+					"$value": "{color.neutral.500}"
 				},
 				"placeholder": {
-					"$value": "{color.gray.500}"
+					"$value": "{color.neutral.500}"
 				}
 			},
 			"product": {
 				"beta": {
-					"$value": "{color.purple.600}"
+					"$value": "{color.info.600}"
 				},
 				"federal": {
-					"$value": "{color.gray.950}"
+					"$value": "{color.neutral.800}"
 				}
 			},
 			"code": {
@@ -381,10 +381,10 @@
 					"$value": "{color.brand.cyan.dark}"
 				},
 				"comment": {
-					"$value": "{color.gray.400}"
+					"$value": "{color.neutral.400}"
 				},
 				"base": {
-					"$value": "{color.gray.600}"
+					"$value": "{color.neutral.600}"
 				},
 				"keyword": {
 					"$value": "{color.brand.pink.base}"
diff --git a/packages/tokens/tokens/color-primitives-map.dark.json b/packages/tokens/tokens/color-primitives-map.dark.json
new file mode 100644
index 000000000..c2b98aa18
--- /dev/null
+++ b/packages/tokens/tokens/color-primitives-map.dark.json
@@ -0,0 +1,32 @@
+{
+	"color": {
+		"$type": "color",
+		"$extensions": {
+			"com.figma": {
+				"hiddenFromPublishing": true,
+				"scopes": ["ALL_SCOPES"],
+				"codeSyntax": {}
+			}
+		},
+		"gray": {
+			"900": { "$value": "{color.neutral.25}" },
+			"950": { "$value": "{color.neutral.0}" }
+		},
+		"blue": {
+			"900": { "$value": "{color.action.25}" },
+			"950": { "$value": "{color.action.0}" }
+		},
+		"red": {
+			"900": { "$value": "{color.negative.25}" },
+			"950": { "$value": "{color.negative.0}" }
+		},
+		"green": {
+			"900": { "$value": "{color.positive.25}" },
+			"950": { "$value": "{color.positive.0}" }
+		},
+		"purple": {
+			"900": { "$value": "{color.info.25}" },
+			"950": { "$value": "{color.info.0}" }
+		}
+	}
+}
diff --git a/packages/tokens/tokens/color-primitives-map.json b/packages/tokens/tokens/color-primitives-map.json
new file mode 100644
index 000000000..1e7e121f7
--- /dev/null
+++ b/packages/tokens/tokens/color-primitives-map.json
@@ -0,0 +1,147 @@
+{
+	"color": {
+		"$type": "color",
+		"$extensions": {
+			"com.figma": {
+				"hiddenFromPublishing": true,
+				"scopes": ["ALL_SCOPES"],
+				"codeSyntax": {}
+			}
+		},
+		"gray": {
+			"0": { "$value": "{color.neutral.0}" },
+			"50": { "$value": "{color.neutral.50}" },
+			"100": { "$value": "{color.neutral.100}" },
+			"200": { "$value": "{color.neutral.200}" },
+			"300": { "$value": "{color.neutral.300}" },
+			"400": { "$value": "{color.neutral.400}" },
+			"500": { "$value": "{color.neutral.500}" },
+			"600": { "$value": "{color.neutral.600}" },
+			"700": { "$value": "{color.neutral.700}" },
+			"800": { "$value": "{color.neutral.800}" },
+			"900": { "$value": "{color.neutral.800}" },
+			"950": { "$value": "{color.neutral.800}" }
+		},
+		"blue": {
+			"0": { "$value": "{color.action.0}" },
+			"50": { "$value": "{color.action.50}" },
+			"100": { "$value": "{color.action.100}" },
+			"200": { "$value": "{color.action.200}" },
+			"300": { "$value": "{color.action.300}" },
+			"400": { "$value": "{color.action.400}" },
+			"500": { "$value": "{color.action.500}" },
+			"600": { "$value": "{color.action.600}" },
+			"700": { "$value": "{color.action.700}" },
+			"800": { "$value": "{color.action.800}" },
+			"900": { "$value": "{color.action.800}" },
+			"950": { "$value": "{color.action.800}" }
+		},
+		"red": {
+			"0": { "$value": "{color.negative.0}" },
+			"50": { "$value": "{color.negative.50}" },
+			"100": { "$value": "{color.negative.100}" },
+			"200": { "$value": "{color.negative.200}" },
+			"300": { "$value": "{color.negative.300}" },
+			"400": { "$value": "{color.negative.400}" },
+			"500": { "$value": "{color.negative.500}" },
+			"600": { "$value": "{color.negative.600}" },
+			"700": { "$value": "{color.negative.700}" },
+			"800": { "$value": "{color.negative.800}" },
+			"900": { "$value": "{color.negative.800}" },
+			"950": { "$value": "{color.negative.800}" }
+		},
+		"green": {
+			"0": { "$value": "{color.positive.0}" },
+			"50": { "$value": "{color.positive.50}" },
+			"100": { "$value": "{color.positive.100}" },
+			"200": { "$value": "{color.positive.200}" },
+			"300": { "$value": "{color.positive.300}" },
+			"400": { "$value": "{color.positive.400}" },
+			"500": { "$value": "{color.positive.500}" },
+			"600": { "$value": "{color.positive.600}" },
+			"700": { "$value": "{color.positive.700}" },
+			"800": { "$value": "{color.positive.800}" },
+			"900": { "$value": "{color.positive.800}" },
+			"950": { "$value": "{color.positive.800}" }
+		},
+		"purple": {
+			"0": { "$value": "{color.info.0}" },
+			"50": { "$value": "{color.info.50}" },
+			"100": { "$value": "{color.info.100}" },
+			"200": { "$value": "{color.info.200}" },
+			"300": { "$value": "{color.info.300}" },
+			"400": { "$value": "{color.info.400}" },
+			"500": { "$value": "{color.info.500}" },
+			"600": { "$value": "{color.info.600}" },
+			"700": { "$value": "{color.info.700}" },
+			"800": { "$value": "{color.info.800}" },
+			"900": { "$value": "{color.info.800}" },
+			"950": { "$value": "{color.info.800}" }
+		},
+		"white": {
+			"0": { "$value": "#FFFFFF0D" },
+			"50": { "$value": "#FFFFFF1A" },
+			"100": { "$value": "#FFFFFF26" },
+			"200": { "$value": "#FFFFFF33" },
+			"300": { "$value": "#FFFFFF4D" },
+			"400": { "$value": "#FFFFFF66" },
+			"500": { "$value": "#FFFFFF80" },
+			"600": { "$value": "#FFFFFF99" },
+			"700": { "$value": "#FFFFFFB3" },
+			"800": { "$value": "#FFFFFFCC" },
+			"900": { "$value": "#FFFFFFE6" },
+			"950": { "$value": "#FFFFFF" }
+		},
+		"black": {
+			"0": { "$value": "#07080C0D" },
+			"50": { "$value": "#07080C1A" },
+			"100": { "$value": "#07080C26" },
+			"200": { "$value": "#07080C33" },
+			"300": { "$value": "#07080C4D" },
+			"400": { "$value": "#07080C66" },
+			"500": { "$value": "#07080C80" },
+			"600": { "$value": "#07080C99" },
+			"700": { "$value": "#07080CB3" },
+			"800": { "$value": "#07080CCC" },
+			"900": { "$value": "#07080CE6" },
+			"950": { "$value": "#07080C" }
+		},
+		"brand": {
+			"blue": {
+				"light": { "$value": "#7084FF" },
+				"base": { "$value": "#405BFF" },
+				"dark": { "$value": "#2A3BA6" }
+			},
+			"cyan": {
+				"light": { "$value": "#6DE0F7" },
+				"base": { "$value": "#3DD6F5" },
+				"dark": { "$value": "#238CA3" }
+			},
+			"purple": {
+				"light": { "$value": "#B675E4" },
+				"base": { "$value": "#A34FDE" },
+				"dark": { "$value": "#6A3390" }
+			},
+			"pink": {
+				"light": { "$value": "#EE5DAC" },
+				"base": { "$value": "#FF35A2" },
+				"dark": { "$value": "#810B4B" }
+			},
+			"orange": {
+				"light": { "$value": "#FFD099" },
+				"base": { "$value": "#FF9D29" },
+				"dark": { "$value": "#A35901" }
+			},
+			"yellow": {
+				"light": { "$value": "#F7FFAF" },
+				"base": { "$value": "#EBFF38" },
+				"dark": { "$value": "#818C1F" }
+			},
+			"green": {
+				"light": { "$value": "#E1FFC8" },
+				"base": { "$value": "#8BEF34" },
+				"dark": { "$value": "#439000" }
+			}
+		}
+	}
+}
diff --git a/packages/tokens/tokens/color-primitives.dark.json b/packages/tokens/tokens/color-primitives.dark.json
index fa4fb1cbc..a00a2023f 100644
--- a/packages/tokens/tokens/color-primitives.dark.json
+++ b/packages/tokens/tokens/color-primitives.dark.json
@@ -1,5 +1,215 @@
 {
 	"color": {
-		"$type": "color"
+		"$type": "color",
+		"neutral": {
+			"0": {
+				"$value": "oklch(0.218 0.01 268.211)"
+			},
+			"25": {
+				"$value": "oklch(0.242 0.01 268.269)"
+			},
+			"50": {
+				"$value": "oklch(0.276 0.01 268.318)"
+			},
+			"100": {
+				"$value": "oklch(0.317 0.01 268.323)"
+			},
+			"200": {
+				"$value": "oklch(0.34 0.009 268.369)"
+			},
+			"300": {
+				"$value": "oklch(0.451 0.01 253.928)"
+			},
+			"400": {
+				"$value": "oklch(0.6 0.01 252.857)"
+			},
+			"500": {
+				"$value": "oklch(0.745 0.008 249.671)"
+			},
+			"600": {
+				"$value": "oklch(0.785 0.005 252.757)"
+			},
+			"700": {
+				"$value": "oklch(0.89 0.005 252.737)"
+			},
+			"800": {
+				"$value": "oklch(0.956 0.004 247.788)"
+			}
+		},
+		"action": {
+			"0": {
+				"$value": "oklch(0.218 0.01 268.211)"
+			},
+			"25": {
+				"$value": "oklch(0.26 0.063 270.362)"
+			},
+			"50": {
+				"$value": "oklch(0.295 0.071 269.443)"
+			},
+			"100": {
+				"$value": "oklch(0.345 0.12 269.468)"
+			},
+			"200": {
+				"$value": "oklch(0.432 0.199 268.947)"
+			},
+			"300": {
+				"$value": "oklch(0.467 0.224 270.903)"
+			},
+			"400": {
+				"$value": "oklch(0.581 0.227 273.305)"
+			},
+			"500": {
+				"$value": "oklch(0.748 0.132 274.601)"
+			},
+			"600": {
+				"$value": "oklch(0.776 0.122 274.653)"
+			},
+			"700": {
+				"$value": "oklch(0.892 0.047 277.03)"
+			},
+			"800": {
+				"$value": "oklch(0.957 0.023 277.229)"
+			}
+		},
+		"negative": {
+			"0": {
+				"$value": "oklch(0.218 0.01 268.211)"
+			},
+			"25": {
+				"$value": "oklch(0.258 0.057 3.833)"
+			},
+			"50": {
+				"$value": "oklch(0.301 0.067 353.942)"
+			},
+			"100": {
+				"$value": "oklch(0.348 0.11 7.757)"
+			},
+			"200": {
+				"$value": "oklch(0.445 0.176 13.766)"
+			},
+			"300": {
+				"$value": "oklch(0.489 0.189 22.715)"
+			},
+			"400": {
+				"$value": "oklch(0.589 0.232 24.008)"
+			},
+			"500": {
+				"$value": "oklch(0.75 0.16 25.039)"
+			},
+			"600": {
+				"$value": "oklch(0.777 0.155 23.514)"
+			},
+			"700": {
+				"$value": "oklch(0.896 0.07 23.006)"
+			},
+			"800": {
+				"$value": "oklch(0.958 0.027 20.732)"
+			}
+		},
+		"warning": {
+			"0": {
+				"$value": "oklch(0.218 0.01 268.211)"
+			},
+			"25": {
+				"$value": "oklch(0.26 0.062 37.757)"
+			},
+			"50": {
+				"$value": "oklch(0.301 0.074 42.64)"
+			},
+			"100": {
+				"$value": "oklch(0.347 0.1 41.089)"
+			},
+			"200": {
+				"$value": "oklch(0.447 0.147 40.021)"
+			},
+			"300": {
+				"$value": "oklch(0.484 0.154 45.983)"
+			},
+			"400": {
+				"$value": "oklch(0.61 0.163 47.105)"
+			},
+			"500": {
+				"$value": "oklch(0.75 0.184 63.165)"
+			},
+			"600": {
+				"$value": "oklch(0.778 0.186 68.979)"
+			},
+			"700": {
+				"$value": "oklch(0.891 0.115 78.966)"
+			},
+			"800": {
+				"$value": "oklch(0.955 0.048 93.976)"
+			}
+		},
+		"positive": {
+			"0": {
+				"$value": "oklch(0.218 0.008 268.42)"
+			},
+			"25": {
+				"$value": "oklch(0.245 0.05 138.258)"
+			},
+			"50": {
+				"$value": "oklch(0.272 0.066 138.226)"
+			},
+			"100": {
+				"$value": "oklch(0.327 0.105 137.849)"
+			},
+			"200": {
+				"$value": "oklch(0.422 0.144 136.9)"
+			},
+			"300": {
+				"$value": "oklch(0.478 0.156 135.748)"
+			},
+			"400": {
+				"$value": "oklch(0.599 0.183 136.355)"
+			},
+			"500": {
+				"$value": "oklch(0.721 0.174 134.78)"
+			},
+			"600": {
+				"$value": "oklch(0.766 0.193 132.761)"
+			},
+			"700": {
+				"$value": "oklch(0.878 0.111 135.663)"
+			},
+			"800": {
+				"$value": "oklch(0.952 0.046 129.688)"
+			}
+		},
+		"info": {
+			"0": {
+				"$value": "oklch(0.218 0.008 268.42)"
+			},
+			"25": {
+				"$value": "oklch(0.258 0.061 295.971)"
+			},
+			"50": {
+				"$value": "oklch(0.288 0.073 295.963)"
+			},
+			"100": {
+				"$value": "oklch(0.342 0.106 295.198)"
+			},
+			"200": {
+				"$value": "oklch(0.45 0.191 293.578)"
+			},
+			"300": {
+				"$value": "oklch(0.482 0.214 293.543)"
+			},
+			"400": {
+				"$value": "oklch(0.599 0.199 294.444)"
+			},
+			"500": {
+				"$value": "oklch(0.748 0.137 296.051)"
+			},
+			"600": {
+				"$value": "oklch(0.775 0.132 300.527)"
+			},
+			"700": {
+				"$value": "oklch(0.896 0.06 305.038)"
+			},
+			"800": {
+				"$value": "oklch(0.96 0.026 316.814)"
+			}
+		}
 	}
 }
diff --git a/packages/tokens/tokens/color-primitives.default.json b/packages/tokens/tokens/color-primitives.default.json
index f4fcb4b61..c3dd87585 100644
--- a/packages/tokens/tokens/color-primitives.default.json
+++ b/packages/tokens/tokens/color-primitives.default.json
@@ -8,349 +8,214 @@
 				"codeSyntax": {}
 			}
 		},
-		"gray": {
+		"neutral": {
 			"0": {
-				"$value": "#F7F9FB"
+				"$value": "oklch(1 0 103.861)"
 			},
-			"50": {
-				"$value": "#ECEFF2"
-			},
-			"100": {
-				"$value": "#D8DDE3"
-			},
-			"200": {
-				"$value": "#C6CBD1"
-			},
-			"300": {
-				"$value": "#A9AFB4"
-			},
-			"400": {
-				"$value": "#898E94"
-			},
-			"500": {
-				"$value": "#6C727A"
-			},
-			"600": {
-				"$value": "#545A62"
-			},
-			"700": {
-				"$value": "#3F454C"
-			},
-			"800": {
-				"$value": "#2D3239"
-			},
-			"900": {
-				"$value": "#23252A"
-			},
-			"950": {
-				"$value": "#181A1F"
-			}
-		},
-		"blue": {
-			"0": {
-				"$value": "#F6F8FF"
+			"25": {
+				"$value": "oklch(0.983 0.002 247.319)"
 			},
 			"50": {
-				"$value": "#E4EAFF"
+				"$value": "oklch(0.97 0.003 247.802)"
 			},
 			"100": {
-				"$value": "#CFD9FF"
+				"$value": "oklch(0.94 0.007 248.194)"
 			},
 			"200": {
-				"$value": "#AFBFFF"
+				"$value": "oklch(0.923 0.008 249.437)"
 			},
 			"300": {
-				"$value": "#8A9EFF"
+				"$value": "oklch(0.895 0.008 252.798)"
 			},
 			"400": {
-				"$value": "#7084FF"
+				"$value": "oklch(0.63 0.01 252.852)"
 			},
 			"500": {
-				"$value": "#425EFF"
+				"$value": "oklch(0.55 0.01 255.55)"
 			},
 			"600": {
-				"$value": "#3144D9"
+				"$value": "oklch(0.481 0.012 255.576)"
 			},
 			"700": {
-				"$value": "#2536A6"
+				"$value": "oklch(0.388 0.01 261.096)"
 			},
 			"800": {
-				"$value": "#19267D"
-			},
-			"900": {
-				"$value": "#121D61"
-			},
-			"950": {
-				"$value": "#0B144D"
+				"$value": "oklch(0.264 0.01 268.306)"
 			}
 		},
-		"purple": {
+		"action": {
 			"0": {
-				"$value": "#FBF6FF"
+				"$value": "oklch(1 0 103.861)"
+			},
+			"25": {
+				"$value": "oklch(0.975 0.012 278.379)"
 			},
 			"50": {
-				"$value": "#F4E9FF"
+				"$value": "oklch(0.968 0.017 276.082)"
 			},
 			"100": {
-				"$value": "#E6D0FF"
+				"$value": "oklch(0.947 0.023 277.081)"
 			},
 			"200": {
-				"$value": "#DCB9FF"
+				"$value": "oklch(0.927 0.034 277.051)"
 			},
 			"300": {
-				"$value": "#CB91FF"
+				"$value": "oklch(0.891 0.053 276.021)"
 			},
 			"400": {
-				"$value": "#BD61FF"
+				"$value": "oklch(0.638 0.206 273.046)"
 			},
 			"500": {
-				"$value": "#A636EC"
+				"$value": "oklch(0.562 0.238 270.635)"
 			},
 			"600": {
-				"$value": "#8717CD"
+				"$value": "oklch(0.485 0.269 267.008)"
 			},
 			"700": {
-				"$value": "#6A00A9"
+				"$value": "oklch(0.401 0.179 268.001)"
 			},
 			"800": {
-				"$value": "#4E007E"
-			},
-			"900": {
-				"$value": "#3C0262"
-			},
-			"950": {
-				"$value": "#2E004D"
+				"$value": "oklch(0.273 0.125 266.675)"
 			}
 		},
-		"green": {
+		"negative": {
 			"0": {
-				"$value": "#E5FFE8"
+				"$value": "oklch(1 0 103.861)"
+			},
+			"25": {
+				"$value": "oklch(0.983 0.011 20.662)"
 			},
 			"50": {
-				"$value": "#C7FBCE"
+				"$value": "oklch(0.968 0.018 23.063)"
 			},
 			"100": {
-				"$value": "#A3F2B4"
+				"$value": "oklch(0.948 0.029 23.133)"
 			},
 			"200": {
-				"$value": "#6CE090"
+				"$value": "oklch(0.927 0.043 23.062)"
 			},
 			"300": {
-				"$value": "#1ECB6A"
+				"$value": "oklch(0.9 0.065 22.064)"
 			},
 			"400": {
-				"$value": "#00A455"
+				"$value": "oklch(0.65 0.253 25.722)"
 			},
 			"500": {
-				"$value": "#008344"
+				"$value": "oklch(0.577 0.232 23.022)"
 			},
 			"600": {
-				"$value": "#006933"
+				"$value": "oklch(0.512 0.206 19.805)"
 			},
 			"700": {
-				"$value": "#005025"
+				"$value": "oklch(0.409 0.173 14.562)"
 			},
 			"800": {
-				"$value": "#003B1B"
-			},
-			"900": {
-				"$value": "#092C17"
-			},
-			"950": {
-				"$value": "#00210D"
+				"$value": "oklch(0.278 0.122 5.97)"
 			}
 		},
-		"red": {
+		"warning": {
 			"0": {
-				"$value": "#FFF5F6"
+				"$value": "oklch(1 0 103.861)"
+			},
+			"25": {
+				"$value": "oklch(0.981 0.029 99.183)"
 			},
 			"50": {
-				"$value": "#FFE8EB"
+				"$value": "oklch(0.968 0.04 92.905)"
 			},
 			"100": {
-				"$value": "#FFCDD6"
+				"$value": "oklch(0.954 0.064 92.938)"
 			},
 			"200": {
-				"$value": "#FFB5BD"
+				"$value": "oklch(0.929 0.086 92.987)"
 			},
 			"300": {
-				"$value": "#FF8A96"
+				"$value": "oklch(0.895 0.099 85.542)"
 			},
 			"400": {
-				"$value": "#F84F6E"
+				"$value": "oklch(0.646 0.191 46.498)"
 			},
 			"500": {
-				"$value": "#DB2251"
+				"$value": "oklch(0.575 0.187 42.111)"
 			},
 			"600": {
-				"$value": "#B6073C"
+				"$value": "oklch(0.507 0.164 38.346)"
 			},
 			"700": {
-				"$value": "#8C062B"
+				"$value": "oklch(0.405 0.148 38.515)"
 			},
 			"800": {
-				"$value": "#6B001C"
-			},
-			"900": {
-				"$value": "#4E0B16"
-			},
-			"950": {
-				"$value": "#3C040D"
+				"$value": "oklch(0.274 0.092 42.271)"
 			}
 		},
-		"black": {
+		"positive": {
 			"0": {
-				"$value": "#07080C0D"
+				"$value": "oklch(1 0 103.861)"
+			},
+			"25": {
+				"$value": "oklch(0.977 0.041 131.34)"
 			},
 			"50": {
-				"$value": "#07080C1A"
+				"$value": "oklch(0.961 0.056 131.804)"
 			},
 			"100": {
-				"$value": "#07080C26"
+				"$value": "oklch(0.943 0.073 131.827)"
 			},
 			"200": {
-				"$value": "#07080C33"
+				"$value": "oklch(0.918 0.087 131.837)"
 			},
 			"300": {
-				"$value": "#07080C4D"
+				"$value": "oklch(0.885 0.115 132.956)"
 			},
 			"400": {
-				"$value": "#07080C66"
+				"$value": "oklch(0.615 0.192 134.913)"
 			},
 			"500": {
-				"$value": "#07080C80"
+				"$value": "oklch(0.54 0.175 134.842)"
 			},
 			"600": {
-				"$value": "#07080C99"
+				"$value": "oklch(0.478 0.139 135.11)"
 			},
 			"700": {
-				"$value": "#07080CB3"
+				"$value": "oklch(0.38 0.109 135.822)"
 			},
 			"800": {
-				"$value": "#07080CCC"
-			},
-			"900": {
-				"$value": "#07080CE6"
-			},
-			"950": {
-				"$value": "#07080C"
+				"$value": "oklch(0.258 0.074 137.839)"
 			}
 		},
-		"white": {
+		"info": {
 			"0": {
-				"$value": "#FFFFFF0D"
+				"$value": "oklch(1 0 103.861)"
+			},
+			"25": {
+				"$value": "oklch(0.979 0.018 321.072)"
 			},
 			"50": {
-				"$value": "#FFFFFF1A"
+				"$value": "oklch(0.968 0.025 315.028)"
 			},
 			"100": {
-				"$value": "#FFFFFF26"
+				"$value": "oklch(0.953 0.036 314.54)"
 			},
 			"200": {
-				"$value": "#FFFFFF33"
+				"$value": "oklch(0.927 0.04 314.514)"
 			},
 			"300": {
-				"$value": "#FFFFFF4D"
+				"$value": "oklch(0.895 0.071 305.727)"
 			},
 			"400": {
-				"$value": "#FFFFFF66"
+				"$value": "oklch(0.644 0.2 295.937)"
 			},
 			"500": {
-				"$value": "#FFFFFF80"
+				"$value": "oklch(0.572 0.216 292.893)"
 			},
 			"600": {
-				"$value": "#FFFFFF99"
+				"$value": "oklch(0.516 0.229 292.778)"
 			},
 			"700": {
-				"$value": "#FFFFFFB3"
+				"$value": "oklch(0.417 0.211 293.431)"
 			},
 			"800": {
-				"$value": "#FFFFFFCC"
-			},
-			"900": {
-				"$value": "#FFFFFFE6"
-			},
-			"950": {
-				"$value": "#FFFFFF"
-			}
-		},
-		"brand": {
-			"blue": {
-				"light": {
-					"$value": "#7084FF"
-				},
-				"base": {
-					"$value": "#405BFF"
-				},
-				"dark": {
-					"$value": "#2A3BA6"
-				}
-			},
-			"cyan": {
-				"light": {
-					"$value": "#6DE0F7"
-				},
-				"base": {
-					"$value": "#3DD6F5"
-				},
-				"dark": {
-					"$value": "#238CA3"
-				}
-			},
-			"purple": {
-				"light": {
-					"$value": "#B675E4"
-				},
-				"base": {
-					"$value": "#A34FDE"
-				},
-				"dark": {
-					"$value": "#6A3390"
-				}
-			},
-			"pink": {
-				"light": {
-					"$value": "#EE5DAC"
-				},
-				"base": {
-					"$value": "#FF35A2"
-				},
-				"dark": {
-					"$value": "#810B4B"
-				}
-			},
-			"orange": {
-				"light": {
-					"$value": "#FFD099"
-				},
-				"base": {
-					"$value": "#FF9D29"
-				},
-				"dark": {
-					"$value": "#A35901"
-				}
-			},
-			"yellow": {
-				"light": {
-					"$value": "#F7FFAF"
-				},
-				"base": {
-					"$value": "#EBFF38"
-				},
-				"dark": {
-					"$value": "#818C1F"
-				}
-			},
-			"green": {
-				"light": {
-					"$value": "#E1FFC8"
-				},
-				"base": {
-					"$value": "#8BEF34"
-				},
-				"dark": {
-					"$value": "#439000"
-				}
+				"$value": "oklch(0.276 0.113 295.869)"
 			}
 		}
 	}
diff --git a/packages/tokens/tokens/color-tokens.json b/packages/tokens/tokens/color-tokens.json
new file mode 100644
index 000000000..e52ca20e8
--- /dev/null
+++ b/packages/tokens/tokens/color-tokens.json
@@ -0,0 +1,554 @@
+{
+	"Neutral Light": {
+		"0": {
+			"value": "oklch(1 0 103.861)",
+			"type": "color"
+		},
+		"25": {
+			"value": "oklch(0.983 0.002 247.319)",
+			"type": "color"
+		},
+		"50": {
+			"value": "oklch(0.97 0.003 247.802)",
+			"type": "color"
+		},
+		"100": {
+			"value": "oklch(0.94 0.007 248.194)",
+			"type": "color"
+		},
+		"200": {
+			"value": "oklch(0.923 0.008 249.437)",
+			"type": "color"
+		},
+		"300": {
+			"value": "oklch(0.895 0.008 252.798)",
+			"type": "color"
+		},
+		"400": {
+			"value": "oklch(0.63 0.01 252.852)",
+			"type": "color"
+		},
+		"500": {
+			"value": "oklch(0.55 0.01 255.55)",
+			"type": "color"
+		},
+		"600": {
+			"value": "oklch(0.481 0.012 255.576)",
+			"type": "color"
+		},
+		"700": {
+			"value": "oklch(0.388 0.01 261.096)",
+			"type": "color"
+		},
+		"800": {
+			"value": "oklch(0.264 0.01 268.306)",
+			"type": "color"
+		}
+	},
+	"Action Light": {
+		"0": {
+			"value": "oklch(1 0 103.861)",
+			"type": "color"
+		},
+		"25": {
+			"value": "oklch(0.975 0.012 278.379)",
+			"type": "color"
+		},
+		"50": {
+			"value": "oklch(0.968 0.017 276.082)",
+			"type": "color"
+		},
+		"100": {
+			"value": "oklch(0.947 0.023 277.081)",
+			"type": "color"
+		},
+		"200": {
+			"value": "oklch(0.927 0.034 277.051)",
+			"type": "color"
+		},
+		"300": {
+			"value": "oklch(0.891 0.053 276.021)",
+			"type": "color"
+		},
+		"400": {
+			"value": "oklch(0.638 0.206 273.046)",
+			"type": "color"
+		},
+		"500": {
+			"value": "oklch(0.562 0.238 270.635)",
+			"type": "color"
+		},
+		"600": {
+			"value": "oklch(0.485 0.269 267.008)",
+			"type": "color"
+		},
+		"700": {
+			"value": "oklch(0.401 0.179 268.001)",
+			"type": "color"
+		},
+		"800": {
+			"value": "oklch(0.273 0.125 266.675)",
+			"type": "color"
+		}
+	},
+	"Negative Light": {
+		"0": {
+			"value": "oklch(1 0 103.861)",
+			"type": "color"
+		},
+		"25": {
+			"value": "oklch(0.983 0.011 20.662)",
+			"type": "color"
+		},
+		"50": {
+			"value": "oklch(0.968 0.018 23.063)",
+			"type": "color"
+		},
+		"100": {
+			"value": "oklch(0.948 0.029 23.133)",
+			"type": "color"
+		},
+		"200": {
+			"value": "oklch(0.927 0.043 23.062)",
+			"type": "color"
+		},
+		"300": {
+			"value": "oklch(0.9 0.065 22.064)",
+			"type": "color"
+		},
+		"400": {
+			"value": "oklch(0.65 0.253 25.722)",
+			"type": "color"
+		},
+		"500": {
+			"value": "oklch(0.577 0.232 23.022)",
+			"type": "color"
+		},
+		"600": {
+			"value": "oklch(0.512 0.206 19.805)",
+			"type": "color"
+		},
+		"700": {
+			"value": "oklch(0.409 0.173 14.562)",
+			"type": "color"
+		},
+		"800": {
+			"value": "oklch(0.278 0.122 5.97)",
+			"type": "color"
+		}
+	},
+	"Warning Light": {
+		"0": {
+			"value": "oklch(1 0 103.861)",
+			"type": "color"
+		},
+		"25": {
+			"value": "oklch(0.981 0.029 99.183)",
+			"type": "color"
+		},
+		"50": {
+			"value": "oklch(0.968 0.04 92.905)",
+			"type": "color"
+		},
+		"100": {
+			"value": "oklch(0.954 0.064 92.938)",
+			"type": "color"
+		},
+		"200": {
+			"value": "oklch(0.929 0.086 92.987)",
+			"type": "color"
+		},
+		"300": {
+			"value": "oklch(0.895 0.099 85.542)",
+			"type": "color"
+		},
+		"400": {
+			"value": "oklch(0.646 0.191 46.498)",
+			"type": "color"
+		},
+		"500": {
+			"value": "oklch(0.575 0.187 42.111)",
+			"type": "color"
+		},
+		"600": {
+			"value": "oklch(0.507 0.164 38.346)",
+			"type": "color"
+		},
+		"700": {
+			"value": "oklch(0.405 0.148 38.515)",
+			"type": "color"
+		},
+		"800": {
+			"value": "oklch(0.274 0.092 42.271)",
+			"type": "color"
+		}
+	},
+	"Positive Light": {
+		"0": {
+			"value": "oklch(1 0 103.861)",
+			"type": "color"
+		},
+		"25": {
+			"value": "oklch(0.977 0.041 131.34)",
+			"type": "color"
+		},
+		"50": {
+			"value": "oklch(0.961 0.056 131.804)",
+			"type": "color"
+		},
+		"100": {
+			"value": "oklch(0.943 0.073 131.827)",
+			"type": "color"
+		},
+		"200": {
+			"value": "oklch(0.918 0.087 131.837)",
+			"type": "color"
+		},
+		"300": {
+			"value": "oklch(0.885 0.115 132.956)",
+			"type": "color"
+		},
+		"400": {
+			"value": "oklch(0.615 0.192 134.913)",
+			"type": "color"
+		},
+		"500": {
+			"value": "oklch(0.54 0.175 134.842)",
+			"type": "color"
+		},
+		"600": {
+			"value": "oklch(0.478 0.139 135.11)",
+			"type": "color"
+		},
+		"700": {
+			"value": "oklch(0.38 0.109 135.822)",
+			"type": "color"
+		},
+		"800": {
+			"value": "oklch(0.258 0.074 137.839)",
+			"type": "color"
+		}
+	},
+	"Info Light": {
+		"0": {
+			"value": "oklch(1 0 103.861)",
+			"type": "color"
+		},
+		"25": {
+			"value": "oklch(0.979 0.018 321.072)",
+			"type": "color"
+		},
+		"50": {
+			"value": "oklch(0.968 0.025 315.028)",
+			"type": "color"
+		},
+		"100": {
+			"value": "oklch(0.953 0.036 314.54)",
+			"type": "color"
+		},
+		"200": {
+			"value": "oklch(0.927 0.04 314.514)",
+			"type": "color"
+		},
+		"300": {
+			"value": "oklch(0.895 0.071 305.727)",
+			"type": "color"
+		},
+		"400": {
+			"value": "oklch(0.644 0.2 295.937)",
+			"type": "color"
+		},
+		"500": {
+			"value": "oklch(0.572 0.216 292.893)",
+			"type": "color"
+		},
+		"600": {
+			"value": "oklch(0.516 0.229 292.778)",
+			"type": "color"
+		},
+		"700": {
+			"value": "oklch(0.417 0.211 293.431)",
+			"type": "color"
+		},
+		"800": {
+			"value": "oklch(0.276 0.113 295.869)",
+			"type": "color"
+		}
+	},
+	"Neutral Dark": {
+		"0": {
+			"value": "oklch(0.218 0.01 268.211)",
+			"type": "color"
+		},
+		"25": {
+			"value": "oklch(0.242 0.01 268.269)",
+			"type": "color"
+		},
+		"50": {
+			"value": "oklch(0.276 0.01 268.318)",
+			"type": "color"
+		},
+		"100": {
+			"value": "oklch(0.317 0.01 268.323)",
+			"type": "color"
+		},
+		"200": {
+			"value": "oklch(0.34 0.009 268.369)",
+			"type": "color"
+		},
+		"300": {
+			"value": "oklch(0.451 0.01 253.928)",
+			"type": "color"
+		},
+		"400": {
+			"value": "oklch(0.6 0.01 252.857)",
+			"type": "color"
+		},
+		"500": {
+			"value": "oklch(0.745 0.008 249.671)",
+			"type": "color"
+		},
+		"600": {
+			"value": "oklch(0.785 0.005 252.757)",
+			"type": "color"
+		},
+		"700": {
+			"value": "oklch(0.89 0.005 252.737)",
+			"type": "color"
+		},
+		"800": {
+			"value": "oklch(0.956 0.004 247.788)",
+			"type": "color"
+		}
+	},
+	"Action Dark": {
+		"0": {
+			"value": "oklch(0.218 0.01 268.211)",
+			"type": "color"
+		},
+		"25": {
+			"value": "oklch(0.26 0.063 270.362)",
+			"type": "color"
+		},
+		"50": {
+			"value": "oklch(0.295 0.071 269.443)",
+			"type": "color"
+		},
+		"100": {
+			"value": "oklch(0.345 0.12 269.468)",
+			"type": "color"
+		},
+		"200": {
+			"value": "oklch(0.432 0.199 268.947)",
+			"type": "color"
+		},
+		"300": {
+			"value": "oklch(0.467 0.224 270.903)",
+			"type": "color"
+		},
+		"400": {
+			"value": "oklch(0.581 0.227 273.305)",
+			"type": "color"
+		},
+		"500": {
+			"value": "oklch(0.748 0.132 274.601)",
+			"type": "color"
+		},
+		"600": {
+			"value": "oklch(0.776 0.122 274.653)",
+			"type": "color"
+		},
+		"700": {
+			"value": "oklch(0.892 0.047 277.03)",
+			"type": "color"
+		},
+		"800": {
+			"value": "oklch(0.957 0.023 277.229)",
+			"type": "color"
+		}
+	},
+	"Negative Dark": {
+		"0": {
+			"value": "oklch(0.218 0.01 268.211)",
+			"type": "color"
+		},
+		"25": {
+			"value": "oklch(0.258 0.057 3.833)",
+			"type": "color"
+		},
+		"50": {
+			"value": "oklch(0.301 0.067 353.942)",
+			"type": "color"
+		},
+		"100": {
+			"value": "oklch(0.348 0.11 7.757)",
+			"type": "color"
+		},
+		"200": {
+			"value": "oklch(0.445 0.176 13.766)",
+			"type": "color"
+		},
+		"300": {
+			"value": "oklch(0.489 0.189 22.715)",
+			"type": "color"
+		},
+		"400": {
+			"value": "oklch(0.589 0.232 24.008)",
+			"type": "color"
+		},
+		"500": {
+			"value": "oklch(0.75 0.16 25.039)",
+			"type": "color"
+		},
+		"600": {
+			"value": "oklch(0.777 0.155 23.514)",
+			"type": "color"
+		},
+		"700": {
+			"value": "oklch(0.896 0.07 23.006)",
+			"type": "color"
+		},
+		"800": {
+			"value": "oklch(0.958 0.027 20.732)",
+			"type": "color"
+		}
+	},
+	"Warning Dark": {
+		"0": {
+			"value": "oklch(0.218 0.01 268.211)",
+			"type": "color"
+		},
+		"25": {
+			"value": "oklch(0.26 0.062 37.757)",
+			"type": "color"
+		},
+		"50": {
+			"value": "oklch(0.301 0.074 42.64)",
+			"type": "color"
+		},
+		"100": {
+			"value": "oklch(0.347 0.1 41.089)",
+			"type": "color"
+		},
+		"200": {
+			"value": "oklch(0.447 0.147 40.021)",
+			"type": "color"
+		},
+		"300": {
+			"value": "oklch(0.484 0.154 45.983)",
+			"type": "color"
+		},
+		"400": {
+			"value": "oklch(0.61 0.163 47.105)",
+			"type": "color"
+		},
+		"500": {
+			"value": "oklch(0.75 0.184 63.165)",
+			"type": "color"
+		},
+		"600": {
+			"value": "oklch(0.778 0.186 68.979)",
+			"type": "color"
+		},
+		"700": {
+			"value": "oklch(0.891 0.115 78.966)",
+			"type": "color"
+		},
+		"800": {
+			"value": "oklch(0.955 0.048 93.976)",
+			"type": "color"
+		}
+	},
+	"Positive Dark": {
+		"0": {
+			"value": "oklch(0.218 0.008 268.42)",
+			"type": "color"
+		},
+		"25": {
+			"value": "oklch(0.245 0.05 138.258)",
+			"type": "color"
+		},
+		"50": {
+			"value": "oklch(0.272 0.066 138.226)",
+			"type": "color"
+		},
+		"100": {
+			"value": "oklch(0.327 0.105 137.849)",
+			"type": "color"
+		},
+		"200": {
+			"value": "oklch(0.422 0.144 136.9)",
+			"type": "color"
+		},
+		"300": {
+			"value": "oklch(0.478 0.156 135.748)",
+			"type": "color"
+		},
+		"400": {
+			"value": "oklch(0.599 0.183 136.355)",
+			"type": "color"
+		},
+		"500": {
+			"value": "oklch(0.721 0.174 134.78)",
+			"type": "color"
+		},
+		"600": {
+			"value": "oklch(0.766 0.193 132.761)",
+			"type": "color"
+		},
+		"700": {
+			"value": "oklch(0.878 0.111 135.663)",
+			"type": "color"
+		},
+		"800": {
+			"value": "oklch(0.952 0.046 129.688)",
+			"type": "color"
+		}
+	},
+	"Info Dark": {
+		"0": {
+			"value": "oklch(0.218 0.008 268.42)",
+			"type": "color"
+		},
+		"25": {
+			"value": "oklch(0.258 0.061 295.971)",
+			"type": "color"
+		},
+		"50": {
+			"value": "oklch(0.288 0.073 295.963)",
+			"type": "color"
+		},
+		"100": {
+			"value": "oklch(0.342 0.106 295.198)",
+			"type": "color"
+		},
+		"200": {
+			"value": "oklch(0.45 0.191 293.578)",
+			"type": "color"
+		},
+		"300": {
+			"value": "oklch(0.482 0.214 293.543)",
+			"type": "color"
+		},
+		"400": {
+			"value": "oklch(0.599 0.199 294.444)",
+			"type": "color"
+		},
+		"500": {
+			"value": "oklch(0.748 0.137 296.051)",
+			"type": "color"
+		},
+		"600": {
+			"value": "oklch(0.775 0.132 300.527)",
+			"type": "color"
+		},
+		"700": {
+			"value": "oklch(0.896 0.06 305.038)",
+			"type": "color"
+		},
+		"800": {
+			"value": "oklch(0.96 0.026 316.814)",
+			"type": "color"
+		}
+	}
+}
diff --git a/packages/tokens/tokens/shadow.json b/packages/tokens/tokens/shadow.json
new file mode 100644
index 000000000..eaca7c4e7
--- /dev/null
+++ b/packages/tokens/tokens/shadow.json
@@ -0,0 +1,80 @@
+{
+	"shadow": {
+		"$type": "shadow",
+		"0": {
+			"$value": [
+				{
+					"color": "{color.shadow.ui.primary}",
+					"offsetX": "0",
+					"offsetY": "0",
+					"blur": "1px",
+					"spread": "0"
+				},
+				{
+					"color": "{color.shadow.ui.primary}",
+					"offsetX": "0",
+					"offsetY": "1px",
+					"blur": "2px",
+					"spread": "0"
+				},
+				{
+					"color": "{color.shadow.ui.secondary}",
+					"offsetX": "0",
+					"offsetY": "2px",
+					"blur": "8px",
+					"spread": "0"
+				}
+			]
+		},
+		"1": {
+			"$value": [
+				{
+					"color": "{color.shadow.ui.secondary}",
+					"offsetX": "0",
+					"offsetY": "0",
+					"blur": "1px",
+					"spread": "0"
+				},
+				{
+					"color": "{color.shadow.ui.secondary}",
+					"offsetX": "0",
+					"offsetY": "0",
+					"blur": "4px",
+					"spread": "0"
+				},
+				{
+					"color": "{color.shadow.ui.secondary}",
+					"offsetX": "0",
+					"offsetY": "4px",
+					"blur": "8px",
+					"spread": "0"
+				},
+				{
+					"color": "{color.shadow.ui.secondary}",
+					"offsetX": "0",
+					"offsetY": "2px",
+					"blur": "12px",
+					"spread": "0"
+				}
+			]
+		},
+		"2": {
+			"$value": [
+				{
+					"color": "{color.shadow.ui.secondary}",
+					"offsetX": "0",
+					"offsetY": "0",
+					"blur": "16px",
+					"spread": "0"
+				},
+				{
+					"color": "{color.shadow.ui.primary}",
+					"offsetX": "0",
+					"offsetY": "8px",
+					"blur": "36px",
+					"spread": "0"
+				}
+			]
+		}
+	}
+}