diff --git a/packages/styles/dist/gitlab-ui.css b/packages/styles/dist/gitlab-ui.css
index af8e6a9..c2eef2b 100644
--- a/packages/styles/dist/gitlab-ui.css
+++ b/packages/styles/dist/gitlab-ui.css
@@ -20,17 +20,17 @@
     --gl-color-alpha-light-24: rgba(255, 255, 255, 0.24);
     --gl-color-alpha-light-36: rgba(255, 255, 255, 0.36);
     --gl-color-alpha-light-40: rgba(255, 255, 255, 0.4);
-    --gl-color-blue-50: #e9f3fc;
-    --gl-color-blue-100: #cbe2f9;
-    --gl-color-blue-200: #9dc7f1;
-    --gl-color-blue-300: #63a6e9;
-    --gl-color-blue-400: #428fdc;
-    --gl-color-blue-500: #1f75cb;
-    --gl-color-blue-600: #2f68b4;
-    --gl-color-blue-700: #2f5ca0;
-    --gl-color-blue-800: #284779;
-    --gl-color-blue-900: #213454;
-    --gl-color-blue-950: #1d283e;
+    --gl-color-blue-50: #e8f2fd;
+    --gl-color-blue-100: #c8e0f9;
+    --gl-color-blue-200: #9dc8f2;
+    --gl-color-blue-300: #64a7e9;
+    --gl-color-blue-400: #3f8edd;
+    --gl-color-blue-500: #1f73ca;
+    --gl-color-blue-600: #2566b5;
+    --gl-color-blue-700: #27599f;
+    --gl-color-blue-800: #254581;
+    --gl-color-blue-900: #1f3166;
+    --gl-color-blue-950: #1d2153;
     --gl-color-brand-white: #fff;
     --gl-color-brand-charcoal: #171321;
     --gl-color-brand-orange-01g: #ffd1bf;
@@ -101,17 +101,17 @@
     --gl-color-data-orange-800: #6f3500;
     --gl-color-data-orange-900: #5e2f05;
     --gl-color-data-orange-950: #4b2707;
-    --gl-color-green-50: #ecf4ee;
-    --gl-color-green-100: #c3e6cd;
-    --gl-color-green-200: #91d4a8;
-    --gl-color-green-300: #52b87a;
-    --gl-color-green-400: #2da160;
-    --gl-color-green-500: #108548;
-    --gl-color-green-600: #2f7549;
-    --gl-color-green-700: #306440;
-    --gl-color-green-800: #225131;
-    --gl-color-green-900: #1e3e28;
-    --gl-color-green-950: #17291c;
+    --gl-color-green-50: #e6f5ea;
+    --gl-color-green-100: #bee6d0;
+    --gl-color-green-200: #84d4b6;
+    --gl-color-green-300: #35b597;
+    --gl-color-green-400: #129c84;
+    --gl-color-green-500: #0d8070;
+    --gl-color-green-600: #0c7265;
+    --gl-color-green-700: #0b645a;
+    --gl-color-green-800: #075048;
+    --gl-color-green-900: #003c36;
+    --gl-color-green-950: #002c26;
     --gl-color-neutral-0: #fff;
     --gl-color-neutral-10: #f7f7f5;
     --gl-color-neutral-50: #ecebea;
@@ -126,39 +126,39 @@
     --gl-color-neutral-900: #28272d;
     --gl-color-neutral-950: #18171d;
     --gl-color-neutral-1000: #050408;
-    --gl-color-orange-50: #fdf1dd;
-    --gl-color-orange-100: #f5d9a8;
-    --gl-color-orange-200: #e9be74;
-    --gl-color-orange-300: #d99530;
-    --gl-color-orange-400: #c17d10;
-    --gl-color-orange-500: #ab6100;
-    --gl-color-orange-600: #995715;
-    --gl-color-orange-700: #894b16;
-    --gl-color-orange-800: #693c14;
-    --gl-color-orange-900: #532e16;
-    --gl-color-orange-950: #382315;
-    --gl-color-purple-50: #f4f0ff;
-    --gl-color-purple-100: #e1d8f9;
-    --gl-color-purple-200: #cbbbf2;
-    --gl-color-purple-300: #ac93e6;
-    --gl-color-purple-400: #9475db;
-    --gl-color-purple-500: #7b58cf;
-    --gl-color-purple-600: #6a4fb4;
-    --gl-color-purple-700: #5c47a6;
-    --gl-color-purple-800: #493c83;
-    --gl-color-purple-900: #342d59;
-    --gl-color-purple-950: #27243e;
-    --gl-color-red-50: #fcf1ef;
-    --gl-color-red-100: #fdd4cd;
-    --gl-color-red-200: #fcb5aa;
-    --gl-color-red-300: #f6806d;
-    --gl-color-red-400: #ec5941;
-    --gl-color-red-500: #dd2b0e;
-    --gl-color-red-600: #c02f12;
-    --gl-color-red-700: #a32c12;
-    --gl-color-red-800: #812713;
-    --gl-color-red-900: #582014;
-    --gl-color-red-950: #3e1a14;
+    --gl-color-orange-50: #fdf0d5;
+    --gl-color-orange-100: #fada9c;
+    --gl-color-orange-200: #f7b951;
+    --gl-color-orange-300: #fb8017;
+    --gl-color-orange-400: #e95f21;
+    --gl-color-orange-500: #c74816;
+    --gl-color-orange-600: #b34013;
+    --gl-color-orange-700: #9e3811;
+    --gl-color-orange-800: #7d2d0e;
+    --gl-color-orange-900: #5d220d;
+    --gl-color-orange-950: #461807;
+    --gl-color-purple-50: #f4f0fc;
+    --gl-color-purple-100: #e1daf7;
+    --gl-color-purple-200: #c9beef;
+    --gl-color-purple-300: #a997e1;
+    --gl-color-purple-400: #927cd7;
+    --gl-color-purple-500: #7862c8;
+    --gl-color-purple-600: #6a54c0;
+    --gl-color-purple-700: #5b46b8;
+    --gl-color-purple-800: #483698;
+    --gl-color-purple-900: #362676;
+    --gl-color-purple-950: #291a5c;
+    --gl-color-red-50: #feeef0;
+    --gl-color-red-100: #ffd3d7;
+    --gl-color-red-200: #ffafb8;
+    --gl-color-red-300: #fc7988;
+    --gl-color-red-400: #f15168;
+    --gl-color-red-500: #de1d4b;
+    --gl-color-red-600: #c52042;
+    --gl-color-red-700: #ac203a;
+    --gl-color-red-800: #891c2f;
+    --gl-color-red-900: #641925;
+    --gl-color-red-950: #48151d;
     --gl-font-family-regular: var(--default-regular-font, 'GitLab Sans'),'GitLab Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Noto Sans',Ubuntu,Cantarell,'Helvetica Neue',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';
     --gl-font-family-monospace: var(--default-mono-font, 'GitLab Mono'),'GitLab Mono','JetBrains Mono',Menlo,'DejaVu Sans Mono','Liberation Mono',Consolas,'Ubuntu Mono','Courier New','andale mono','lucida console',monospace;
     --gl-font-size-100: 0.75rem;
@@ -244,11 +244,11 @@
     --gl-zindex-4: 4;
     --gl-zindex-200: 200;
     --gl-zindex-9999: 9999;
-    --gl-avatar-fallback-background-color-red: rgba(252, 181, 170, 0.23921568627450981);
-    --gl-avatar-fallback-background-color-purple: rgba(203, 187, 242, 0.23921568627450981);
-    --gl-avatar-fallback-background-color-blue: rgba(157, 199, 241, 0.23921568627450981);
-    --gl-avatar-fallback-background-color-green: rgba(145, 212, 168, 0.23921568627450981);
-    --gl-avatar-fallback-background-color-orange: rgba(233, 190, 116, 0.23921568627450981);
+    --gl-avatar-fallback-background-color-red: rgba(255, 175, 184, 0.23921568627450981);
+    --gl-avatar-fallback-background-color-purple: rgba(201, 190, 239, 0.23921568627450981);
+    --gl-avatar-fallback-background-color-blue: rgba(157, 200, 242, 0.23921568627450981);
+    --gl-avatar-fallback-background-color-green: rgba(132, 212, 182, 0.23921568627450981);
+    --gl-avatar-fallback-background-color-orange: rgba(247, 185, 81, 0.23921568627450981);
     --gl-avatar-fallback-background-color-neutral: rgba(191, 191, 195, 0.23921568627450981);
     --gl-broadcast-banner-background-color-blue: #235180;
     --gl-broadcast-banner-background-color-green: #1b653f;
@@ -266,7 +266,7 @@
     --gl-broadcast-banner-border-color-lightindigo: #41419f;
     --gl-broadcast-banner-border-color-lightred: #8f2110;
     --gl-broadcast-banner-border-color-red: #580d02;
-    --gl-chart-threshold-area-color: rgba(221, 43, 14, 0.1);
+    --gl-chart-threshold-area-color: rgba(222, 29, 75, 0.1);
     --gl-illustration-stroke-color-default: #171321;
     --gl-illustration-stroke-width-default: 2;
     --gl-illustration-fill-color-default: #fff;
@@ -379,9 +379,9 @@
     --t-white-a-04: rgba(255, 255, 255, 0.04);
     --t-white-a-06: rgba(255, 255, 255, 0.06);
     --t-white-a-08: rgba(255, 255, 255, 0.08);
-    --gl-action-danger-background-color-default: rgba(245, 127, 108, 0);
-    --gl-action-danger-background-color-hover: rgba(245, 127, 108, 0.16);
-    --gl-action-danger-background-color-active: rgba(174, 24, 0, 0.24);
+    --gl-action-danger-background-color-default: rgba(222, 29, 75, 0);
+    --gl-action-danger-background-color-hover: rgba(222, 29, 75, 0.16);
+    --gl-action-danger-background-color-active: rgba(172, 32, 58, 0.24);
     --gl-letter-spacing-heading: -0.01em;
     --gl-heading-3-letter-spacing: inherit;
     --gl-heading-4-letter-spacing: inherit;
@@ -577,20 +577,20 @@
     --gl-button-confirm-secondary-border-color-hover: var(--gl-color-neutral-950);
     --gl-button-confirm-secondary-border-color-active: var(--gl-color-neutral-1000);
     --gl-button-danger-primary-foreground-color-default: var(--gl-color-neutral-0);
-    --gl-button-danger-primary-background-color-default: var(--gl-color-red-500);
-    --gl-button-danger-primary-background-color-hover: var(--gl-color-red-600);
-    --gl-button-danger-primary-background-color-active: var(--gl-color-red-800);
-    --gl-button-danger-primary-border-color-default: var(--gl-color-red-600);
-    --gl-button-danger-primary-border-color-hover: var(--gl-color-red-800);
-    --gl-button-danger-primary-border-color-active: var(--gl-color-red-900);
-    --gl-button-danger-secondary-foreground-color-default: var(--gl-color-red-500);
-    --gl-button-danger-secondary-foreground-color-hover: var(--gl-color-red-700);
+    --gl-button-danger-primary-background-color-default: var(--gl-color-red-600);
+    --gl-button-danger-primary-background-color-hover: var(--gl-color-red-700);
+    --gl-button-danger-primary-background-color-active: var(--gl-color-red-900);
+    --gl-button-danger-primary-border-color-default: var(--gl-color-red-700);
+    --gl-button-danger-primary-border-color-hover: var(--gl-color-red-900);
+    --gl-button-danger-primary-border-color-active: var(--gl-color-red-950);
+    --gl-button-danger-secondary-foreground-color-default: var(--gl-color-red-600);
+    --gl-button-danger-secondary-foreground-color-hover: var(--gl-color-red-800);
     --gl-button-danger-secondary-foreground-color-active: var(--gl-color-red-900);
     --gl-button-danger-secondary-background-color-default: var(--gl-color-neutral-0);
     --gl-button-danger-secondary-background-color-hover: var(--gl-color-red-50);
     --gl-button-danger-secondary-background-color-active: var(--gl-color-red-100);
-    --gl-button-danger-secondary-border-color-default: var(--gl-color-red-500);
-    --gl-button-danger-secondary-border-color-hover: var(--gl-color-red-700);
+    --gl-button-danger-secondary-border-color-default: var(--gl-color-red-600);
+    --gl-button-danger-secondary-border-color-hover: var(--gl-color-red-800);
     --gl-button-danger-secondary-border-color-active: var(--gl-color-red-900);
     --gl-button-danger-tertiary-background-color-default: var(--gl-action-danger-background-color-default);
     --gl-button-danger-tertiary-background-color-hover: var(--gl-action-danger-background-color-hover);
@@ -1296,17 +1296,17 @@
     --gl-color-alpha-light-24: rgba(255, 255, 255, 0.24);
     --gl-color-alpha-light-36: rgba(255, 255, 255, 0.36);
     --gl-color-alpha-light-40: rgba(255, 255, 255, 0.4);
-    --gl-color-blue-50: #e9f3fc;
-    --gl-color-blue-100: #cbe2f9;
-    --gl-color-blue-200: #9dc7f1;
-    --gl-color-blue-300: #63a6e9;
-    --gl-color-blue-400: #428fdc;
-    --gl-color-blue-500: #1f75cb;
-    --gl-color-blue-600: #2f68b4;
-    --gl-color-blue-700: #2f5ca0;
-    --gl-color-blue-800: #284779;
-    --gl-color-blue-900: #213454;
-    --gl-color-blue-950: #1d283e;
+    --gl-color-blue-50: #e8f2fd;
+    --gl-color-blue-100: #c8e0f9;
+    --gl-color-blue-200: #9dc8f2;
+    --gl-color-blue-300: #64a7e9;
+    --gl-color-blue-400: #3f8edd;
+    --gl-color-blue-500: #1f73ca;
+    --gl-color-blue-600: #2566b5;
+    --gl-color-blue-700: #27599f;
+    --gl-color-blue-800: #254581;
+    --gl-color-blue-900: #1f3166;
+    --gl-color-blue-950: #1d2153;
     --gl-color-brand-white: #fff;
     --gl-color-brand-charcoal: #171321;
     --gl-color-brand-orange-01g: #ffd1bf;
@@ -1377,17 +1377,17 @@
     --gl-color-data-orange-800: #6f3500;
     --gl-color-data-orange-900: #5e2f05;
     --gl-color-data-orange-950: #4b2707;
-    --gl-color-green-50: #ecf4ee;
-    --gl-color-green-100: #c3e6cd;
-    --gl-color-green-200: #91d4a8;
-    --gl-color-green-300: #52b87a;
-    --gl-color-green-400: #2da160;
-    --gl-color-green-500: #108548;
-    --gl-color-green-600: #2f7549;
-    --gl-color-green-700: #306440;
-    --gl-color-green-800: #225131;
-    --gl-color-green-900: #1e3e28;
-    --gl-color-green-950: #17291c;
+    --gl-color-green-50: #e6f5ea;
+    --gl-color-green-100: #bee6d0;
+    --gl-color-green-200: #84d4b6;
+    --gl-color-green-300: #35b597;
+    --gl-color-green-400: #129c84;
+    --gl-color-green-500: #0d8070;
+    --gl-color-green-600: #0c7265;
+    --gl-color-green-700: #0b645a;
+    --gl-color-green-800: #075048;
+    --gl-color-green-900: #003c36;
+    --gl-color-green-950: #002c26;
     --gl-color-neutral-0: #fff;
     --gl-color-neutral-10: #f7f7f5;
     --gl-color-neutral-50: #ecebea;
@@ -1402,39 +1402,39 @@
     --gl-color-neutral-900: #28272d;
     --gl-color-neutral-950: #18171d;
     --gl-color-neutral-1000: #050408;
-    --gl-color-orange-50: #fdf1dd;
-    --gl-color-orange-100: #f5d9a8;
-    --gl-color-orange-200: #e9be74;
-    --gl-color-orange-300: #d99530;
-    --gl-color-orange-400: #c17d10;
-    --gl-color-orange-500: #ab6100;
-    --gl-color-orange-600: #995715;
-    --gl-color-orange-700: #894b16;
-    --gl-color-orange-800: #693c14;
-    --gl-color-orange-900: #532e16;
-    --gl-color-orange-950: #382315;
-    --gl-color-purple-50: #f4f0ff;
-    --gl-color-purple-100: #e1d8f9;
-    --gl-color-purple-200: #cbbbf2;
-    --gl-color-purple-300: #ac93e6;
-    --gl-color-purple-400: #9475db;
-    --gl-color-purple-500: #7b58cf;
-    --gl-color-purple-600: #6a4fb4;
-    --gl-color-purple-700: #5c47a6;
-    --gl-color-purple-800: #493c83;
-    --gl-color-purple-900: #342d59;
-    --gl-color-purple-950: #27243e;
-    --gl-color-red-50: #fcf1ef;
-    --gl-color-red-100: #fdd4cd;
-    --gl-color-red-200: #fcb5aa;
-    --gl-color-red-300: #f6806d;
-    --gl-color-red-400: #ec5941;
-    --gl-color-red-500: #dd2b0e;
-    --gl-color-red-600: #c02f12;
-    --gl-color-red-700: #a32c12;
-    --gl-color-red-800: #812713;
-    --gl-color-red-900: #582014;
-    --gl-color-red-950: #3e1a14;
+    --gl-color-orange-50: #fdf0d5;
+    --gl-color-orange-100: #fada9c;
+    --gl-color-orange-200: #f7b951;
+    --gl-color-orange-300: #fb8017;
+    --gl-color-orange-400: #e95f21;
+    --gl-color-orange-500: #c74816;
+    --gl-color-orange-600: #b34013;
+    --gl-color-orange-700: #9e3811;
+    --gl-color-orange-800: #7d2d0e;
+    --gl-color-orange-900: #5d220d;
+    --gl-color-orange-950: #461807;
+    --gl-color-purple-50: #f4f0fc;
+    --gl-color-purple-100: #e1daf7;
+    --gl-color-purple-200: #c9beef;
+    --gl-color-purple-300: #a997e1;
+    --gl-color-purple-400: #927cd7;
+    --gl-color-purple-500: #7862c8;
+    --gl-color-purple-600: #6a54c0;
+    --gl-color-purple-700: #5b46b8;
+    --gl-color-purple-800: #483698;
+    --gl-color-purple-900: #362676;
+    --gl-color-purple-950: #291a5c;
+    --gl-color-red-50: #feeef0;
+    --gl-color-red-100: #ffd3d7;
+    --gl-color-red-200: #ffafb8;
+    --gl-color-red-300: #fc7988;
+    --gl-color-red-400: #f15168;
+    --gl-color-red-500: #de1d4b;
+    --gl-color-red-600: #c52042;
+    --gl-color-red-700: #ac203a;
+    --gl-color-red-800: #891c2f;
+    --gl-color-red-900: #641925;
+    --gl-color-red-950: #48151d;
     --gl-font-family-regular: var(--default-regular-font, 'GitLab Sans'),'GitLab Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Noto Sans',Ubuntu,Cantarell,'Helvetica Neue',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';
     --gl-font-family-monospace: var(--default-mono-font, 'GitLab Mono'),'GitLab Mono','JetBrains Mono',Menlo,'DejaVu Sans Mono','Liberation Mono',Consolas,'Ubuntu Mono','Courier New','andale mono','lucida console',monospace;
     --gl-font-size-100: 0.75rem;
@@ -1520,11 +1520,11 @@
     --gl-zindex-4: 4;
     --gl-zindex-200: 200;
     --gl-zindex-9999: 9999;
-    --gl-avatar-fallback-background-color-red: rgba(252, 181, 170, 0.23921568627450981);
-    --gl-avatar-fallback-background-color-purple: rgba(203, 187, 242, 0.23921568627450981);
-    --gl-avatar-fallback-background-color-blue: rgba(157, 199, 241, 0.23921568627450981);
-    --gl-avatar-fallback-background-color-green: rgba(145, 212, 168, 0.23921568627450981);
-    --gl-avatar-fallback-background-color-orange: rgba(233, 190, 116, 0.23921568627450981);
+    --gl-avatar-fallback-background-color-red: rgba(255, 175, 184, 0.23921568627450981);
+    --gl-avatar-fallback-background-color-purple: rgba(201, 190, 239, 0.23921568627450981);
+    --gl-avatar-fallback-background-color-blue: rgba(157, 200, 242, 0.23921568627450981);
+    --gl-avatar-fallback-background-color-green: rgba(132, 212, 182, 0.23921568627450981);
+    --gl-avatar-fallback-background-color-orange: rgba(247, 185, 81, 0.23921568627450981);
     --gl-avatar-fallback-background-color-neutral: rgba(191, 191, 195, 0.23921568627450981);
     --gl-broadcast-banner-background-color-blue: #235180;
     --gl-broadcast-banner-background-color-green: #1b653f;
@@ -1545,11 +1545,11 @@
     --gl-button-default-primary-background-color-default: rgba(137, 136, 141, 0.4);
     --gl-button-default-primary-background-color-hover: rgba(137, 136, 141, 0.64);
     --gl-button-default-primary-background-color-active: rgba(137, 136, 141, 0.32);
-    --gl-button-danger-secondary-background-color-default: rgba(236, 89, 65, 0.4);
-    --gl-button-danger-secondary-background-color-hover: rgba(236, 89, 65, 0.64);
-    --gl-button-danger-secondary-background-color-active: rgba(236, 89, 65, 0.32);
+    --gl-button-danger-secondary-background-color-default: rgba(241, 81, 104, 0.4);
+    --gl-button-danger-secondary-background-color-hover: rgba(241, 81, 104, 0.64);
+    --gl-button-danger-secondary-background-color-active: rgba(241, 81, 104, 0.32);
     --gl-button-disabled-background-color: rgba(137, 136, 141, 0.16);
-    --gl-chart-threshold-area-color: rgba(221, 43, 14, 0.1);
+    --gl-chart-threshold-area-color: rgba(222, 29, 75, 0.1);
     --gl-illustration-stroke-color-default: #e3e3e8;
     --gl-illustration-stroke-width-default: 1.5;
     --gl-illustration-fill-color-default: #423f4f;
@@ -1666,9 +1666,9 @@
     --t-white-a-04: rgba(255, 255, 255, 0.04);
     --t-white-a-06: rgba(255, 255, 255, 0.06);
     --t-white-a-08: rgba(255, 255, 255, 0.08);
-    --gl-action-danger-background-color-default: rgba(236, 89, 65, 0);
-    --gl-action-danger-background-color-hover: rgba(236, 89, 65, 0.4);
-    --gl-action-danger-background-color-active: rgba(236, 89, 65, 0.16);
+    --gl-action-danger-background-color-default: rgba(241, 81, 104, 0);
+    --gl-action-danger-background-color-hover: rgba(241, 81, 104, 0.4);
+    --gl-action-danger-background-color-active: rgba(241, 81, 104, 0.16);
     --gl-background-color-overlay: rgba(0, 0, 0, 0.64);
     --gl-letter-spacing-heading: -0.01em;
     --gl-heading-3-letter-spacing: inherit;
@@ -1867,9 +1867,9 @@
     --gl-button-confirm-secondary-border-color-hover: var(--gl-color-alpha-0);
     --gl-button-confirm-secondary-border-color-active: var(--gl-color-alpha-0);
     --gl-button-danger-primary-foreground-color-default: var(--gl-color-neutral-950);
-    --gl-button-danger-primary-background-color-default: var(--gl-color-red-300);
-    --gl-button-danger-primary-background-color-hover: var(--gl-color-red-200);
-    --gl-button-danger-primary-background-color-active: var(--gl-color-red-400);
+    --gl-button-danger-primary-background-color-default: var(--gl-color-red-400);
+    --gl-button-danger-primary-background-color-hover: var(--gl-color-red-300);
+    --gl-button-danger-primary-background-color-active: var(--gl-color-red-200);
     --gl-button-danger-primary-border-color-default: var(--gl-color-alpha-0);
     --gl-button-danger-primary-border-color-hover: var(--gl-color-alpha-0);
     --gl-button-danger-primary-border-color-active: var(--gl-color-alpha-0);
diff --git a/packages/tokens/dist/css/tokens.css b/packages/tokens/dist/css/tokens.css
index 3675b63..b75d52c 100644
--- a/packages/tokens/dist/css/tokens.css
+++ b/packages/tokens/dist/css/tokens.css
@@ -20,17 +20,17 @@
   --gl-color-alpha-light-24: rgba(255, 255, 255, 0.24);
   --gl-color-alpha-light-36: rgba(255, 255, 255, 0.36);
   --gl-color-alpha-light-40: rgba(255, 255, 255, 0.4);
-  --gl-color-blue-50: #e9f3fc;
-  --gl-color-blue-100: #cbe2f9;
-  --gl-color-blue-200: #9dc7f1;
-  --gl-color-blue-300: #63a6e9;
-  --gl-color-blue-400: #428fdc;
-  --gl-color-blue-500: #1f75cb;
-  --gl-color-blue-600: #2f68b4;
-  --gl-color-blue-700: #2f5ca0;
-  --gl-color-blue-800: #284779;
-  --gl-color-blue-900: #213454;
-  --gl-color-blue-950: #1d283e;
+  --gl-color-blue-50: #e8f2fd;
+  --gl-color-blue-100: #c8e0f9;
+  --gl-color-blue-200: #9dc8f2;
+  --gl-color-blue-300: #64a7e9;
+  --gl-color-blue-400: #3f8edd;
+  --gl-color-blue-500: #1f73ca;
+  --gl-color-blue-600: #2566b5;
+  --gl-color-blue-700: #27599f;
+  --gl-color-blue-800: #254581;
+  --gl-color-blue-900: #1f3166;
+  --gl-color-blue-950: #1d2153;
   --gl-color-brand-white: #fff;
   --gl-color-brand-charcoal: #171321;
   --gl-color-brand-orange-01g: #ffd1bf;
@@ -101,17 +101,17 @@
   --gl-color-data-orange-800: #6f3500;
   --gl-color-data-orange-900: #5e2f05;
   --gl-color-data-orange-950: #4b2707;
-  --gl-color-green-50: #ecf4ee;
-  --gl-color-green-100: #c3e6cd;
-  --gl-color-green-200: #91d4a8;
-  --gl-color-green-300: #52b87a;
-  --gl-color-green-400: #2da160;
-  --gl-color-green-500: #108548;
-  --gl-color-green-600: #2f7549;
-  --gl-color-green-700: #306440;
-  --gl-color-green-800: #225131;
-  --gl-color-green-900: #1e3e28;
-  --gl-color-green-950: #17291c;
+  --gl-color-green-50: #e6f5ea;
+  --gl-color-green-100: #bee6d0;
+  --gl-color-green-200: #84d4b6;
+  --gl-color-green-300: #35b597;
+  --gl-color-green-400: #129c84;
+  --gl-color-green-500: #0d8070;
+  --gl-color-green-600: #0c7265;
+  --gl-color-green-700: #0b645a;
+  --gl-color-green-800: #075048;
+  --gl-color-green-900: #003c36;
+  --gl-color-green-950: #002c26;
   --gl-color-neutral-0: #fff;
   --gl-color-neutral-10: #f7f7f5;
   --gl-color-neutral-50: #ecebea;
@@ -126,39 +126,39 @@
   --gl-color-neutral-900: #28272d;
   --gl-color-neutral-950: #18171d;
   --gl-color-neutral-1000: #050408;
-  --gl-color-orange-50: #fdf1dd;
-  --gl-color-orange-100: #f5d9a8;
-  --gl-color-orange-200: #e9be74;
-  --gl-color-orange-300: #d99530;
-  --gl-color-orange-400: #c17d10;
-  --gl-color-orange-500: #ab6100;
-  --gl-color-orange-600: #995715;
-  --gl-color-orange-700: #894b16;
-  --gl-color-orange-800: #693c14;
-  --gl-color-orange-900: #532e16;
-  --gl-color-orange-950: #382315;
-  --gl-color-purple-50: #f4f0ff;
-  --gl-color-purple-100: #e1d8f9;
-  --gl-color-purple-200: #cbbbf2;
-  --gl-color-purple-300: #ac93e6;
-  --gl-color-purple-400: #9475db;
-  --gl-color-purple-500: #7b58cf;
-  --gl-color-purple-600: #6a4fb4;
-  --gl-color-purple-700: #5c47a6;
-  --gl-color-purple-800: #493c83;
-  --gl-color-purple-900: #342d59;
-  --gl-color-purple-950: #27243e;
-  --gl-color-red-50: #fcf1ef;
-  --gl-color-red-100: #fdd4cd;
-  --gl-color-red-200: #fcb5aa;
-  --gl-color-red-300: #f6806d;
-  --gl-color-red-400: #ec5941;
-  --gl-color-red-500: #dd2b0e;
-  --gl-color-red-600: #c02f12;
-  --gl-color-red-700: #a32c12;
-  --gl-color-red-800: #812713;
-  --gl-color-red-900: #582014;
-  --gl-color-red-950: #3e1a14;
+  --gl-color-orange-50: #fdf0d5;
+  --gl-color-orange-100: #fada9c;
+  --gl-color-orange-200: #f7b951;
+  --gl-color-orange-300: #fb8017;
+  --gl-color-orange-400: #e95f21;
+  --gl-color-orange-500: #c74816;
+  --gl-color-orange-600: #b34013;
+  --gl-color-orange-700: #9e3811;
+  --gl-color-orange-800: #7d2d0e;
+  --gl-color-orange-900: #5d220d;
+  --gl-color-orange-950: #461807;
+  --gl-color-purple-50: #f4f0fc;
+  --gl-color-purple-100: #e1daf7;
+  --gl-color-purple-200: #c9beef;
+  --gl-color-purple-300: #a997e1;
+  --gl-color-purple-400: #927cd7;
+  --gl-color-purple-500: #7862c8;
+  --gl-color-purple-600: #6a54c0;
+  --gl-color-purple-700: #5b46b8;
+  --gl-color-purple-800: #483698;
+  --gl-color-purple-900: #362676;
+  --gl-color-purple-950: #291a5c;
+  --gl-color-red-50: #feeef0;
+  --gl-color-red-100: #ffd3d7;
+  --gl-color-red-200: #ffafb8;
+  --gl-color-red-300: #fc7988;
+  --gl-color-red-400: #f15168;
+  --gl-color-red-500: #de1d4b;
+  --gl-color-red-600: #c52042;
+  --gl-color-red-700: #ac203a;
+  --gl-color-red-800: #891c2f;
+  --gl-color-red-900: #641925;
+  --gl-color-red-950: #48151d;
   --gl-font-family-regular: var(--default-regular-font, 'GitLab Sans'),'GitLab Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Noto Sans',Ubuntu,Cantarell,'Helvetica Neue',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';
   --gl-font-family-monospace: var(--default-mono-font, 'GitLab Mono'),'GitLab Mono','JetBrains Mono',Menlo,'DejaVu Sans Mono','Liberation Mono',Consolas,'Ubuntu Mono','Courier New','andale mono','lucida console',monospace;
   --gl-font-size-100: 0.75rem; /** Used for meta text and small labels. */
@@ -244,11 +244,11 @@
   --gl-zindex-4: 4;
   --gl-zindex-200: 200;
   --gl-zindex-9999: 9999;
-  --gl-avatar-fallback-background-color-red: rgba(252, 181, 170, 0.23921568627450981); /** Red background for avatar fallback with no particular meaning. */
-  --gl-avatar-fallback-background-color-purple: rgba(203, 187, 242, 0.23921568627450981); /** Purple background for avatar fallback with no particular meaning. */
-  --gl-avatar-fallback-background-color-blue: rgba(157, 199, 241, 0.23921568627450981); /** Blue background for avatar fallback with no particular meaning. */
-  --gl-avatar-fallback-background-color-green: rgba(145, 212, 168, 0.23921568627450981); /** Green background for avatar fallback with no particular meaning. */
-  --gl-avatar-fallback-background-color-orange: rgba(233, 190, 116, 0.23921568627450981); /** Orange background for avatar fallback with no particular meaning. */
+  --gl-avatar-fallback-background-color-red: rgba(255, 175, 184, 0.23921568627450981); /** Red background for avatar fallback with no particular meaning. */
+  --gl-avatar-fallback-background-color-purple: rgba(201, 190, 239, 0.23921568627450981); /** Purple background for avatar fallback with no particular meaning. */
+  --gl-avatar-fallback-background-color-blue: rgba(157, 200, 242, 0.23921568627450981); /** Blue background for avatar fallback with no particular meaning. */
+  --gl-avatar-fallback-background-color-green: rgba(132, 212, 182, 0.23921568627450981); /** Green background for avatar fallback with no particular meaning. */
+  --gl-avatar-fallback-background-color-orange: rgba(247, 185, 81, 0.23921568627450981); /** Orange background for avatar fallback with no particular meaning. */
   --gl-avatar-fallback-background-color-neutral: rgba(191, 191, 195, 0.23921568627450981); /** Neutral background for avatar fallback with no particular meaning. */
   --gl-broadcast-banner-background-color-blue: #235180; /** Used for the background for the blue banner type. */
   --gl-broadcast-banner-background-color-green: #1b653f; /** Used for the background for the green banner type. */
@@ -266,7 +266,7 @@
   --gl-broadcast-banner-border-color-lightindigo: #41419f; /** Used for the border for the lightindigo banner type. */
   --gl-broadcast-banner-border-color-lightred: #8f2110; /** Used for the border for the lightred banner type. */
   --gl-broadcast-banner-border-color-red: #580d02; /** Used for the border for the red banner type. */
-  --gl-chart-threshold-area-color: rgba(221, 43, 14, 0.1); /** Used in charts to delineate a threshold area in a chart. */
+  --gl-chart-threshold-area-color: rgba(222, 29, 75, 0.1); /** Used in charts to delineate a threshold area in a chart. */
   --gl-illustration-stroke-color-default: #171321; /** Default stroke color to define shape and provide essential detail. */
   --gl-illustration-stroke-width-default: 2; /** Default stroke width to define shape and provide essential detail. */
   --gl-illustration-fill-color-default: #fff; /** Default fill color for an element where specific meaning or emphasis is not required. */
@@ -379,9 +379,9 @@
   --t-white-a-04: rgba(255, 255, 255, 0.04); /** Use color.alpha.light.4 instead. */
   --t-white-a-06: rgba(255, 255, 255, 0.06); /** Use color.alpha.light.6 instead. */
   --t-white-a-08: rgba(255, 255, 255, 0.08); /** Use color.alpha.light.8 instead. */
-  --gl-action-danger-background-color-default: rgba(245, 127, 108, 0); /** Used for the background of a danger (destructive) action in the default state. */
-  --gl-action-danger-background-color-hover: rgba(245, 127, 108, 0.16); /** Used for the background of a danger (destructive) action in the hover state. */
-  --gl-action-danger-background-color-active: rgba(174, 24, 0, 0.24); /** Used for the background of a danger (destructive) action in the active state. */
+  --gl-action-danger-background-color-default: rgba(222, 29, 75, 0); /** Used for the background of a danger (destructive) action in the default state. */
+  --gl-action-danger-background-color-hover: rgba(222, 29, 75, 0.16); /** Used for the background of a danger (destructive) action in the hover state. */
+  --gl-action-danger-background-color-active: rgba(172, 32, 58, 0.24); /** Used for the background of a danger (destructive) action in the active state. */
   --gl-letter-spacing-heading: -0.01em;
   --gl-heading-3-letter-spacing: inherit;
   --gl-heading-4-letter-spacing: inherit;
@@ -577,20 +577,20 @@
   --gl-button-confirm-secondary-border-color-hover: var(--gl-color-neutral-950); /** Used for the border of an outlined confirm (positive) button in the hover state. */
   --gl-button-confirm-secondary-border-color-active: var(--gl-color-neutral-1000); /** Used for the border of an outlined confirm (positive) button in the active state. */
   --gl-button-danger-primary-foreground-color-default: var(--gl-color-neutral-0); /** Used for the foreground of a danger (destructive) primary button in the default state. */
-  --gl-button-danger-primary-background-color-default: var(--gl-color-red-500); /** Used for the background of a danger (destructive) primary button in the default state. */
-  --gl-button-danger-primary-background-color-hover: var(--gl-color-red-600); /** Used for the background of a danger (destructive) primary button in the hover state. */
-  --gl-button-danger-primary-background-color-active: var(--gl-color-red-800); /** Used for the background of a danger (destructive) primary button in the active state. */
-  --gl-button-danger-primary-border-color-default: var(--gl-color-red-600); /** Used for the border of a danger (destructive) primary button in the default state. */
-  --gl-button-danger-primary-border-color-hover: var(--gl-color-red-800); /** Used for the border of a danger (destructive) primary button in the hover state. */
-  --gl-button-danger-primary-border-color-active: var(--gl-color-red-900); /** Used for the border of a danger (destructive) primary button in the active state. */
-  --gl-button-danger-secondary-foreground-color-default: var(--gl-color-red-500); /** Used for the foreground of a danger (destructive) button in the default state. */
-  --gl-button-danger-secondary-foreground-color-hover: var(--gl-color-red-700); /** Used for the foreground of a danger (destructive) button in the hover state. */
+  --gl-button-danger-primary-background-color-default: var(--gl-color-red-600); /** Used for the background of a danger (destructive) primary button in the default state. */
+  --gl-button-danger-primary-background-color-hover: var(--gl-color-red-700); /** Used for the background of a danger (destructive) primary button in the hover state. */
+  --gl-button-danger-primary-background-color-active: var(--gl-color-red-900); /** Used for the background of a danger (destructive) primary button in the active state. */
+  --gl-button-danger-primary-border-color-default: var(--gl-color-red-700); /** Used for the border of a danger (destructive) primary button in the default state. */
+  --gl-button-danger-primary-border-color-hover: var(--gl-color-red-900); /** Used for the border of a danger (destructive) primary button in the hover state. */
+  --gl-button-danger-primary-border-color-active: var(--gl-color-red-950); /** Used for the border of a danger (destructive) primary button in the active state. */
+  --gl-button-danger-secondary-foreground-color-default: var(--gl-color-red-600); /** Used for the foreground of a danger (destructive) button in the default state. */
+  --gl-button-danger-secondary-foreground-color-hover: var(--gl-color-red-800); /** Used for the foreground of a danger (destructive) button in the hover state. */
   --gl-button-danger-secondary-foreground-color-active: var(--gl-color-red-900); /** Used for the foreground of a danger (destructive) button in the active state. */
   --gl-button-danger-secondary-background-color-default: var(--gl-color-neutral-0); /** Used for the background of an outlined danger (destructive) button in the default state. */
   --gl-button-danger-secondary-background-color-hover: var(--gl-color-red-50); /** Used for the background of an outlined danger (destructive) button in the hover state. */
   --gl-button-danger-secondary-background-color-active: var(--gl-color-red-100); /** Used for the background of an outlined danger (destructive) button in the active state. */
-  --gl-button-danger-secondary-border-color-default: var(--gl-color-red-500); /** Used for the border of an outlined danger (destructive) button in the default state. */
-  --gl-button-danger-secondary-border-color-hover: var(--gl-color-red-700); /** Used for the border of an outlined danger (destructive) button in the hover state. */
+  --gl-button-danger-secondary-border-color-default: var(--gl-color-red-600); /** Used for the border of an outlined danger (destructive) button in the default state. */
+  --gl-button-danger-secondary-border-color-hover: var(--gl-color-red-800); /** Used for the border of an outlined danger (destructive) button in the hover state. */
   --gl-button-danger-secondary-border-color-active: var(--gl-color-red-900); /** Used for the border of an outlined danger (destructive) button in the active state. */
   --gl-button-danger-tertiary-background-color-default: var(--gl-action-danger-background-color-default); /** Used for the background of a borderless, tertiary danger (destructive) button in the default state. */
   --gl-button-danger-tertiary-background-color-hover: var(--gl-action-danger-background-color-hover); /** Used for the background of a borderless, tertiary danger (destructive) button in the hover state. */
diff --git a/packages/tokens/dist/css/tokens.dark.css b/packages/tokens/dist/css/tokens.dark.css
index ee0148c..03f6501 100644
--- a/packages/tokens/dist/css/tokens.dark.css
+++ b/packages/tokens/dist/css/tokens.dark.css
@@ -20,17 +20,17 @@
   --gl-color-alpha-light-24: rgba(255, 255, 255, 0.24);
   --gl-color-alpha-light-36: rgba(255, 255, 255, 0.36);
   --gl-color-alpha-light-40: rgba(255, 255, 255, 0.4);
-  --gl-color-blue-50: #e9f3fc;
-  --gl-color-blue-100: #cbe2f9;
-  --gl-color-blue-200: #9dc7f1;
-  --gl-color-blue-300: #63a6e9;
-  --gl-color-blue-400: #428fdc;
-  --gl-color-blue-500: #1f75cb;
-  --gl-color-blue-600: #2f68b4;
-  --gl-color-blue-700: #2f5ca0;
-  --gl-color-blue-800: #284779;
-  --gl-color-blue-900: #213454;
-  --gl-color-blue-950: #1d283e;
+  --gl-color-blue-50: #e8f2fd;
+  --gl-color-blue-100: #c8e0f9;
+  --gl-color-blue-200: #9dc8f2;
+  --gl-color-blue-300: #64a7e9;
+  --gl-color-blue-400: #3f8edd;
+  --gl-color-blue-500: #1f73ca;
+  --gl-color-blue-600: #2566b5;
+  --gl-color-blue-700: #27599f;
+  --gl-color-blue-800: #254581;
+  --gl-color-blue-900: #1f3166;
+  --gl-color-blue-950: #1d2153;
   --gl-color-brand-white: #fff;
   --gl-color-brand-charcoal: #171321;
   --gl-color-brand-orange-01g: #ffd1bf;
@@ -101,17 +101,17 @@
   --gl-color-data-orange-800: #6f3500;
   --gl-color-data-orange-900: #5e2f05;
   --gl-color-data-orange-950: #4b2707;
-  --gl-color-green-50: #ecf4ee;
-  --gl-color-green-100: #c3e6cd;
-  --gl-color-green-200: #91d4a8;
-  --gl-color-green-300: #52b87a;
-  --gl-color-green-400: #2da160;
-  --gl-color-green-500: #108548;
-  --gl-color-green-600: #2f7549;
-  --gl-color-green-700: #306440;
-  --gl-color-green-800: #225131;
-  --gl-color-green-900: #1e3e28;
-  --gl-color-green-950: #17291c;
+  --gl-color-green-50: #e6f5ea;
+  --gl-color-green-100: #bee6d0;
+  --gl-color-green-200: #84d4b6;
+  --gl-color-green-300: #35b597;
+  --gl-color-green-400: #129c84;
+  --gl-color-green-500: #0d8070;
+  --gl-color-green-600: #0c7265;
+  --gl-color-green-700: #0b645a;
+  --gl-color-green-800: #075048;
+  --gl-color-green-900: #003c36;
+  --gl-color-green-950: #002c26;
   --gl-color-neutral-0: #fff;
   --gl-color-neutral-10: #f7f7f5;
   --gl-color-neutral-50: #ecebea;
@@ -126,39 +126,39 @@
   --gl-color-neutral-900: #28272d;
   --gl-color-neutral-950: #18171d;
   --gl-color-neutral-1000: #050408;
-  --gl-color-orange-50: #fdf1dd;
-  --gl-color-orange-100: #f5d9a8;
-  --gl-color-orange-200: #e9be74;
-  --gl-color-orange-300: #d99530;
-  --gl-color-orange-400: #c17d10;
-  --gl-color-orange-500: #ab6100;
-  --gl-color-orange-600: #995715;
-  --gl-color-orange-700: #894b16;
-  --gl-color-orange-800: #693c14;
-  --gl-color-orange-900: #532e16;
-  --gl-color-orange-950: #382315;
-  --gl-color-purple-50: #f4f0ff;
-  --gl-color-purple-100: #e1d8f9;
-  --gl-color-purple-200: #cbbbf2;
-  --gl-color-purple-300: #ac93e6;
-  --gl-color-purple-400: #9475db;
-  --gl-color-purple-500: #7b58cf;
-  --gl-color-purple-600: #6a4fb4;
-  --gl-color-purple-700: #5c47a6;
-  --gl-color-purple-800: #493c83;
-  --gl-color-purple-900: #342d59;
-  --gl-color-purple-950: #27243e;
-  --gl-color-red-50: #fcf1ef;
-  --gl-color-red-100: #fdd4cd;
-  --gl-color-red-200: #fcb5aa;
-  --gl-color-red-300: #f6806d;
-  --gl-color-red-400: #ec5941;
-  --gl-color-red-500: #dd2b0e;
-  --gl-color-red-600: #c02f12;
-  --gl-color-red-700: #a32c12;
-  --gl-color-red-800: #812713;
-  --gl-color-red-900: #582014;
-  --gl-color-red-950: #3e1a14;
+  --gl-color-orange-50: #fdf0d5;
+  --gl-color-orange-100: #fada9c;
+  --gl-color-orange-200: #f7b951;
+  --gl-color-orange-300: #fb8017;
+  --gl-color-orange-400: #e95f21;
+  --gl-color-orange-500: #c74816;
+  --gl-color-orange-600: #b34013;
+  --gl-color-orange-700: #9e3811;
+  --gl-color-orange-800: #7d2d0e;
+  --gl-color-orange-900: #5d220d;
+  --gl-color-orange-950: #461807;
+  --gl-color-purple-50: #f4f0fc;
+  --gl-color-purple-100: #e1daf7;
+  --gl-color-purple-200: #c9beef;
+  --gl-color-purple-300: #a997e1;
+  --gl-color-purple-400: #927cd7;
+  --gl-color-purple-500: #7862c8;
+  --gl-color-purple-600: #6a54c0;
+  --gl-color-purple-700: #5b46b8;
+  --gl-color-purple-800: #483698;
+  --gl-color-purple-900: #362676;
+  --gl-color-purple-950: #291a5c;
+  --gl-color-red-50: #feeef0;
+  --gl-color-red-100: #ffd3d7;
+  --gl-color-red-200: #ffafb8;
+  --gl-color-red-300: #fc7988;
+  --gl-color-red-400: #f15168;
+  --gl-color-red-500: #de1d4b;
+  --gl-color-red-600: #c52042;
+  --gl-color-red-700: #ac203a;
+  --gl-color-red-800: #891c2f;
+  --gl-color-red-900: #641925;
+  --gl-color-red-950: #48151d;
   --gl-font-family-regular: var(--default-regular-font, 'GitLab Sans'),'GitLab Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Noto Sans',Ubuntu,Cantarell,'Helvetica Neue',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';
   --gl-font-family-monospace: var(--default-mono-font, 'GitLab Mono'),'GitLab Mono','JetBrains Mono',Menlo,'DejaVu Sans Mono','Liberation Mono',Consolas,'Ubuntu Mono','Courier New','andale mono','lucida console',monospace;
   --gl-font-size-100: 0.75rem; /** Used for meta text and small labels. */
@@ -244,11 +244,11 @@
   --gl-zindex-4: 4;
   --gl-zindex-200: 200;
   --gl-zindex-9999: 9999;
-  --gl-avatar-fallback-background-color-red: rgba(252, 181, 170, 0.23921568627450981); /** Red background for avatar fallback with no particular meaning. */
-  --gl-avatar-fallback-background-color-purple: rgba(203, 187, 242, 0.23921568627450981); /** Purple background for avatar fallback with no particular meaning. */
-  --gl-avatar-fallback-background-color-blue: rgba(157, 199, 241, 0.23921568627450981); /** Blue background for avatar fallback with no particular meaning. */
-  --gl-avatar-fallback-background-color-green: rgba(145, 212, 168, 0.23921568627450981); /** Green background for avatar fallback with no particular meaning. */
-  --gl-avatar-fallback-background-color-orange: rgba(233, 190, 116, 0.23921568627450981); /** Orange background for avatar fallback with no particular meaning. */
+  --gl-avatar-fallback-background-color-red: rgba(255, 175, 184, 0.23921568627450981); /** Red background for avatar fallback with no particular meaning. */
+  --gl-avatar-fallback-background-color-purple: rgba(201, 190, 239, 0.23921568627450981); /** Purple background for avatar fallback with no particular meaning. */
+  --gl-avatar-fallback-background-color-blue: rgba(157, 200, 242, 0.23921568627450981); /** Blue background for avatar fallback with no particular meaning. */
+  --gl-avatar-fallback-background-color-green: rgba(132, 212, 182, 0.23921568627450981); /** Green background for avatar fallback with no particular meaning. */
+  --gl-avatar-fallback-background-color-orange: rgba(247, 185, 81, 0.23921568627450981); /** Orange background for avatar fallback with no particular meaning. */
   --gl-avatar-fallback-background-color-neutral: rgba(191, 191, 195, 0.23921568627450981); /** Neutral background for avatar fallback with no particular meaning. */
   --gl-broadcast-banner-background-color-blue: #235180; /** Used for the background for the blue banner type. */
   --gl-broadcast-banner-background-color-green: #1b653f; /** Used for the background for the green banner type. */
@@ -269,11 +269,11 @@
   --gl-button-default-primary-background-color-default: rgba(137, 136, 141, 0.4); /** Used for the background of an default primary button in the default state. */
   --gl-button-default-primary-background-color-hover: rgba(137, 136, 141, 0.64); /** Used for the background of an default primary button in the hover state. */
   --gl-button-default-primary-background-color-active: rgba(137, 136, 141, 0.32); /** Used for the background of an default primary button in the active state. */
-  --gl-button-danger-secondary-background-color-default: rgba(236, 89, 65, 0.4); /** Used for the background of an outlined danger (destructive) button in the default state. */
-  --gl-button-danger-secondary-background-color-hover: rgba(236, 89, 65, 0.64); /** Used for the background of an outlined danger (destructive) button in the hover state. */
-  --gl-button-danger-secondary-background-color-active: rgba(236, 89, 65, 0.32); /** Used for the background of an outlined danger (destructive) button in the active state. */
+  --gl-button-danger-secondary-background-color-default: rgba(241, 81, 104, 0.4); /** Used for the background of an outlined danger (destructive) button in the default state. */
+  --gl-button-danger-secondary-background-color-hover: rgba(241, 81, 104, 0.64); /** Used for the background of an outlined danger (destructive) button in the hover state. */
+  --gl-button-danger-secondary-background-color-active: rgba(241, 81, 104, 0.32); /** Used for the background of an outlined danger (destructive) button in the active state. */
   --gl-button-disabled-background-color: rgba(137, 136, 141, 0.16); /** Used for the background of a disabled button. */
-  --gl-chart-threshold-area-color: rgba(221, 43, 14, 0.1); /** Used in charts to delineate a threshold area in a chart. */
+  --gl-chart-threshold-area-color: rgba(222, 29, 75, 0.1); /** Used in charts to delineate a threshold area in a chart. */
   --gl-illustration-stroke-color-default: #e3e3e8; /** Default stroke color to define shape and provide essential detail. */
   --gl-illustration-stroke-width-default: 1.5; /** Default stroke width to define shape and provide essential detail. */
   --gl-illustration-fill-color-default: #423f4f; /** Default fill color for an element where specific meaning or emphasis is not required. */
@@ -390,9 +390,9 @@
   --t-white-a-04: rgba(255, 255, 255, 0.04); /** Use color.alpha.light.4 instead. */
   --t-white-a-06: rgba(255, 255, 255, 0.06); /** Use color.alpha.light.6 instead. */
   --t-white-a-08: rgba(255, 255, 255, 0.08); /** Use color.alpha.light.8 instead. */
-  --gl-action-danger-background-color-default: rgba(236, 89, 65, 0); /** Used for the background of a danger (destructive) action in the default state. */
-  --gl-action-danger-background-color-hover: rgba(236, 89, 65, 0.4); /** Used for the background of a danger (destructive) action in the hover state. */
-  --gl-action-danger-background-color-active: rgba(236, 89, 65, 0.16); /** Used for the background of a danger (destructive) action in the active state. */
+  --gl-action-danger-background-color-default: rgba(241, 81, 104, 0); /** Used for the background of a danger (destructive) action in the default state. */
+  --gl-action-danger-background-color-hover: rgba(241, 81, 104, 0.4); /** Used for the background of a danger (destructive) action in the hover state. */
+  --gl-action-danger-background-color-active: rgba(241, 81, 104, 0.16); /** Used for the background of a danger (destructive) action in the active state. */
   --gl-background-color-overlay: rgba(0, 0, 0, 0.64); /** Used for an overlay that covers other content. */
   --gl-letter-spacing-heading: -0.01em;
   --gl-heading-3-letter-spacing: inherit;
@@ -591,9 +591,9 @@
   --gl-button-confirm-secondary-border-color-hover: var(--gl-color-alpha-0); /** Used for the border of an outlined confirm (positive) button in the hover state. */
   --gl-button-confirm-secondary-border-color-active: var(--gl-color-alpha-0); /** Used for the border of an outlined confirm (positive) button in the active state. */
   --gl-button-danger-primary-foreground-color-default: var(--gl-color-neutral-950); /** Used for the foreground of a danger (destructive) primary button in the default state. */
-  --gl-button-danger-primary-background-color-default: var(--gl-color-red-300); /** Used for the background of a danger (destructive) primary button in the default state. */
-  --gl-button-danger-primary-background-color-hover: var(--gl-color-red-200); /** Used for the background of a danger (destructive) primary button in the hover state. */
-  --gl-button-danger-primary-background-color-active: var(--gl-color-red-400); /** Used for the background of a danger (destructive) primary button in the active state. */
+  --gl-button-danger-primary-background-color-default: var(--gl-color-red-400); /** Used for the background of a danger (destructive) primary button in the default state. */
+  --gl-button-danger-primary-background-color-hover: var(--gl-color-red-300); /** Used for the background of a danger (destructive) primary button in the hover state. */
+  --gl-button-danger-primary-background-color-active: var(--gl-color-red-200); /** Used for the background of a danger (destructive) primary button in the active state. */
   --gl-button-danger-primary-border-color-default: var(--gl-color-alpha-0); /** Used for the border of a danger (destructive) primary button in the default state. */
   --gl-button-danger-primary-border-color-hover: var(--gl-color-alpha-0); /** Used for the border of a danger (destructive) primary button in the hover state. */
   --gl-button-danger-primary-border-color-active: var(--gl-color-alpha-0); /** Used for the border of a danger (destructive) primary button in the active state. */
diff --git a/packages/tokens/dist/docs/tokens-tailwind-docs.dark.json b/packages/tokens/dist/docs/tokens-tailwind-docs.dark.json
index b656410..45fa67c 100644
--- a/packages/tokens/dist/docs/tokens-tailwind-docs.dark.json
+++ b/packages/tokens/dist/docs/tokens-tailwind-docs.dark.json
@@ -416,7 +416,7 @@
     "blue": {
       "50": {
         "key": "{blue.50}",
-        "$value": "#213454",
+        "$value": "#1f3166",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -447,7 +447,7 @@
       },
       "100": {
         "key": "{blue.100}",
-        "$value": "#284779",
+        "$value": "#254581",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -478,7 +478,7 @@
       },
       "200": {
         "key": "{blue.200}",
-        "$value": "#2f5ca0",
+        "$value": "#27599f",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -509,7 +509,7 @@
       },
       "300": {
         "key": "{blue.300}",
-        "$value": "#2f68b4",
+        "$value": "#2566b5",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -540,7 +540,7 @@
       },
       "400": {
         "key": "{blue.400}",
-        "$value": "#1f75cb",
+        "$value": "#1f73ca",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -571,7 +571,7 @@
       },
       "500": {
         "key": "{blue.500}",
-        "$value": "#428fdc",
+        "$value": "#3f8edd",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -602,7 +602,7 @@
       },
       "600": {
         "key": "{blue.600}",
-        "$value": "#63a6e9",
+        "$value": "#64a7e9",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -633,7 +633,7 @@
       },
       "700": {
         "key": "{blue.700}",
-        "$value": "#9dc7f1",
+        "$value": "#9dc8f2",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -664,7 +664,7 @@
       },
       "800": {
         "key": "{blue.800}",
-        "$value": "#cbe2f9",
+        "$value": "#c8e0f9",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -695,7 +695,7 @@
       },
       "900": {
         "key": "{blue.900}",
-        "$value": "#e9f3fc",
+        "$value": "#e8f2fd",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -1133,7 +1133,7 @@
     "green": {
       "50": {
         "key": "{green.50}",
-        "$value": "#1e3e28",
+        "$value": "#003c36",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -1164,7 +1164,7 @@
       },
       "100": {
         "key": "{green.100}",
-        "$value": "#225131",
+        "$value": "#075048",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -1195,7 +1195,7 @@
       },
       "200": {
         "key": "{green.200}",
-        "$value": "#306440",
+        "$value": "#0b645a",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -1226,7 +1226,7 @@
       },
       "300": {
         "key": "{green.300}",
-        "$value": "#2f7549",
+        "$value": "#0c7265",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -1257,7 +1257,7 @@
       },
       "400": {
         "key": "{green.400}",
-        "$value": "#108548",
+        "$value": "#0d8070",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -1288,7 +1288,7 @@
       },
       "500": {
         "key": "{green.500}",
-        "$value": "#2da160",
+        "$value": "#129c84",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -1319,7 +1319,7 @@
       },
       "600": {
         "key": "{green.600}",
-        "$value": "#52b87a",
+        "$value": "#35b597",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -1350,7 +1350,7 @@
       },
       "700": {
         "key": "{green.700}",
-        "$value": "#91d4a8",
+        "$value": "#84d4b6",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -1381,7 +1381,7 @@
       },
       "800": {
         "key": "{green.800}",
-        "$value": "#c3e6cd",
+        "$value": "#bee6d0",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -1412,7 +1412,7 @@
       },
       "900": {
         "key": "{green.900}",
-        "$value": "#ecf4ee",
+        "$value": "#e6f5ea",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -1476,7 +1476,7 @@
     "orange": {
       "50": {
         "key": "{orange.50}",
-        "$value": "#532e16",
+        "$value": "#5d220d",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -1507,7 +1507,7 @@
       },
       "100": {
         "key": "{orange.100}",
-        "$value": "#693c14",
+        "$value": "#7d2d0e",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -1538,7 +1538,7 @@
       },
       "200": {
         "key": "{orange.200}",
-        "$value": "#894b16",
+        "$value": "#9e3811",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -1569,7 +1569,7 @@
       },
       "300": {
         "key": "{orange.300}",
-        "$value": "#995715",
+        "$value": "#b34013",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -1600,7 +1600,7 @@
       },
       "400": {
         "key": "{orange.400}",
-        "$value": "#ab6100",
+        "$value": "#c74816",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -1631,7 +1631,7 @@
       },
       "500": {
         "key": "{orange.500}",
-        "$value": "#c17d10",
+        "$value": "#e95f21",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -1662,7 +1662,7 @@
       },
       "600": {
         "key": "{orange.600}",
-        "$value": "#d99530",
+        "$value": "#fb8017",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -1693,7 +1693,7 @@
       },
       "700": {
         "key": "{orange.700}",
-        "$value": "#e9be74",
+        "$value": "#f7b951",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -1724,7 +1724,7 @@
       },
       "800": {
         "key": "{orange.800}",
-        "$value": "#f5d9a8",
+        "$value": "#fada9c",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -1755,7 +1755,7 @@
       },
       "900": {
         "key": "{orange.900}",
-        "$value": "#fdf1dd",
+        "$value": "#fdf0d5",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -1819,7 +1819,7 @@
     "purple": {
       "50": {
         "key": "{purple.50}",
-        "$value": "#27243e",
+        "$value": "#291a5c",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -1850,7 +1850,7 @@
       },
       "100": {
         "key": "{purple.100}",
-        "$value": "#342d59",
+        "$value": "#362676",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -1881,7 +1881,7 @@
       },
       "200": {
         "key": "{purple.200}",
-        "$value": "#493c83",
+        "$value": "#483698",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -1912,7 +1912,7 @@
       },
       "300": {
         "key": "{purple.300}",
-        "$value": "#5c47a6",
+        "$value": "#5b46b8",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -1943,7 +1943,7 @@
       },
       "400": {
         "key": "{purple.400}",
-        "$value": "#6a4fb4",
+        "$value": "#6a54c0",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -1974,7 +1974,7 @@
       },
       "500": {
         "key": "{purple.500}",
-        "$value": "#7b58cf",
+        "$value": "#7862c8",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -2005,7 +2005,7 @@
       },
       "600": {
         "key": "{purple.600}",
-        "$value": "#9475db",
+        "$value": "#927cd7",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -2036,7 +2036,7 @@
       },
       "700": {
         "key": "{purple.700}",
-        "$value": "#ac93e6",
+        "$value": "#a997e1",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -2067,7 +2067,7 @@
       },
       "800": {
         "key": "{purple.800}",
-        "$value": "#cbbbf2",
+        "$value": "#c9beef",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -2098,7 +2098,7 @@
       },
       "900": {
         "key": "{purple.900}",
-        "$value": "#e1d8f9",
+        "$value": "#e1daf7",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -2129,7 +2129,7 @@
       },
       "950": {
         "key": "{purple.950}",
-        "$value": "#f4f0ff",
+        "$value": "#f4f0fc",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -2162,7 +2162,7 @@
     "red": {
       "50": {
         "key": "{red.50}",
-        "$value": "#582014",
+        "$value": "#641925",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -2193,7 +2193,7 @@
       },
       "100": {
         "key": "{red.100}",
-        "$value": "#812713",
+        "$value": "#891c2f",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -2224,7 +2224,7 @@
       },
       "200": {
         "key": "{red.200}",
-        "$value": "#a32c12",
+        "$value": "#ac203a",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -2255,7 +2255,7 @@
       },
       "300": {
         "key": "{red.300}",
-        "$value": "#c02f12",
+        "$value": "#c52042",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -2286,7 +2286,7 @@
       },
       "400": {
         "key": "{red.400}",
-        "$value": "#dd2b0e",
+        "$value": "#de1d4b",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -2317,7 +2317,7 @@
       },
       "500": {
         "key": "{red.500}",
-        "$value": "#ec5941",
+        "$value": "#f15168",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -2348,7 +2348,7 @@
       },
       "600": {
         "key": "{red.600}",
-        "$value": "#f6806d",
+        "$value": "#fc7988",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -2379,7 +2379,7 @@
       },
       "700": {
         "key": "{red.700}",
-        "$value": "#fcb5aa",
+        "$value": "#ffafb8",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -2410,7 +2410,7 @@
       },
       "800": {
         "key": "{red.800}",
-        "$value": "#fdd4cd",
+        "$value": "#ffd3d7",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -2441,7 +2441,7 @@
       },
       "900": {
         "key": "{red.900}",
-        "$value": "#fcf1ef",
+        "$value": "#feeef0",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -5374,7 +5374,7 @@
       },
       "info": {
         "key": "{status.info.background.color}",
-        "$value": "#284779",
+        "$value": "#254581",
         "$type": "color",
         "$description": "Used for the background of an informational status item when indicating a noteworthy ongoing condition or a state of active progress.",
         "$extensions": {
@@ -5409,7 +5409,7 @@
       },
       "success": {
         "key": "{status.success.background.color}",
-        "$value": "#225131",
+        "$value": "#075048",
         "$type": "color",
         "$description": "Used for the background of a success status item when indicating a positive outcome, completion, or desired state. Clearly conveys a positive connotation.",
         "$extensions": {
@@ -5444,7 +5444,7 @@
       },
       "warning": {
         "key": "{status.warning.background.color}",
-        "$value": "#693c14",
+        "$value": "#7d2d0e",
         "$type": "color",
         "$description": "Used for the background of a warning status item when indicating a state that requires heightened awareness or caution, but is not necessarily problematic. Represents a state that warrants extra attention or care when interacting with the item.",
         "$extensions": {
@@ -5479,7 +5479,7 @@
       },
       "danger": {
         "key": "{status.danger.background.color}",
-        "$value": "#812713",
+        "$value": "#891c2f",
         "$type": "color",
         "$description": "Used for the background of a danger status item when indicating a critical or severely problematic current state. Clearly conveys a negative connotation, representing a serious, ongoing issue or undesired condition.",
         "$extensions": {
@@ -5514,7 +5514,7 @@
       },
       "brand": {
         "key": "{status.brand.background.color}",
-        "$value": "#342d59",
+        "$value": "#362676",
         "$type": "color",
         "$description": "Used for the background of a brand-related status item when highlighting the state of unique features or elements specific to the GitLab brand identity. Helps distinguish and emphasize brand-specific elements within the interface.",
         "$extensions": {
@@ -5621,7 +5621,7 @@
       },
       "info": {
         "key": "{feedback.info.background.color}",
-        "$value": "#1d283e",
+        "$value": "#1d2153",
         "$type": "color",
         "$description": "Used for the background of an informational feedback item when highlighting new information or a change that doesn't require immediate action.",
         "$extensions": {
@@ -5656,7 +5656,7 @@
       },
       "success": {
         "key": "{feedback.success.background.color}",
-        "$value": "#1e3e28",
+        "$value": "#003c36",
         "$type": "color",
         "$description": "Used for the background of a success feedback item when confirming the successful completion of a user-initiated action.",
         "$extensions": {
@@ -5691,7 +5691,7 @@
       },
       "warning": {
         "key": "{feedback.warning.background.color}",
-        "$value": "#532e16",
+        "$value": "#5d220d",
         "$type": "color",
         "$description": "Used for the background of a warning feedback item when notifying about a potential issue or sensitive information.",
         "$extensions": {
@@ -5726,7 +5726,7 @@
       },
       "danger": {
         "key": "{feedback.danger.background.color}",
-        "$value": "#582014",
+        "$value": "#641925",
         "$type": "color",
         "$description": "Used for the background of a danger feedback item when notifying about a critical issue that has just occurred and requires immediate attention.",
         "$extensions": {
@@ -5761,7 +5761,7 @@
       },
       "brand": {
         "key": "{feedback.brand.background.color}",
-        "$value": "#27243e",
+        "$value": "#291a5c",
         "$type": "color",
         "$description": "Used for the background of a brand-related feedback item when highlighting information that pertains to GitLab.",
         "$extensions": {
@@ -6423,7 +6423,7 @@
     "blue": {
       "50": {
         "key": "{blue.50}",
-        "$value": "#213454",
+        "$value": "#1f3166",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -6454,7 +6454,7 @@
       },
       "100": {
         "key": "{blue.100}",
-        "$value": "#284779",
+        "$value": "#254581",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -6485,7 +6485,7 @@
       },
       "200": {
         "key": "{blue.200}",
-        "$value": "#2f5ca0",
+        "$value": "#27599f",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -6516,7 +6516,7 @@
       },
       "300": {
         "key": "{blue.300}",
-        "$value": "#2f68b4",
+        "$value": "#2566b5",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -6547,7 +6547,7 @@
       },
       "400": {
         "key": "{blue.400}",
-        "$value": "#1f75cb",
+        "$value": "#1f73ca",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -6578,7 +6578,7 @@
       },
       "500": {
         "key": "{blue.500}",
-        "$value": "#428fdc",
+        "$value": "#3f8edd",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -6609,7 +6609,7 @@
       },
       "600": {
         "key": "{blue.600}",
-        "$value": "#63a6e9",
+        "$value": "#64a7e9",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -6640,7 +6640,7 @@
       },
       "700": {
         "key": "{blue.700}",
-        "$value": "#9dc7f1",
+        "$value": "#9dc8f2",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -6671,7 +6671,7 @@
       },
       "800": {
         "key": "{blue.800}",
-        "$value": "#cbe2f9",
+        "$value": "#c8e0f9",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -6702,7 +6702,7 @@
       },
       "900": {
         "key": "{blue.900}",
-        "$value": "#e9f3fc",
+        "$value": "#e8f2fd",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -7140,7 +7140,7 @@
     "green": {
       "50": {
         "key": "{green.50}",
-        "$value": "#1e3e28",
+        "$value": "#003c36",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -7171,7 +7171,7 @@
       },
       "100": {
         "key": "{green.100}",
-        "$value": "#225131",
+        "$value": "#075048",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -7202,7 +7202,7 @@
       },
       "200": {
         "key": "{green.200}",
-        "$value": "#306440",
+        "$value": "#0b645a",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -7233,7 +7233,7 @@
       },
       "300": {
         "key": "{green.300}",
-        "$value": "#2f7549",
+        "$value": "#0c7265",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -7264,7 +7264,7 @@
       },
       "400": {
         "key": "{green.400}",
-        "$value": "#108548",
+        "$value": "#0d8070",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -7295,7 +7295,7 @@
       },
       "500": {
         "key": "{green.500}",
-        "$value": "#2da160",
+        "$value": "#129c84",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -7326,7 +7326,7 @@
       },
       "600": {
         "key": "{green.600}",
-        "$value": "#52b87a",
+        "$value": "#35b597",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -7357,7 +7357,7 @@
       },
       "700": {
         "key": "{green.700}",
-        "$value": "#91d4a8",
+        "$value": "#84d4b6",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -7388,7 +7388,7 @@
       },
       "800": {
         "key": "{green.800}",
-        "$value": "#c3e6cd",
+        "$value": "#bee6d0",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -7419,7 +7419,7 @@
       },
       "900": {
         "key": "{green.900}",
-        "$value": "#ecf4ee",
+        "$value": "#e6f5ea",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -7483,7 +7483,7 @@
     "orange": {
       "50": {
         "key": "{orange.50}",
-        "$value": "#532e16",
+        "$value": "#5d220d",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -7514,7 +7514,7 @@
       },
       "100": {
         "key": "{orange.100}",
-        "$value": "#693c14",
+        "$value": "#7d2d0e",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -7545,7 +7545,7 @@
       },
       "200": {
         "key": "{orange.200}",
-        "$value": "#894b16",
+        "$value": "#9e3811",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -7576,7 +7576,7 @@
       },
       "300": {
         "key": "{orange.300}",
-        "$value": "#995715",
+        "$value": "#b34013",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -7607,7 +7607,7 @@
       },
       "400": {
         "key": "{orange.400}",
-        "$value": "#ab6100",
+        "$value": "#c74816",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -7638,7 +7638,7 @@
       },
       "500": {
         "key": "{orange.500}",
-        "$value": "#c17d10",
+        "$value": "#e95f21",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -7669,7 +7669,7 @@
       },
       "600": {
         "key": "{orange.600}",
-        "$value": "#d99530",
+        "$value": "#fb8017",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -7700,7 +7700,7 @@
       },
       "700": {
         "key": "{orange.700}",
-        "$value": "#e9be74",
+        "$value": "#f7b951",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -7731,7 +7731,7 @@
       },
       "800": {
         "key": "{orange.800}",
-        "$value": "#f5d9a8",
+        "$value": "#fada9c",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -7762,7 +7762,7 @@
       },
       "900": {
         "key": "{orange.900}",
-        "$value": "#fdf1dd",
+        "$value": "#fdf0d5",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -7826,7 +7826,7 @@
     "purple": {
       "50": {
         "key": "{purple.50}",
-        "$value": "#27243e",
+        "$value": "#291a5c",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -7857,7 +7857,7 @@
       },
       "100": {
         "key": "{purple.100}",
-        "$value": "#342d59",
+        "$value": "#362676",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -7888,7 +7888,7 @@
       },
       "200": {
         "key": "{purple.200}",
-        "$value": "#493c83",
+        "$value": "#483698",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -7919,7 +7919,7 @@
       },
       "300": {
         "key": "{purple.300}",
-        "$value": "#5c47a6",
+        "$value": "#5b46b8",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -7950,7 +7950,7 @@
       },
       "400": {
         "key": "{purple.400}",
-        "$value": "#6a4fb4",
+        "$value": "#6a54c0",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -7981,7 +7981,7 @@
       },
       "500": {
         "key": "{purple.500}",
-        "$value": "#7b58cf",
+        "$value": "#7862c8",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -8012,7 +8012,7 @@
       },
       "600": {
         "key": "{purple.600}",
-        "$value": "#9475db",
+        "$value": "#927cd7",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -8043,7 +8043,7 @@
       },
       "700": {
         "key": "{purple.700}",
-        "$value": "#ac93e6",
+        "$value": "#a997e1",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -8074,7 +8074,7 @@
       },
       "800": {
         "key": "{purple.800}",
-        "$value": "#cbbbf2",
+        "$value": "#c9beef",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -8105,7 +8105,7 @@
       },
       "900": {
         "key": "{purple.900}",
-        "$value": "#e1d8f9",
+        "$value": "#e1daf7",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -8136,7 +8136,7 @@
       },
       "950": {
         "key": "{purple.950}",
-        "$value": "#f4f0ff",
+        "$value": "#f4f0fc",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -8169,7 +8169,7 @@
     "red": {
       "50": {
         "key": "{red.50}",
-        "$value": "#582014",
+        "$value": "#641925",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -8200,7 +8200,7 @@
       },
       "100": {
         "key": "{red.100}",
-        "$value": "#812713",
+        "$value": "#891c2f",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -8231,7 +8231,7 @@
       },
       "200": {
         "key": "{red.200}",
-        "$value": "#a32c12",
+        "$value": "#ac203a",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -8262,7 +8262,7 @@
       },
       "300": {
         "key": "{red.300}",
-        "$value": "#c02f12",
+        "$value": "#c52042",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -8293,7 +8293,7 @@
       },
       "400": {
         "key": "{red.400}",
-        "$value": "#dd2b0e",
+        "$value": "#de1d4b",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -8324,7 +8324,7 @@
       },
       "500": {
         "key": "{red.500}",
-        "$value": "#ec5941",
+        "$value": "#f15168",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -8355,7 +8355,7 @@
       },
       "600": {
         "key": "{red.600}",
-        "$value": "#f6806d",
+        "$value": "#fc7988",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -8386,7 +8386,7 @@
       },
       "700": {
         "key": "{red.700}",
-        "$value": "#fcb5aa",
+        "$value": "#ffafb8",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -8417,7 +8417,7 @@
       },
       "800": {
         "key": "{red.800}",
-        "$value": "#fdd4cd",
+        "$value": "#ffd3d7",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -8448,7 +8448,7 @@
       },
       "900": {
         "key": "{red.900}",
-        "$value": "#fcf1ef",
+        "$value": "#feeef0",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -11334,7 +11334,7 @@
       },
       "info": {
         "key": "{feedback.info.border.color}",
-        "$value": "#2f68b4",
+        "$value": "#2566b5",
         "$type": "color",
         "$description": "Used for the border of an informational feedback item when highlighting new information or a change that doesn't require immediate action.",
         "$extensions": {
@@ -11367,7 +11367,7 @@
       },
       "success": {
         "key": "{feedback.success.border.color}",
-        "$value": "#2f7549",
+        "$value": "#0c7265",
         "$type": "color",
         "$description": "Used for the border of a success feedback item when confirming the successful completion of a user-initiated action.",
         "$extensions": {
@@ -11400,7 +11400,7 @@
       },
       "warning": {
         "key": "{feedback.warning.border.color}",
-        "$value": "#995715",
+        "$value": "#b34013",
         "$type": "color",
         "$description": "Used for the border of a warning feedback item when notifying about a potential issue or sensitive information.",
         "$extensions": {
@@ -11433,7 +11433,7 @@
       },
       "danger": {
         "key": "{feedback.danger.border.color}",
-        "$value": "#f6806d",
+        "$value": "#fc7988",
         "$type": "color",
         "$description": "Used for the border of a danger feedback item when notifying about a critical issue that has just occurred and requires immediate attention.",
         "$extensions": {
@@ -11466,7 +11466,7 @@
       },
       "brand": {
         "key": "{feedback.brand.border.color}",
-        "$value": "#6a4fb4",
+        "$value": "#6a54c0",
         "$type": "color",
         "$description": "Used for the border of a brand-related feedback item when highlighting information that pertains to GitLab.",
         "$extensions": {
@@ -11637,7 +11637,7 @@
       },
       "error": {
         "key": "{control.border.color.error}",
-        "$value": "#f6806d",
+        "$value": "#fc7988",
         "$type": "color",
         "$description": "Used for invalid form control (input, textarea) border.",
         "$extensions": {
@@ -12087,7 +12087,7 @@
     "blue": {
       "50": {
         "key": "{blue.50}",
-        "$value": "#213454",
+        "$value": "#1f3166",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -12118,7 +12118,7 @@
       },
       "100": {
         "key": "{blue.100}",
-        "$value": "#284779",
+        "$value": "#254581",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -12149,7 +12149,7 @@
       },
       "200": {
         "key": "{blue.200}",
-        "$value": "#2f5ca0",
+        "$value": "#27599f",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -12180,7 +12180,7 @@
       },
       "300": {
         "key": "{blue.300}",
-        "$value": "#2f68b4",
+        "$value": "#2566b5",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -12211,7 +12211,7 @@
       },
       "400": {
         "key": "{blue.400}",
-        "$value": "#1f75cb",
+        "$value": "#1f73ca",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -12242,7 +12242,7 @@
       },
       "500": {
         "key": "{blue.500}",
-        "$value": "#428fdc",
+        "$value": "#3f8edd",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -12273,7 +12273,7 @@
       },
       "600": {
         "key": "{blue.600}",
-        "$value": "#63a6e9",
+        "$value": "#64a7e9",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -12304,7 +12304,7 @@
       },
       "700": {
         "key": "{blue.700}",
-        "$value": "#9dc7f1",
+        "$value": "#9dc8f2",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -12335,7 +12335,7 @@
       },
       "800": {
         "key": "{blue.800}",
-        "$value": "#cbe2f9",
+        "$value": "#c8e0f9",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -12366,7 +12366,7 @@
       },
       "900": {
         "key": "{blue.900}",
-        "$value": "#e9f3fc",
+        "$value": "#e8f2fd",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -12804,7 +12804,7 @@
     "green": {
       "50": {
         "key": "{green.50}",
-        "$value": "#1e3e28",
+        "$value": "#003c36",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -12835,7 +12835,7 @@
       },
       "100": {
         "key": "{green.100}",
-        "$value": "#225131",
+        "$value": "#075048",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -12866,7 +12866,7 @@
       },
       "200": {
         "key": "{green.200}",
-        "$value": "#306440",
+        "$value": "#0b645a",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -12897,7 +12897,7 @@
       },
       "300": {
         "key": "{green.300}",
-        "$value": "#2f7549",
+        "$value": "#0c7265",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -12928,7 +12928,7 @@
       },
       "400": {
         "key": "{green.400}",
-        "$value": "#108548",
+        "$value": "#0d8070",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -12959,7 +12959,7 @@
       },
       "500": {
         "key": "{green.500}",
-        "$value": "#2da160",
+        "$value": "#129c84",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -12990,7 +12990,7 @@
       },
       "600": {
         "key": "{green.600}",
-        "$value": "#52b87a",
+        "$value": "#35b597",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -13021,7 +13021,7 @@
       },
       "700": {
         "key": "{green.700}",
-        "$value": "#91d4a8",
+        "$value": "#84d4b6",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -13052,7 +13052,7 @@
       },
       "800": {
         "key": "{green.800}",
-        "$value": "#c3e6cd",
+        "$value": "#bee6d0",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -13083,7 +13083,7 @@
       },
       "900": {
         "key": "{green.900}",
-        "$value": "#ecf4ee",
+        "$value": "#e6f5ea",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -13147,7 +13147,7 @@
     "orange": {
       "50": {
         "key": "{orange.50}",
-        "$value": "#532e16",
+        "$value": "#5d220d",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -13178,7 +13178,7 @@
       },
       "100": {
         "key": "{orange.100}",
-        "$value": "#693c14",
+        "$value": "#7d2d0e",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -13209,7 +13209,7 @@
       },
       "200": {
         "key": "{orange.200}",
-        "$value": "#894b16",
+        "$value": "#9e3811",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -13240,7 +13240,7 @@
       },
       "300": {
         "key": "{orange.300}",
-        "$value": "#995715",
+        "$value": "#b34013",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -13271,7 +13271,7 @@
       },
       "400": {
         "key": "{orange.400}",
-        "$value": "#ab6100",
+        "$value": "#c74816",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -13302,7 +13302,7 @@
       },
       "500": {
         "key": "{orange.500}",
-        "$value": "#c17d10",
+        "$value": "#e95f21",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -13333,7 +13333,7 @@
       },
       "600": {
         "key": "{orange.600}",
-        "$value": "#d99530",
+        "$value": "#fb8017",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -13364,7 +13364,7 @@
       },
       "700": {
         "key": "{orange.700}",
-        "$value": "#e9be74",
+        "$value": "#f7b951",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -13395,7 +13395,7 @@
       },
       "800": {
         "key": "{orange.800}",
-        "$value": "#f5d9a8",
+        "$value": "#fada9c",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -13426,7 +13426,7 @@
       },
       "900": {
         "key": "{orange.900}",
-        "$value": "#fdf1dd",
+        "$value": "#fdf0d5",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -13490,7 +13490,7 @@
     "purple": {
       "50": {
         "key": "{purple.50}",
-        "$value": "#27243e",
+        "$value": "#291a5c",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -13521,7 +13521,7 @@
       },
       "100": {
         "key": "{purple.100}",
-        "$value": "#342d59",
+        "$value": "#362676",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -13552,7 +13552,7 @@
       },
       "200": {
         "key": "{purple.200}",
-        "$value": "#493c83",
+        "$value": "#483698",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -13583,7 +13583,7 @@
       },
       "300": {
         "key": "{purple.300}",
-        "$value": "#5c47a6",
+        "$value": "#5b46b8",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -13614,7 +13614,7 @@
       },
       "400": {
         "key": "{purple.400}",
-        "$value": "#6a4fb4",
+        "$value": "#6a54c0",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -13645,7 +13645,7 @@
       },
       "500": {
         "key": "{purple.500}",
-        "$value": "#7b58cf",
+        "$value": "#7862c8",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -13676,7 +13676,7 @@
       },
       "600": {
         "key": "{purple.600}",
-        "$value": "#9475db",
+        "$value": "#927cd7",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -13707,7 +13707,7 @@
       },
       "700": {
         "key": "{purple.700}",
-        "$value": "#ac93e6",
+        "$value": "#a997e1",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -13738,7 +13738,7 @@
       },
       "800": {
         "key": "{purple.800}",
-        "$value": "#cbbbf2",
+        "$value": "#c9beef",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -13769,7 +13769,7 @@
       },
       "900": {
         "key": "{purple.900}",
-        "$value": "#e1d8f9",
+        "$value": "#e1daf7",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -13800,7 +13800,7 @@
       },
       "950": {
         "key": "{purple.950}",
-        "$value": "#f4f0ff",
+        "$value": "#f4f0fc",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -13833,7 +13833,7 @@
     "red": {
       "50": {
         "key": "{red.50}",
-        "$value": "#582014",
+        "$value": "#641925",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -13864,7 +13864,7 @@
       },
       "100": {
         "key": "{red.100}",
-        "$value": "#812713",
+        "$value": "#891c2f",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -13895,7 +13895,7 @@
       },
       "200": {
         "key": "{red.200}",
-        "$value": "#a32c12",
+        "$value": "#ac203a",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -13926,7 +13926,7 @@
       },
       "300": {
         "key": "{red.300}",
-        "$value": "#c02f12",
+        "$value": "#c52042",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -13957,7 +13957,7 @@
       },
       "400": {
         "key": "{red.400}",
-        "$value": "#dd2b0e",
+        "$value": "#de1d4b",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -13988,7 +13988,7 @@
       },
       "500": {
         "key": "{red.500}",
-        "$value": "#ec5941",
+        "$value": "#f15168",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -14019,7 +14019,7 @@
       },
       "600": {
         "key": "{red.600}",
-        "$value": "#f6806d",
+        "$value": "#fc7988",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -14050,7 +14050,7 @@
       },
       "700": {
         "key": "{red.700}",
-        "$value": "#fcb5aa",
+        "$value": "#ffafb8",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -14081,7 +14081,7 @@
       },
       "800": {
         "key": "{red.800}",
-        "$value": "#fdd4cd",
+        "$value": "#ffd3d7",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -14112,7 +14112,7 @@
       },
       "900": {
         "key": "{red.900}",
-        "$value": "#fcf1ef",
+        "$value": "#feeef0",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -16906,7 +16906,7 @@
       },
       "link": {
         "key": "{icon.color.link}",
-        "$value": "#9dc7f1",
+        "$value": "#9dc8f2",
         "$type": "color",
         "$description": "Used for an icon within a link.",
         "$extensions": {
@@ -16940,7 +16940,7 @@
       },
       "info": {
         "key": "{icon.color.info}",
-        "$value": "#9dc7f1",
+        "$value": "#9dc8f2",
         "$type": "color",
         "$description": "Used for an icon associated with information or help.",
         "$extensions": {
@@ -16974,7 +16974,7 @@
       },
       "warning": {
         "key": "{icon.color.warning}",
-        "$value": "#d99530",
+        "$value": "#fb8017",
         "$type": "color",
         "$description": "Used for an icon associated with a warning.",
         "$extensions": {
@@ -17008,7 +17008,7 @@
       },
       "danger": {
         "key": "{icon.color.danger}",
-        "$value": "#f6806d",
+        "$value": "#fc7988",
         "$type": "color",
         "$description": "Used for an icon associated with an error or danger.",
         "$extensions": {
@@ -17042,7 +17042,7 @@
       },
       "success": {
         "key": "{icon.color.success}",
-        "$value": "#52b87a",
+        "$value": "#35b597",
         "$type": "color",
         "$description": "Used for an icon associated with success or validity.",
         "$extensions": {
@@ -17113,7 +17113,7 @@
       },
       "info": {
         "key": "{status.info.icon.color}",
-        "$value": "#63a6e9",
+        "$value": "#64a7e9",
         "$type": "color",
         "$description": "Used for the icon of an informational status item when indicating a noteworthy ongoing condition or a state of active progress.",
         "$extensions": {
@@ -17148,7 +17148,7 @@
       },
       "success": {
         "key": "{status.success.icon.color}",
-        "$value": "#52b87a",
+        "$value": "#35b597",
         "$type": "color",
         "$description": "Used for the icon of a success status item when indicating a positive outcome, completion, or desired state. Clearly conveys a positive connotation.",
         "$extensions": {
@@ -17183,7 +17183,7 @@
       },
       "warning": {
         "key": "{status.warning.icon.color}",
-        "$value": "#d99530",
+        "$value": "#fb8017",
         "$type": "color",
         "$description": "Used for the icon of a warning status item when indicating a state that requires heightened awareness or caution, but is not necessarily problematic. Represents a state that warrants extra attention or care when interacting with the item.",
         "$extensions": {
@@ -17218,7 +17218,7 @@
       },
       "danger": {
         "key": "{status.danger.icon.color}",
-        "$value": "#f6806d",
+        "$value": "#fc7988",
         "$type": "color",
         "$description": "Used for the icon of a danger status item when indicating a critical or severely problematic current state. Clearly conveys a negative connotation, representing a serious, ongoing issue or undesired condition.",
         "$extensions": {
@@ -17253,7 +17253,7 @@
       },
       "brand": {
         "key": "{status.brand.icon.color}",
-        "$value": "#7b58cf",
+        "$value": "#7862c8",
         "$type": "color",
         "$description": "Used for the icon of a brand-related status item when highlighting the state of unique features or elements specific to the GitLab brand identity. Helps distinguish and emphasize brand-specific elements within the interface.",
         "$extensions": {
@@ -17360,7 +17360,7 @@
       },
       "info": {
         "key": "{feedback.info.icon.color}",
-        "$value": "#9dc7f1",
+        "$value": "#9dc8f2",
         "$type": "color",
         "$description": "Used for the icon of an informational feedback item when highlighting new information or a change that doesn't require immediate action.",
         "$extensions": {
@@ -17395,7 +17395,7 @@
       },
       "success": {
         "key": "{feedback.success.icon.color}",
-        "$value": "#91d4a8",
+        "$value": "#84d4b6",
         "$type": "color",
         "$description": "Used for the icon of a success feedback item when confirming the successful completion of a user-initiated action.",
         "$extensions": {
@@ -17430,7 +17430,7 @@
       },
       "warning": {
         "key": "{feedback.warning.icon.color}",
-        "$value": "#e9be74",
+        "$value": "#f7b951",
         "$type": "color",
         "$description": "Used for the icon of a warning feedback item when notifying about a potential issue or sensitive information.",
         "$extensions": {
@@ -17465,7 +17465,7 @@
       },
       "danger": {
         "key": "{feedback.danger.icon.color}",
-        "$value": "#fcb5aa",
+        "$value": "#ffafb8",
         "$type": "color",
         "$description": "Used for the icon of a danger feedback item when notifying about a critical issue that has just occurred and requires immediate attention.",
         "$extensions": {
@@ -17500,7 +17500,7 @@
       },
       "brand": {
         "key": "{feedback.brand.icon.color}",
-        "$value": "#cbbbf2",
+        "$value": "#c9beef",
         "$type": "color",
         "$description": "Used for the icon of a brand-related feedback item when highlighting information that pertains to GitLab.",
         "$extensions": {
@@ -17952,7 +17952,7 @@
     "blue": {
       "50": {
         "key": "{blue.50}",
-        "$value": "#213454",
+        "$value": "#1f3166",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -17983,7 +17983,7 @@
       },
       "100": {
         "key": "{blue.100}",
-        "$value": "#284779",
+        "$value": "#254581",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -18014,7 +18014,7 @@
       },
       "200": {
         "key": "{blue.200}",
-        "$value": "#2f5ca0",
+        "$value": "#27599f",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -18045,7 +18045,7 @@
       },
       "300": {
         "key": "{blue.300}",
-        "$value": "#2f68b4",
+        "$value": "#2566b5",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -18076,7 +18076,7 @@
       },
       "400": {
         "key": "{blue.400}",
-        "$value": "#1f75cb",
+        "$value": "#1f73ca",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -18107,7 +18107,7 @@
       },
       "500": {
         "key": "{blue.500}",
-        "$value": "#428fdc",
+        "$value": "#3f8edd",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -18138,7 +18138,7 @@
       },
       "600": {
         "key": "{blue.600}",
-        "$value": "#63a6e9",
+        "$value": "#64a7e9",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -18169,7 +18169,7 @@
       },
       "700": {
         "key": "{blue.700}",
-        "$value": "#9dc7f1",
+        "$value": "#9dc8f2",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -18200,7 +18200,7 @@
       },
       "800": {
         "key": "{blue.800}",
-        "$value": "#cbe2f9",
+        "$value": "#c8e0f9",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -18231,7 +18231,7 @@
       },
       "900": {
         "key": "{blue.900}",
-        "$value": "#e9f3fc",
+        "$value": "#e8f2fd",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -18669,7 +18669,7 @@
     "green": {
       "50": {
         "key": "{green.50}",
-        "$value": "#1e3e28",
+        "$value": "#003c36",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -18700,7 +18700,7 @@
       },
       "100": {
         "key": "{green.100}",
-        "$value": "#225131",
+        "$value": "#075048",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -18731,7 +18731,7 @@
       },
       "200": {
         "key": "{green.200}",
-        "$value": "#306440",
+        "$value": "#0b645a",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -18762,7 +18762,7 @@
       },
       "300": {
         "key": "{green.300}",
-        "$value": "#2f7549",
+        "$value": "#0c7265",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -18793,7 +18793,7 @@
       },
       "400": {
         "key": "{green.400}",
-        "$value": "#108548",
+        "$value": "#0d8070",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -18824,7 +18824,7 @@
       },
       "500": {
         "key": "{green.500}",
-        "$value": "#2da160",
+        "$value": "#129c84",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -18855,7 +18855,7 @@
       },
       "600": {
         "key": "{green.600}",
-        "$value": "#52b87a",
+        "$value": "#35b597",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -18886,7 +18886,7 @@
       },
       "700": {
         "key": "{green.700}",
-        "$value": "#91d4a8",
+        "$value": "#84d4b6",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -18917,7 +18917,7 @@
       },
       "800": {
         "key": "{green.800}",
-        "$value": "#c3e6cd",
+        "$value": "#bee6d0",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -18948,7 +18948,7 @@
       },
       "900": {
         "key": "{green.900}",
-        "$value": "#ecf4ee",
+        "$value": "#e6f5ea",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -19012,7 +19012,7 @@
     "orange": {
       "50": {
         "key": "{orange.50}",
-        "$value": "#532e16",
+        "$value": "#5d220d",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -19043,7 +19043,7 @@
       },
       "100": {
         "key": "{orange.100}",
-        "$value": "#693c14",
+        "$value": "#7d2d0e",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -19074,7 +19074,7 @@
       },
       "200": {
         "key": "{orange.200}",
-        "$value": "#894b16",
+        "$value": "#9e3811",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -19105,7 +19105,7 @@
       },
       "300": {
         "key": "{orange.300}",
-        "$value": "#995715",
+        "$value": "#b34013",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -19136,7 +19136,7 @@
       },
       "400": {
         "key": "{orange.400}",
-        "$value": "#ab6100",
+        "$value": "#c74816",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -19167,7 +19167,7 @@
       },
       "500": {
         "key": "{orange.500}",
-        "$value": "#c17d10",
+        "$value": "#e95f21",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -19198,7 +19198,7 @@
       },
       "600": {
         "key": "{orange.600}",
-        "$value": "#d99530",
+        "$value": "#fb8017",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -19229,7 +19229,7 @@
       },
       "700": {
         "key": "{orange.700}",
-        "$value": "#e9be74",
+        "$value": "#f7b951",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -19260,7 +19260,7 @@
       },
       "800": {
         "key": "{orange.800}",
-        "$value": "#f5d9a8",
+        "$value": "#fada9c",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -19291,7 +19291,7 @@
       },
       "900": {
         "key": "{orange.900}",
-        "$value": "#fdf1dd",
+        "$value": "#fdf0d5",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -19355,7 +19355,7 @@
     "purple": {
       "50": {
         "key": "{purple.50}",
-        "$value": "#27243e",
+        "$value": "#291a5c",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -19386,7 +19386,7 @@
       },
       "100": {
         "key": "{purple.100}",
-        "$value": "#342d59",
+        "$value": "#362676",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -19417,7 +19417,7 @@
       },
       "200": {
         "key": "{purple.200}",
-        "$value": "#493c83",
+        "$value": "#483698",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -19448,7 +19448,7 @@
       },
       "300": {
         "key": "{purple.300}",
-        "$value": "#5c47a6",
+        "$value": "#5b46b8",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -19479,7 +19479,7 @@
       },
       "400": {
         "key": "{purple.400}",
-        "$value": "#6a4fb4",
+        "$value": "#6a54c0",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -19510,7 +19510,7 @@
       },
       "500": {
         "key": "{purple.500}",
-        "$value": "#7b58cf",
+        "$value": "#7862c8",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -19541,7 +19541,7 @@
       },
       "600": {
         "key": "{purple.600}",
-        "$value": "#9475db",
+        "$value": "#927cd7",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -19572,7 +19572,7 @@
       },
       "700": {
         "key": "{purple.700}",
-        "$value": "#ac93e6",
+        "$value": "#a997e1",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -19603,7 +19603,7 @@
       },
       "800": {
         "key": "{purple.800}",
-        "$value": "#cbbbf2",
+        "$value": "#c9beef",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -19634,7 +19634,7 @@
       },
       "900": {
         "key": "{purple.900}",
-        "$value": "#e1d8f9",
+        "$value": "#e1daf7",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -19665,7 +19665,7 @@
       },
       "950": {
         "key": "{purple.950}",
-        "$value": "#f4f0ff",
+        "$value": "#f4f0fc",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -19698,7 +19698,7 @@
     "red": {
       "50": {
         "key": "{red.50}",
-        "$value": "#582014",
+        "$value": "#641925",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -19729,7 +19729,7 @@
       },
       "100": {
         "key": "{red.100}",
-        "$value": "#812713",
+        "$value": "#891c2f",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -19760,7 +19760,7 @@
       },
       "200": {
         "key": "{red.200}",
-        "$value": "#a32c12",
+        "$value": "#ac203a",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -19791,7 +19791,7 @@
       },
       "300": {
         "key": "{red.300}",
-        "$value": "#c02f12",
+        "$value": "#c52042",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -19822,7 +19822,7 @@
       },
       "400": {
         "key": "{red.400}",
-        "$value": "#dd2b0e",
+        "$value": "#de1d4b",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -19853,7 +19853,7 @@
       },
       "500": {
         "key": "{red.500}",
-        "$value": "#ec5941",
+        "$value": "#f15168",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -19884,7 +19884,7 @@
       },
       "600": {
         "key": "{red.600}",
-        "$value": "#f6806d",
+        "$value": "#fc7988",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -19915,7 +19915,7 @@
       },
       "700": {
         "key": "{red.700}",
-        "$value": "#fcb5aa",
+        "$value": "#ffafb8",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -19946,7 +19946,7 @@
       },
       "800": {
         "key": "{red.800}",
-        "$value": "#fdd4cd",
+        "$value": "#ffd3d7",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -19977,7 +19977,7 @@
       },
       "900": {
         "key": "{red.900}",
-        "$value": "#fcf1ef",
+        "$value": "#feeef0",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -22763,7 +22763,7 @@
       },
       "link": {
         "key": "{text.color.link}",
-        "$value": "#9dc7f1",
+        "$value": "#9dc8f2",
         "$type": "color",
         "$description": "Used for default text links.",
         "$extensions": {
@@ -22795,7 +22795,7 @@
       },
       "warning": {
         "key": "{text.color.warning}",
-        "$value": "#d99530",
+        "$value": "#fb8017",
         "$type": "color",
         "$description": "Used for text that requires caution or careful attention.",
         "$extensions": {
@@ -22827,7 +22827,7 @@
       },
       "danger": {
         "key": "{text.color.danger}",
-        "$value": "#f6806d",
+        "$value": "#fc7988",
         "$type": "color",
         "$description": "Used for text indicating a problem, critical state, destructive action, error, failure, removal, stop, or declination.",
         "$extensions": {
@@ -22859,7 +22859,7 @@
       },
       "success": {
         "key": "{text.color.success}",
-        "$value": "#52b87a",
+        "$value": "#35b597",
         "$type": "color",
         "$description": "Used for text indicating success, completion, approval, addition, or validity.",
         "$extensions": {
@@ -22958,7 +22958,7 @@
       },
       "info": {
         "key": "{status.info.text.color}",
-        "$value": "#9dc7f1",
+        "$value": "#9dc8f2",
         "$type": "color",
         "$description": "Used for the text of an informational status item when indicating a noteworthy ongoing condition or a state of active progress.",
         "$extensions": {
@@ -22991,7 +22991,7 @@
       },
       "success": {
         "key": "{status.success.text.color}",
-        "$value": "#91d4a8",
+        "$value": "#84d4b6",
         "$type": "color",
         "$description": "Used for the text of a success status item when indicating a positive outcome, completion, or desired state. Clearly conveys a positive connotation.",
         "$extensions": {
@@ -23024,7 +23024,7 @@
       },
       "warning": {
         "key": "{status.warning.text.color}",
-        "$value": "#e9be74",
+        "$value": "#f7b951",
         "$type": "color",
         "$description": "Used for the text of a warning status item when indicating a state that requires heightened awareness or caution, but is not necessarily problematic. Represents a state that warrants extra attention or care when interacting with the item.",
         "$extensions": {
@@ -23057,7 +23057,7 @@
       },
       "danger": {
         "key": "{status.danger.text.color}",
-        "$value": "#fcb5aa",
+        "$value": "#ffafb8",
         "$type": "color",
         "$description": "Used for the text of a danger status item when indicating a critical or severely problematic current state. Clearly conveys a negative connotation, representing a serious, ongoing issue or undesired condition.",
         "$extensions": {
@@ -23090,7 +23090,7 @@
       },
       "brand": {
         "key": "{status.brand.text.color}",
-        "$value": "#ac93e6",
+        "$value": "#a997e1",
         "$type": "color",
         "$description": "Used for the text of a brand-related status item when highlighting the state of unique features or elements specific to the GitLab brand identity. Helps distinguish and emphasize brand-specific elements within the interface.",
         "$extensions": {
@@ -23191,7 +23191,7 @@
       },
       "info": {
         "key": "{feedback.info.text.color}",
-        "$value": "#9dc7f1",
+        "$value": "#9dc8f2",
         "$type": "color",
         "$description": "Used for the text of an informational feedback item when highlighting new information or a change that doesn't require immediate action.",
         "$extensions": {
@@ -23224,7 +23224,7 @@
       },
       "success": {
         "key": "{feedback.success.text.color}",
-        "$value": "#91d4a8",
+        "$value": "#84d4b6",
         "$type": "color",
         "$description": "Used for the text of a success feedback item when confirming the successful completion of a user-initiated action.",
         "$extensions": {
@@ -23257,7 +23257,7 @@
       },
       "warning": {
         "key": "{feedback.warning.text.color}",
-        "$value": "#e9be74",
+        "$value": "#f7b951",
         "$type": "color",
         "$description": "Used for the text of a warning feedback item when notifying about a potential issue or sensitive information.",
         "$extensions": {
@@ -23290,7 +23290,7 @@
       },
       "danger": {
         "key": "{feedback.danger.text.color}",
-        "$value": "#fcb5aa",
+        "$value": "#ffafb8",
         "$type": "color",
         "$description": "Used for the text of a danger feedback item when notifying about a critical issue that has just occurred and requires immediate attention.",
         "$extensions": {
@@ -23323,7 +23323,7 @@
       },
       "brand": {
         "key": "{feedback.brand.text.color}",
-        "$value": "#cbbbf2",
+        "$value": "#c9beef",
         "$type": "color",
         "$description": "Used for the text of a brand-related feedback item when highlighting information that pertains to GitLab.",
         "$extensions": {
@@ -23489,7 +23489,7 @@
       },
       "error": {
         "key": "{control.text.color.error}",
-        "$value": "#f6806d",
+        "$value": "#fc7988",
         "$type": "color",
         "$description": "Used for the helper text when the input is invalid.",
         "$extensions": {
@@ -23522,7 +23522,7 @@
       },
       "valid": {
         "key": "{control.text.color.valid}",
-        "$value": "#52b87a",
+        "$value": "#35b597",
         "$type": "color",
         "$description": "Used for the helper text when the input is valid.",
         "$extensions": {
@@ -23558,7 +23558,7 @@
   "outline": {
     "focus": {
       "key": "{focus-ring.outer.color}",
-      "$value": "#428fdc",
+      "$value": "#3f8edd",
       "$type": "color",
       "$description": "Used for the outer color portion of the focus ring.",
       "$extensions": {
@@ -24006,7 +24006,7 @@
     "blue": {
       "50": {
         "key": "{blue.50}",
-        "$value": "#213454",
+        "$value": "#1f3166",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -24037,7 +24037,7 @@
       },
       "100": {
         "key": "{blue.100}",
-        "$value": "#284779",
+        "$value": "#254581",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -24068,7 +24068,7 @@
       },
       "200": {
         "key": "{blue.200}",
-        "$value": "#2f5ca0",
+        "$value": "#27599f",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -24099,7 +24099,7 @@
       },
       "300": {
         "key": "{blue.300}",
-        "$value": "#2f68b4",
+        "$value": "#2566b5",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -24130,7 +24130,7 @@
       },
       "400": {
         "key": "{blue.400}",
-        "$value": "#1f75cb",
+        "$value": "#1f73ca",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -24161,7 +24161,7 @@
       },
       "500": {
         "key": "{blue.500}",
-        "$value": "#428fdc",
+        "$value": "#3f8edd",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -24192,7 +24192,7 @@
       },
       "600": {
         "key": "{blue.600}",
-        "$value": "#63a6e9",
+        "$value": "#64a7e9",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -24223,7 +24223,7 @@
       },
       "700": {
         "key": "{blue.700}",
-        "$value": "#9dc7f1",
+        "$value": "#9dc8f2",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -24254,7 +24254,7 @@
       },
       "800": {
         "key": "{blue.800}",
-        "$value": "#cbe2f9",
+        "$value": "#c8e0f9",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -24285,7 +24285,7 @@
       },
       "900": {
         "key": "{blue.900}",
-        "$value": "#e9f3fc",
+        "$value": "#e8f2fd",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -24723,7 +24723,7 @@
     "green": {
       "50": {
         "key": "{green.50}",
-        "$value": "#1e3e28",
+        "$value": "#003c36",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -24754,7 +24754,7 @@
       },
       "100": {
         "key": "{green.100}",
-        "$value": "#225131",
+        "$value": "#075048",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -24785,7 +24785,7 @@
       },
       "200": {
         "key": "{green.200}",
-        "$value": "#306440",
+        "$value": "#0b645a",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -24816,7 +24816,7 @@
       },
       "300": {
         "key": "{green.300}",
-        "$value": "#2f7549",
+        "$value": "#0c7265",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -24847,7 +24847,7 @@
       },
       "400": {
         "key": "{green.400}",
-        "$value": "#108548",
+        "$value": "#0d8070",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -24878,7 +24878,7 @@
       },
       "500": {
         "key": "{green.500}",
-        "$value": "#2da160",
+        "$value": "#129c84",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -24909,7 +24909,7 @@
       },
       "600": {
         "key": "{green.600}",
-        "$value": "#52b87a",
+        "$value": "#35b597",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -24940,7 +24940,7 @@
       },
       "700": {
         "key": "{green.700}",
-        "$value": "#91d4a8",
+        "$value": "#84d4b6",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -24971,7 +24971,7 @@
       },
       "800": {
         "key": "{green.800}",
-        "$value": "#c3e6cd",
+        "$value": "#bee6d0",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -25002,7 +25002,7 @@
       },
       "900": {
         "key": "{green.900}",
-        "$value": "#ecf4ee",
+        "$value": "#e6f5ea",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -25066,7 +25066,7 @@
     "orange": {
       "50": {
         "key": "{orange.50}",
-        "$value": "#532e16",
+        "$value": "#5d220d",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -25097,7 +25097,7 @@
       },
       "100": {
         "key": "{orange.100}",
-        "$value": "#693c14",
+        "$value": "#7d2d0e",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -25128,7 +25128,7 @@
       },
       "200": {
         "key": "{orange.200}",
-        "$value": "#894b16",
+        "$value": "#9e3811",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -25159,7 +25159,7 @@
       },
       "300": {
         "key": "{orange.300}",
-        "$value": "#995715",
+        "$value": "#b34013",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -25190,7 +25190,7 @@
       },
       "400": {
         "key": "{orange.400}",
-        "$value": "#ab6100",
+        "$value": "#c74816",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -25221,7 +25221,7 @@
       },
       "500": {
         "key": "{orange.500}",
-        "$value": "#c17d10",
+        "$value": "#e95f21",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -25252,7 +25252,7 @@
       },
       "600": {
         "key": "{orange.600}",
-        "$value": "#d99530",
+        "$value": "#fb8017",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -25283,7 +25283,7 @@
       },
       "700": {
         "key": "{orange.700}",
-        "$value": "#e9be74",
+        "$value": "#f7b951",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -25314,7 +25314,7 @@
       },
       "800": {
         "key": "{orange.800}",
-        "$value": "#f5d9a8",
+        "$value": "#fada9c",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -25345,7 +25345,7 @@
       },
       "900": {
         "key": "{orange.900}",
-        "$value": "#fdf1dd",
+        "$value": "#fdf0d5",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -25409,7 +25409,7 @@
     "purple": {
       "50": {
         "key": "{purple.50}",
-        "$value": "#27243e",
+        "$value": "#291a5c",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -25440,7 +25440,7 @@
       },
       "100": {
         "key": "{purple.100}",
-        "$value": "#342d59",
+        "$value": "#362676",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -25471,7 +25471,7 @@
       },
       "200": {
         "key": "{purple.200}",
-        "$value": "#493c83",
+        "$value": "#483698",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -25502,7 +25502,7 @@
       },
       "300": {
         "key": "{purple.300}",
-        "$value": "#5c47a6",
+        "$value": "#5b46b8",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -25533,7 +25533,7 @@
       },
       "400": {
         "key": "{purple.400}",
-        "$value": "#6a4fb4",
+        "$value": "#6a54c0",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -25564,7 +25564,7 @@
       },
       "500": {
         "key": "{purple.500}",
-        "$value": "#7b58cf",
+        "$value": "#7862c8",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -25595,7 +25595,7 @@
       },
       "600": {
         "key": "{purple.600}",
-        "$value": "#9475db",
+        "$value": "#927cd7",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -25626,7 +25626,7 @@
       },
       "700": {
         "key": "{purple.700}",
-        "$value": "#ac93e6",
+        "$value": "#a997e1",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -25657,7 +25657,7 @@
       },
       "800": {
         "key": "{purple.800}",
-        "$value": "#cbbbf2",
+        "$value": "#c9beef",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -25688,7 +25688,7 @@
       },
       "900": {
         "key": "{purple.900}",
-        "$value": "#e1d8f9",
+        "$value": "#e1daf7",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -25719,7 +25719,7 @@
       },
       "950": {
         "key": "{purple.950}",
-        "$value": "#f4f0ff",
+        "$value": "#f4f0fc",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -25752,7 +25752,7 @@
     "red": {
       "50": {
         "key": "{red.50}",
-        "$value": "#582014",
+        "$value": "#641925",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -25783,7 +25783,7 @@
       },
       "100": {
         "key": "{red.100}",
-        "$value": "#812713",
+        "$value": "#891c2f",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -25814,7 +25814,7 @@
       },
       "200": {
         "key": "{red.200}",
-        "$value": "#a32c12",
+        "$value": "#ac203a",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -25845,7 +25845,7 @@
       },
       "300": {
         "key": "{red.300}",
-        "$value": "#c02f12",
+        "$value": "#c52042",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -25876,7 +25876,7 @@
       },
       "400": {
         "key": "{red.400}",
-        "$value": "#dd2b0e",
+        "$value": "#de1d4b",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -25907,7 +25907,7 @@
       },
       "500": {
         "key": "{red.500}",
-        "$value": "#ec5941",
+        "$value": "#f15168",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -25938,7 +25938,7 @@
       },
       "600": {
         "key": "{red.600}",
-        "$value": "#f6806d",
+        "$value": "#fc7988",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -25969,7 +25969,7 @@
       },
       "700": {
         "key": "{red.700}",
-        "$value": "#fcb5aa",
+        "$value": "#ffafb8",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -26000,7 +26000,7 @@
       },
       "800": {
         "key": "{red.800}",
-        "$value": "#fdd4cd",
+        "$value": "#ffd3d7",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -26031,7 +26031,7 @@
       },
       "900": {
         "key": "{red.900}",
-        "$value": "#fcf1ef",
+        "$value": "#feeef0",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
diff --git a/packages/tokens/dist/docs/tokens-tailwind-docs.json b/packages/tokens/dist/docs/tokens-tailwind-docs.json
index 6d613c5..19dacba 100644
--- a/packages/tokens/dist/docs/tokens-tailwind-docs.json
+++ b/packages/tokens/dist/docs/tokens-tailwind-docs.json
@@ -416,7 +416,7 @@
     "blue": {
       "50": {
         "key": "{blue.50}",
-        "$value": "#e9f3fc",
+        "$value": "#e8f2fd",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -447,7 +447,7 @@
       },
       "100": {
         "key": "{blue.100}",
-        "$value": "#cbe2f9",
+        "$value": "#c8e0f9",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -478,7 +478,7 @@
       },
       "200": {
         "key": "{blue.200}",
-        "$value": "#9dc7f1",
+        "$value": "#9dc8f2",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -509,7 +509,7 @@
       },
       "300": {
         "key": "{blue.300}",
-        "$value": "#63a6e9",
+        "$value": "#64a7e9",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -540,7 +540,7 @@
       },
       "400": {
         "key": "{blue.400}",
-        "$value": "#428fdc",
+        "$value": "#3f8edd",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -571,7 +571,7 @@
       },
       "500": {
         "key": "{blue.500}",
-        "$value": "#1f75cb",
+        "$value": "#1f73ca",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -602,7 +602,7 @@
       },
       "600": {
         "key": "{blue.600}",
-        "$value": "#2f68b4",
+        "$value": "#2566b5",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -633,7 +633,7 @@
       },
       "700": {
         "key": "{blue.700}",
-        "$value": "#2f5ca0",
+        "$value": "#27599f",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -664,7 +664,7 @@
       },
       "800": {
         "key": "{blue.800}",
-        "$value": "#284779",
+        "$value": "#254581",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -695,7 +695,7 @@
       },
       "900": {
         "key": "{blue.900}",
-        "$value": "#213454",
+        "$value": "#1f3166",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -726,7 +726,7 @@
       },
       "950": {
         "key": "{blue.950}",
-        "$value": "#1d283e",
+        "$value": "#1d2153",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -1133,7 +1133,7 @@
     "green": {
       "50": {
         "key": "{green.50}",
-        "$value": "#ecf4ee",
+        "$value": "#e6f5ea",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -1164,7 +1164,7 @@
       },
       "100": {
         "key": "{green.100}",
-        "$value": "#c3e6cd",
+        "$value": "#bee6d0",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -1195,7 +1195,7 @@
       },
       "200": {
         "key": "{green.200}",
-        "$value": "#91d4a8",
+        "$value": "#84d4b6",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -1226,7 +1226,7 @@
       },
       "300": {
         "key": "{green.300}",
-        "$value": "#52b87a",
+        "$value": "#35b597",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -1257,7 +1257,7 @@
       },
       "400": {
         "key": "{green.400}",
-        "$value": "#2da160",
+        "$value": "#129c84",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -1288,7 +1288,7 @@
       },
       "500": {
         "key": "{green.500}",
-        "$value": "#108548",
+        "$value": "#0d8070",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -1319,7 +1319,7 @@
       },
       "600": {
         "key": "{green.600}",
-        "$value": "#2f7549",
+        "$value": "#0c7265",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -1350,7 +1350,7 @@
       },
       "700": {
         "key": "{green.700}",
-        "$value": "#306440",
+        "$value": "#0b645a",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -1381,7 +1381,7 @@
       },
       "800": {
         "key": "{green.800}",
-        "$value": "#225131",
+        "$value": "#075048",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -1412,7 +1412,7 @@
       },
       "900": {
         "key": "{green.900}",
-        "$value": "#1e3e28",
+        "$value": "#003c36",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -1443,7 +1443,7 @@
       },
       "950": {
         "key": "{green.950}",
-        "$value": "#17291c",
+        "$value": "#002c26",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -1476,7 +1476,7 @@
     "orange": {
       "50": {
         "key": "{orange.50}",
-        "$value": "#fdf1dd",
+        "$value": "#fdf0d5",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -1507,7 +1507,7 @@
       },
       "100": {
         "key": "{orange.100}",
-        "$value": "#f5d9a8",
+        "$value": "#fada9c",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -1538,7 +1538,7 @@
       },
       "200": {
         "key": "{orange.200}",
-        "$value": "#e9be74",
+        "$value": "#f7b951",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -1569,7 +1569,7 @@
       },
       "300": {
         "key": "{orange.300}",
-        "$value": "#d99530",
+        "$value": "#fb8017",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -1600,7 +1600,7 @@
       },
       "400": {
         "key": "{orange.400}",
-        "$value": "#c17d10",
+        "$value": "#e95f21",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -1631,7 +1631,7 @@
       },
       "500": {
         "key": "{orange.500}",
-        "$value": "#ab6100",
+        "$value": "#c74816",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -1662,7 +1662,7 @@
       },
       "600": {
         "key": "{orange.600}",
-        "$value": "#995715",
+        "$value": "#b34013",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -1693,7 +1693,7 @@
       },
       "700": {
         "key": "{orange.700}",
-        "$value": "#894b16",
+        "$value": "#9e3811",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -1724,7 +1724,7 @@
       },
       "800": {
         "key": "{orange.800}",
-        "$value": "#693c14",
+        "$value": "#7d2d0e",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -1755,7 +1755,7 @@
       },
       "900": {
         "key": "{orange.900}",
-        "$value": "#532e16",
+        "$value": "#5d220d",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -1786,7 +1786,7 @@
       },
       "950": {
         "key": "{orange.950}",
-        "$value": "#382315",
+        "$value": "#461807",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -1819,7 +1819,7 @@
     "purple": {
       "50": {
         "key": "{purple.50}",
-        "$value": "#f4f0ff",
+        "$value": "#f4f0fc",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -1850,7 +1850,7 @@
       },
       "100": {
         "key": "{purple.100}",
-        "$value": "#e1d8f9",
+        "$value": "#e1daf7",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -1881,7 +1881,7 @@
       },
       "200": {
         "key": "{purple.200}",
-        "$value": "#cbbbf2",
+        "$value": "#c9beef",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -1912,7 +1912,7 @@
       },
       "300": {
         "key": "{purple.300}",
-        "$value": "#ac93e6",
+        "$value": "#a997e1",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -1943,7 +1943,7 @@
       },
       "400": {
         "key": "{purple.400}",
-        "$value": "#9475db",
+        "$value": "#927cd7",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -1974,7 +1974,7 @@
       },
       "500": {
         "key": "{purple.500}",
-        "$value": "#7b58cf",
+        "$value": "#7862c8",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -2005,7 +2005,7 @@
       },
       "600": {
         "key": "{purple.600}",
-        "$value": "#6a4fb4",
+        "$value": "#6a54c0",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -2036,7 +2036,7 @@
       },
       "700": {
         "key": "{purple.700}",
-        "$value": "#5c47a6",
+        "$value": "#5b46b8",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -2067,7 +2067,7 @@
       },
       "800": {
         "key": "{purple.800}",
-        "$value": "#493c83",
+        "$value": "#483698",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -2098,7 +2098,7 @@
       },
       "900": {
         "key": "{purple.900}",
-        "$value": "#342d59",
+        "$value": "#362676",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -2129,7 +2129,7 @@
       },
       "950": {
         "key": "{purple.950}",
-        "$value": "#27243e",
+        "$value": "#291a5c",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -2162,7 +2162,7 @@
     "red": {
       "50": {
         "key": "{red.50}",
-        "$value": "#fcf1ef",
+        "$value": "#feeef0",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -2193,7 +2193,7 @@
       },
       "100": {
         "key": "{red.100}",
-        "$value": "#fdd4cd",
+        "$value": "#ffd3d7",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -2224,7 +2224,7 @@
       },
       "200": {
         "key": "{red.200}",
-        "$value": "#fcb5aa",
+        "$value": "#ffafb8",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -2255,7 +2255,7 @@
       },
       "300": {
         "key": "{red.300}",
-        "$value": "#f6806d",
+        "$value": "#fc7988",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -2286,7 +2286,7 @@
       },
       "400": {
         "key": "{red.400}",
-        "$value": "#ec5941",
+        "$value": "#f15168",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -2317,7 +2317,7 @@
       },
       "500": {
         "key": "{red.500}",
-        "$value": "#dd2b0e",
+        "$value": "#de1d4b",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -2348,7 +2348,7 @@
       },
       "600": {
         "key": "{red.600}",
-        "$value": "#c02f12",
+        "$value": "#c52042",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -2379,7 +2379,7 @@
       },
       "700": {
         "key": "{red.700}",
-        "$value": "#a32c12",
+        "$value": "#ac203a",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -2410,7 +2410,7 @@
       },
       "800": {
         "key": "{red.800}",
-        "$value": "#812713",
+        "$value": "#891c2f",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -2441,7 +2441,7 @@
       },
       "900": {
         "key": "{red.900}",
-        "$value": "#582014",
+        "$value": "#641925",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -2472,7 +2472,7 @@
       },
       "950": {
         "key": "{red.950}",
-        "$value": "#3e1a14",
+        "$value": "#48151d",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -5374,7 +5374,7 @@
       },
       "info": {
         "key": "{status.info.background.color}",
-        "$value": "#cbe2f9",
+        "$value": "#c8e0f9",
         "$type": "color",
         "$description": "Used for the background of an informational status item when indicating a noteworthy ongoing condition or a state of active progress.",
         "$extensions": {
@@ -5409,7 +5409,7 @@
       },
       "success": {
         "key": "{status.success.background.color}",
-        "$value": "#c3e6cd",
+        "$value": "#bee6d0",
         "$type": "color",
         "$description": "Used for the background of a success status item when indicating a positive outcome, completion, or desired state. Clearly conveys a positive connotation.",
         "$extensions": {
@@ -5444,7 +5444,7 @@
       },
       "warning": {
         "key": "{status.warning.background.color}",
-        "$value": "#f5d9a8",
+        "$value": "#fada9c",
         "$type": "color",
         "$description": "Used for the background of a warning status item when indicating a state that requires heightened awareness or caution, but is not necessarily problematic. Represents a state that warrants extra attention or care when interacting with the item.",
         "$extensions": {
@@ -5479,7 +5479,7 @@
       },
       "danger": {
         "key": "{status.danger.background.color}",
-        "$value": "#fdd4cd",
+        "$value": "#ffd3d7",
         "$type": "color",
         "$description": "Used for the background of a danger status item when indicating a critical or severely problematic current state. Clearly conveys a negative connotation, representing a serious, ongoing issue or undesired condition.",
         "$extensions": {
@@ -5514,7 +5514,7 @@
       },
       "brand": {
         "key": "{status.brand.background.color}",
-        "$value": "#e1d8f9",
+        "$value": "#e1daf7",
         "$type": "color",
         "$description": "Used for the background of a brand-related status item when highlighting the state of unique features or elements specific to the GitLab brand identity. Helps distinguish and emphasize brand-specific elements within the interface.",
         "$extensions": {
@@ -5621,7 +5621,7 @@
       },
       "info": {
         "key": "{feedback.info.background.color}",
-        "$value": "#e9f3fc",
+        "$value": "#e8f2fd",
         "$type": "color",
         "$description": "Used for the background of an informational feedback item when highlighting new information or a change that doesn't require immediate action.",
         "$extensions": {
@@ -5656,7 +5656,7 @@
       },
       "success": {
         "key": "{feedback.success.background.color}",
-        "$value": "#ecf4ee",
+        "$value": "#e6f5ea",
         "$type": "color",
         "$description": "Used for the background of a success feedback item when confirming the successful completion of a user-initiated action.",
         "$extensions": {
@@ -5691,7 +5691,7 @@
       },
       "warning": {
         "key": "{feedback.warning.background.color}",
-        "$value": "#fdf1dd",
+        "$value": "#fdf0d5",
         "$type": "color",
         "$description": "Used for the background of a warning feedback item when notifying about a potential issue or sensitive information.",
         "$extensions": {
@@ -5726,7 +5726,7 @@
       },
       "danger": {
         "key": "{feedback.danger.background.color}",
-        "$value": "#fcf1ef",
+        "$value": "#feeef0",
         "$type": "color",
         "$description": "Used for the background of a danger feedback item when notifying about a critical issue that has just occurred and requires immediate attention.",
         "$extensions": {
@@ -5761,7 +5761,7 @@
       },
       "brand": {
         "key": "{feedback.brand.background.color}",
-        "$value": "#f4f0ff",
+        "$value": "#f4f0fc",
         "$type": "color",
         "$description": "Used for the background of a brand-related feedback item when highlighting information that pertains to GitLab.",
         "$extensions": {
@@ -6423,7 +6423,7 @@
     "blue": {
       "50": {
         "key": "{blue.50}",
-        "$value": "#e9f3fc",
+        "$value": "#e8f2fd",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -6454,7 +6454,7 @@
       },
       "100": {
         "key": "{blue.100}",
-        "$value": "#cbe2f9",
+        "$value": "#c8e0f9",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -6485,7 +6485,7 @@
       },
       "200": {
         "key": "{blue.200}",
-        "$value": "#9dc7f1",
+        "$value": "#9dc8f2",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -6516,7 +6516,7 @@
       },
       "300": {
         "key": "{blue.300}",
-        "$value": "#63a6e9",
+        "$value": "#64a7e9",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -6547,7 +6547,7 @@
       },
       "400": {
         "key": "{blue.400}",
-        "$value": "#428fdc",
+        "$value": "#3f8edd",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -6578,7 +6578,7 @@
       },
       "500": {
         "key": "{blue.500}",
-        "$value": "#1f75cb",
+        "$value": "#1f73ca",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -6609,7 +6609,7 @@
       },
       "600": {
         "key": "{blue.600}",
-        "$value": "#2f68b4",
+        "$value": "#2566b5",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -6640,7 +6640,7 @@
       },
       "700": {
         "key": "{blue.700}",
-        "$value": "#2f5ca0",
+        "$value": "#27599f",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -6671,7 +6671,7 @@
       },
       "800": {
         "key": "{blue.800}",
-        "$value": "#284779",
+        "$value": "#254581",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -6702,7 +6702,7 @@
       },
       "900": {
         "key": "{blue.900}",
-        "$value": "#213454",
+        "$value": "#1f3166",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -6733,7 +6733,7 @@
       },
       "950": {
         "key": "{blue.950}",
-        "$value": "#1d283e",
+        "$value": "#1d2153",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -7140,7 +7140,7 @@
     "green": {
       "50": {
         "key": "{green.50}",
-        "$value": "#ecf4ee",
+        "$value": "#e6f5ea",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -7171,7 +7171,7 @@
       },
       "100": {
         "key": "{green.100}",
-        "$value": "#c3e6cd",
+        "$value": "#bee6d0",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -7202,7 +7202,7 @@
       },
       "200": {
         "key": "{green.200}",
-        "$value": "#91d4a8",
+        "$value": "#84d4b6",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -7233,7 +7233,7 @@
       },
       "300": {
         "key": "{green.300}",
-        "$value": "#52b87a",
+        "$value": "#35b597",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -7264,7 +7264,7 @@
       },
       "400": {
         "key": "{green.400}",
-        "$value": "#2da160",
+        "$value": "#129c84",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -7295,7 +7295,7 @@
       },
       "500": {
         "key": "{green.500}",
-        "$value": "#108548",
+        "$value": "#0d8070",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -7326,7 +7326,7 @@
       },
       "600": {
         "key": "{green.600}",
-        "$value": "#2f7549",
+        "$value": "#0c7265",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -7357,7 +7357,7 @@
       },
       "700": {
         "key": "{green.700}",
-        "$value": "#306440",
+        "$value": "#0b645a",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -7388,7 +7388,7 @@
       },
       "800": {
         "key": "{green.800}",
-        "$value": "#225131",
+        "$value": "#075048",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -7419,7 +7419,7 @@
       },
       "900": {
         "key": "{green.900}",
-        "$value": "#1e3e28",
+        "$value": "#003c36",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -7450,7 +7450,7 @@
       },
       "950": {
         "key": "{green.950}",
-        "$value": "#17291c",
+        "$value": "#002c26",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -7483,7 +7483,7 @@
     "orange": {
       "50": {
         "key": "{orange.50}",
-        "$value": "#fdf1dd",
+        "$value": "#fdf0d5",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -7514,7 +7514,7 @@
       },
       "100": {
         "key": "{orange.100}",
-        "$value": "#f5d9a8",
+        "$value": "#fada9c",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -7545,7 +7545,7 @@
       },
       "200": {
         "key": "{orange.200}",
-        "$value": "#e9be74",
+        "$value": "#f7b951",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -7576,7 +7576,7 @@
       },
       "300": {
         "key": "{orange.300}",
-        "$value": "#d99530",
+        "$value": "#fb8017",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -7607,7 +7607,7 @@
       },
       "400": {
         "key": "{orange.400}",
-        "$value": "#c17d10",
+        "$value": "#e95f21",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -7638,7 +7638,7 @@
       },
       "500": {
         "key": "{orange.500}",
-        "$value": "#ab6100",
+        "$value": "#c74816",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -7669,7 +7669,7 @@
       },
       "600": {
         "key": "{orange.600}",
-        "$value": "#995715",
+        "$value": "#b34013",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -7700,7 +7700,7 @@
       },
       "700": {
         "key": "{orange.700}",
-        "$value": "#894b16",
+        "$value": "#9e3811",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -7731,7 +7731,7 @@
       },
       "800": {
         "key": "{orange.800}",
-        "$value": "#693c14",
+        "$value": "#7d2d0e",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -7762,7 +7762,7 @@
       },
       "900": {
         "key": "{orange.900}",
-        "$value": "#532e16",
+        "$value": "#5d220d",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -7793,7 +7793,7 @@
       },
       "950": {
         "key": "{orange.950}",
-        "$value": "#382315",
+        "$value": "#461807",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -7826,7 +7826,7 @@
     "purple": {
       "50": {
         "key": "{purple.50}",
-        "$value": "#f4f0ff",
+        "$value": "#f4f0fc",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -7857,7 +7857,7 @@
       },
       "100": {
         "key": "{purple.100}",
-        "$value": "#e1d8f9",
+        "$value": "#e1daf7",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -7888,7 +7888,7 @@
       },
       "200": {
         "key": "{purple.200}",
-        "$value": "#cbbbf2",
+        "$value": "#c9beef",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -7919,7 +7919,7 @@
       },
       "300": {
         "key": "{purple.300}",
-        "$value": "#ac93e6",
+        "$value": "#a997e1",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -7950,7 +7950,7 @@
       },
       "400": {
         "key": "{purple.400}",
-        "$value": "#9475db",
+        "$value": "#927cd7",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -7981,7 +7981,7 @@
       },
       "500": {
         "key": "{purple.500}",
-        "$value": "#7b58cf",
+        "$value": "#7862c8",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -8012,7 +8012,7 @@
       },
       "600": {
         "key": "{purple.600}",
-        "$value": "#6a4fb4",
+        "$value": "#6a54c0",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -8043,7 +8043,7 @@
       },
       "700": {
         "key": "{purple.700}",
-        "$value": "#5c47a6",
+        "$value": "#5b46b8",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -8074,7 +8074,7 @@
       },
       "800": {
         "key": "{purple.800}",
-        "$value": "#493c83",
+        "$value": "#483698",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -8105,7 +8105,7 @@
       },
       "900": {
         "key": "{purple.900}",
-        "$value": "#342d59",
+        "$value": "#362676",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -8136,7 +8136,7 @@
       },
       "950": {
         "key": "{purple.950}",
-        "$value": "#27243e",
+        "$value": "#291a5c",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -8169,7 +8169,7 @@
     "red": {
       "50": {
         "key": "{red.50}",
-        "$value": "#fcf1ef",
+        "$value": "#feeef0",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -8200,7 +8200,7 @@
       },
       "100": {
         "key": "{red.100}",
-        "$value": "#fdd4cd",
+        "$value": "#ffd3d7",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -8231,7 +8231,7 @@
       },
       "200": {
         "key": "{red.200}",
-        "$value": "#fcb5aa",
+        "$value": "#ffafb8",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -8262,7 +8262,7 @@
       },
       "300": {
         "key": "{red.300}",
-        "$value": "#f6806d",
+        "$value": "#fc7988",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -8293,7 +8293,7 @@
       },
       "400": {
         "key": "{red.400}",
-        "$value": "#ec5941",
+        "$value": "#f15168",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -8324,7 +8324,7 @@
       },
       "500": {
         "key": "{red.500}",
-        "$value": "#dd2b0e",
+        "$value": "#de1d4b",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -8355,7 +8355,7 @@
       },
       "600": {
         "key": "{red.600}",
-        "$value": "#c02f12",
+        "$value": "#c52042",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -8386,7 +8386,7 @@
       },
       "700": {
         "key": "{red.700}",
-        "$value": "#a32c12",
+        "$value": "#ac203a",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -8417,7 +8417,7 @@
       },
       "800": {
         "key": "{red.800}",
-        "$value": "#812713",
+        "$value": "#891c2f",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -8448,7 +8448,7 @@
       },
       "900": {
         "key": "{red.900}",
-        "$value": "#582014",
+        "$value": "#641925",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -8479,7 +8479,7 @@
       },
       "950": {
         "key": "{red.950}",
-        "$value": "#3e1a14",
+        "$value": "#48151d",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -11334,7 +11334,7 @@
       },
       "info": {
         "key": "{feedback.info.border.color}",
-        "$value": "#9dc7f1",
+        "$value": "#9dc8f2",
         "$type": "color",
         "$description": "Used for the border of an informational feedback item when highlighting new information or a change that doesn't require immediate action.",
         "$extensions": {
@@ -11367,7 +11367,7 @@
       },
       "success": {
         "key": "{feedback.success.border.color}",
-        "$value": "#91d4a8",
+        "$value": "#84d4b6",
         "$type": "color",
         "$description": "Used for the border of a success feedback item when confirming the successful completion of a user-initiated action.",
         "$extensions": {
@@ -11400,7 +11400,7 @@
       },
       "warning": {
         "key": "{feedback.warning.border.color}",
-        "$value": "#e9be74",
+        "$value": "#f7b951",
         "$type": "color",
         "$description": "Used for the border of a warning feedback item when notifying about a potential issue or sensitive information.",
         "$extensions": {
@@ -11433,7 +11433,7 @@
       },
       "danger": {
         "key": "{feedback.danger.border.color}",
-        "$value": "#dd2b0e",
+        "$value": "#de1d4b",
         "$type": "color",
         "$description": "Used for the border of a danger feedback item when notifying about a critical issue that has just occurred and requires immediate attention.",
         "$extensions": {
@@ -11466,7 +11466,7 @@
       },
       "brand": {
         "key": "{feedback.brand.border.color}",
-        "$value": "#cbbbf2",
+        "$value": "#c9beef",
         "$type": "color",
         "$description": "Used for the border of a brand-related feedback item when highlighting information that pertains to GitLab.",
         "$extensions": {
@@ -11637,7 +11637,7 @@
       },
       "error": {
         "key": "{control.border.color.error}",
-        "$value": "#dd2b0e",
+        "$value": "#de1d4b",
         "$type": "color",
         "$description": "Used for invalid form control (input, textarea) border.",
         "$extensions": {
@@ -12087,7 +12087,7 @@
     "blue": {
       "50": {
         "key": "{blue.50}",
-        "$value": "#e9f3fc",
+        "$value": "#e8f2fd",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -12118,7 +12118,7 @@
       },
       "100": {
         "key": "{blue.100}",
-        "$value": "#cbe2f9",
+        "$value": "#c8e0f9",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -12149,7 +12149,7 @@
       },
       "200": {
         "key": "{blue.200}",
-        "$value": "#9dc7f1",
+        "$value": "#9dc8f2",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -12180,7 +12180,7 @@
       },
       "300": {
         "key": "{blue.300}",
-        "$value": "#63a6e9",
+        "$value": "#64a7e9",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -12211,7 +12211,7 @@
       },
       "400": {
         "key": "{blue.400}",
-        "$value": "#428fdc",
+        "$value": "#3f8edd",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -12242,7 +12242,7 @@
       },
       "500": {
         "key": "{blue.500}",
-        "$value": "#1f75cb",
+        "$value": "#1f73ca",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -12273,7 +12273,7 @@
       },
       "600": {
         "key": "{blue.600}",
-        "$value": "#2f68b4",
+        "$value": "#2566b5",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -12304,7 +12304,7 @@
       },
       "700": {
         "key": "{blue.700}",
-        "$value": "#2f5ca0",
+        "$value": "#27599f",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -12335,7 +12335,7 @@
       },
       "800": {
         "key": "{blue.800}",
-        "$value": "#284779",
+        "$value": "#254581",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -12366,7 +12366,7 @@
       },
       "900": {
         "key": "{blue.900}",
-        "$value": "#213454",
+        "$value": "#1f3166",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -12397,7 +12397,7 @@
       },
       "950": {
         "key": "{blue.950}",
-        "$value": "#1d283e",
+        "$value": "#1d2153",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -12804,7 +12804,7 @@
     "green": {
       "50": {
         "key": "{green.50}",
-        "$value": "#ecf4ee",
+        "$value": "#e6f5ea",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -12835,7 +12835,7 @@
       },
       "100": {
         "key": "{green.100}",
-        "$value": "#c3e6cd",
+        "$value": "#bee6d0",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -12866,7 +12866,7 @@
       },
       "200": {
         "key": "{green.200}",
-        "$value": "#91d4a8",
+        "$value": "#84d4b6",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -12897,7 +12897,7 @@
       },
       "300": {
         "key": "{green.300}",
-        "$value": "#52b87a",
+        "$value": "#35b597",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -12928,7 +12928,7 @@
       },
       "400": {
         "key": "{green.400}",
-        "$value": "#2da160",
+        "$value": "#129c84",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -12959,7 +12959,7 @@
       },
       "500": {
         "key": "{green.500}",
-        "$value": "#108548",
+        "$value": "#0d8070",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -12990,7 +12990,7 @@
       },
       "600": {
         "key": "{green.600}",
-        "$value": "#2f7549",
+        "$value": "#0c7265",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -13021,7 +13021,7 @@
       },
       "700": {
         "key": "{green.700}",
-        "$value": "#306440",
+        "$value": "#0b645a",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -13052,7 +13052,7 @@
       },
       "800": {
         "key": "{green.800}",
-        "$value": "#225131",
+        "$value": "#075048",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -13083,7 +13083,7 @@
       },
       "900": {
         "key": "{green.900}",
-        "$value": "#1e3e28",
+        "$value": "#003c36",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -13114,7 +13114,7 @@
       },
       "950": {
         "key": "{green.950}",
-        "$value": "#17291c",
+        "$value": "#002c26",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -13147,7 +13147,7 @@
     "orange": {
       "50": {
         "key": "{orange.50}",
-        "$value": "#fdf1dd",
+        "$value": "#fdf0d5",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -13178,7 +13178,7 @@
       },
       "100": {
         "key": "{orange.100}",
-        "$value": "#f5d9a8",
+        "$value": "#fada9c",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -13209,7 +13209,7 @@
       },
       "200": {
         "key": "{orange.200}",
-        "$value": "#e9be74",
+        "$value": "#f7b951",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -13240,7 +13240,7 @@
       },
       "300": {
         "key": "{orange.300}",
-        "$value": "#d99530",
+        "$value": "#fb8017",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -13271,7 +13271,7 @@
       },
       "400": {
         "key": "{orange.400}",
-        "$value": "#c17d10",
+        "$value": "#e95f21",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -13302,7 +13302,7 @@
       },
       "500": {
         "key": "{orange.500}",
-        "$value": "#ab6100",
+        "$value": "#c74816",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -13333,7 +13333,7 @@
       },
       "600": {
         "key": "{orange.600}",
-        "$value": "#995715",
+        "$value": "#b34013",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -13364,7 +13364,7 @@
       },
       "700": {
         "key": "{orange.700}",
-        "$value": "#894b16",
+        "$value": "#9e3811",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -13395,7 +13395,7 @@
       },
       "800": {
         "key": "{orange.800}",
-        "$value": "#693c14",
+        "$value": "#7d2d0e",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -13426,7 +13426,7 @@
       },
       "900": {
         "key": "{orange.900}",
-        "$value": "#532e16",
+        "$value": "#5d220d",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -13457,7 +13457,7 @@
       },
       "950": {
         "key": "{orange.950}",
-        "$value": "#382315",
+        "$value": "#461807",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -13490,7 +13490,7 @@
     "purple": {
       "50": {
         "key": "{purple.50}",
-        "$value": "#f4f0ff",
+        "$value": "#f4f0fc",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -13521,7 +13521,7 @@
       },
       "100": {
         "key": "{purple.100}",
-        "$value": "#e1d8f9",
+        "$value": "#e1daf7",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -13552,7 +13552,7 @@
       },
       "200": {
         "key": "{purple.200}",
-        "$value": "#cbbbf2",
+        "$value": "#c9beef",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -13583,7 +13583,7 @@
       },
       "300": {
         "key": "{purple.300}",
-        "$value": "#ac93e6",
+        "$value": "#a997e1",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -13614,7 +13614,7 @@
       },
       "400": {
         "key": "{purple.400}",
-        "$value": "#9475db",
+        "$value": "#927cd7",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -13645,7 +13645,7 @@
       },
       "500": {
         "key": "{purple.500}",
-        "$value": "#7b58cf",
+        "$value": "#7862c8",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -13676,7 +13676,7 @@
       },
       "600": {
         "key": "{purple.600}",
-        "$value": "#6a4fb4",
+        "$value": "#6a54c0",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -13707,7 +13707,7 @@
       },
       "700": {
         "key": "{purple.700}",
-        "$value": "#5c47a6",
+        "$value": "#5b46b8",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -13738,7 +13738,7 @@
       },
       "800": {
         "key": "{purple.800}",
-        "$value": "#493c83",
+        "$value": "#483698",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -13769,7 +13769,7 @@
       },
       "900": {
         "key": "{purple.900}",
-        "$value": "#342d59",
+        "$value": "#362676",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -13800,7 +13800,7 @@
       },
       "950": {
         "key": "{purple.950}",
-        "$value": "#27243e",
+        "$value": "#291a5c",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -13833,7 +13833,7 @@
     "red": {
       "50": {
         "key": "{red.50}",
-        "$value": "#fcf1ef",
+        "$value": "#feeef0",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -13864,7 +13864,7 @@
       },
       "100": {
         "key": "{red.100}",
-        "$value": "#fdd4cd",
+        "$value": "#ffd3d7",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -13895,7 +13895,7 @@
       },
       "200": {
         "key": "{red.200}",
-        "$value": "#fcb5aa",
+        "$value": "#ffafb8",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -13926,7 +13926,7 @@
       },
       "300": {
         "key": "{red.300}",
-        "$value": "#f6806d",
+        "$value": "#fc7988",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -13957,7 +13957,7 @@
       },
       "400": {
         "key": "{red.400}",
-        "$value": "#ec5941",
+        "$value": "#f15168",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -13988,7 +13988,7 @@
       },
       "500": {
         "key": "{red.500}",
-        "$value": "#dd2b0e",
+        "$value": "#de1d4b",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -14019,7 +14019,7 @@
       },
       "600": {
         "key": "{red.600}",
-        "$value": "#c02f12",
+        "$value": "#c52042",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -14050,7 +14050,7 @@
       },
       "700": {
         "key": "{red.700}",
-        "$value": "#a32c12",
+        "$value": "#ac203a",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -14081,7 +14081,7 @@
       },
       "800": {
         "key": "{red.800}",
-        "$value": "#812713",
+        "$value": "#891c2f",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -14112,7 +14112,7 @@
       },
       "900": {
         "key": "{red.900}",
-        "$value": "#582014",
+        "$value": "#641925",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -14143,7 +14143,7 @@
       },
       "950": {
         "key": "{red.950}",
-        "$value": "#3e1a14",
+        "$value": "#48151d",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -16906,7 +16906,7 @@
       },
       "link": {
         "key": "{icon.color.link}",
-        "$value": "#2f5ca0",
+        "$value": "#27599f",
         "$type": "color",
         "$description": "Used for an icon within a link.",
         "$extensions": {
@@ -16940,7 +16940,7 @@
       },
       "info": {
         "key": "{icon.color.info}",
-        "$value": "#2f5ca0",
+        "$value": "#27599f",
         "$type": "color",
         "$description": "Used for an icon associated with information or help.",
         "$extensions": {
@@ -16974,7 +16974,7 @@
       },
       "warning": {
         "key": "{icon.color.warning}",
-        "$value": "#995715",
+        "$value": "#b34013",
         "$type": "color",
         "$description": "Used for an icon associated with a warning.",
         "$extensions": {
@@ -17008,7 +17008,7 @@
       },
       "danger": {
         "key": "{icon.color.danger}",
-        "$value": "#c02f12",
+        "$value": "#c52042",
         "$type": "color",
         "$description": "Used for an icon associated with an error or danger.",
         "$extensions": {
@@ -17042,7 +17042,7 @@
       },
       "success": {
         "key": "{icon.color.success}",
-        "$value": "#2f7549",
+        "$value": "#0c7265",
         "$type": "color",
         "$description": "Used for an icon associated with success or validity.",
         "$extensions": {
@@ -17113,7 +17113,7 @@
       },
       "info": {
         "key": "{status.info.icon.color}",
-        "$value": "#1f75cb",
+        "$value": "#1f73ca",
         "$type": "color",
         "$description": "Used for the icon of an informational status item when indicating a noteworthy ongoing condition or a state of active progress.",
         "$extensions": {
@@ -17148,7 +17148,7 @@
       },
       "success": {
         "key": "{status.success.icon.color}",
-        "$value": "#108548",
+        "$value": "#0d8070",
         "$type": "color",
         "$description": "Used for the icon of a success status item when indicating a positive outcome, completion, or desired state. Clearly conveys a positive connotation.",
         "$extensions": {
@@ -17183,7 +17183,7 @@
       },
       "warning": {
         "key": "{status.warning.icon.color}",
-        "$value": "#ab6100",
+        "$value": "#c74816",
         "$type": "color",
         "$description": "Used for the icon of a warning status item when indicating a state that requires heightened awareness or caution, but is not necessarily problematic. Represents a state that warrants extra attention or care when interacting with the item.",
         "$extensions": {
@@ -17218,7 +17218,7 @@
       },
       "danger": {
         "key": "{status.danger.icon.color}",
-        "$value": "#dd2b0e",
+        "$value": "#de1d4b",
         "$type": "color",
         "$description": "Used for the icon of a danger status item when indicating a critical or severely problematic current state. Clearly conveys a negative connotation, representing a serious, ongoing issue or undesired condition.",
         "$extensions": {
@@ -17253,7 +17253,7 @@
       },
       "brand": {
         "key": "{status.brand.icon.color}",
-        "$value": "#7b58cf",
+        "$value": "#7862c8",
         "$type": "color",
         "$description": "Used for the icon of a brand-related status item when highlighting the state of unique features or elements specific to the GitLab brand identity. Helps distinguish and emphasize brand-specific elements within the interface.",
         "$extensions": {
@@ -17360,7 +17360,7 @@
       },
       "info": {
         "key": "{feedback.info.icon.color}",
-        "$value": "#2f68b4",
+        "$value": "#2566b5",
         "$type": "color",
         "$description": "Used for the icon of an informational feedback item when highlighting new information or a change that doesn't require immediate action.",
         "$extensions": {
@@ -17395,7 +17395,7 @@
       },
       "success": {
         "key": "{feedback.success.icon.color}",
-        "$value": "#2f7549",
+        "$value": "#0c7265",
         "$type": "color",
         "$description": "Used for the icon of a success feedback item when confirming the successful completion of a user-initiated action.",
         "$extensions": {
@@ -17430,7 +17430,7 @@
       },
       "warning": {
         "key": "{feedback.warning.icon.color}",
-        "$value": "#995715",
+        "$value": "#b34013",
         "$type": "color",
         "$description": "Used for the icon of a warning feedback item when notifying about a potential issue or sensitive information.",
         "$extensions": {
@@ -17465,7 +17465,7 @@
       },
       "danger": {
         "key": "{feedback.danger.icon.color}",
-        "$value": "#c02f12",
+        "$value": "#c52042",
         "$type": "color",
         "$description": "Used for the icon of a danger feedback item when notifying about a critical issue that has just occurred and requires immediate attention.",
         "$extensions": {
@@ -17500,7 +17500,7 @@
       },
       "brand": {
         "key": "{feedback.brand.icon.color}",
-        "$value": "#6a4fb4",
+        "$value": "#6a54c0",
         "$type": "color",
         "$description": "Used for the icon of a brand-related feedback item when highlighting information that pertains to GitLab.",
         "$extensions": {
@@ -17952,7 +17952,7 @@
     "blue": {
       "50": {
         "key": "{blue.50}",
-        "$value": "#e9f3fc",
+        "$value": "#e8f2fd",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -17983,7 +17983,7 @@
       },
       "100": {
         "key": "{blue.100}",
-        "$value": "#cbe2f9",
+        "$value": "#c8e0f9",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -18014,7 +18014,7 @@
       },
       "200": {
         "key": "{blue.200}",
-        "$value": "#9dc7f1",
+        "$value": "#9dc8f2",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -18045,7 +18045,7 @@
       },
       "300": {
         "key": "{blue.300}",
-        "$value": "#63a6e9",
+        "$value": "#64a7e9",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -18076,7 +18076,7 @@
       },
       "400": {
         "key": "{blue.400}",
-        "$value": "#428fdc",
+        "$value": "#3f8edd",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -18107,7 +18107,7 @@
       },
       "500": {
         "key": "{blue.500}",
-        "$value": "#1f75cb",
+        "$value": "#1f73ca",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -18138,7 +18138,7 @@
       },
       "600": {
         "key": "{blue.600}",
-        "$value": "#2f68b4",
+        "$value": "#2566b5",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -18169,7 +18169,7 @@
       },
       "700": {
         "key": "{blue.700}",
-        "$value": "#2f5ca0",
+        "$value": "#27599f",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -18200,7 +18200,7 @@
       },
       "800": {
         "key": "{blue.800}",
-        "$value": "#284779",
+        "$value": "#254581",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -18231,7 +18231,7 @@
       },
       "900": {
         "key": "{blue.900}",
-        "$value": "#213454",
+        "$value": "#1f3166",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -18262,7 +18262,7 @@
       },
       "950": {
         "key": "{blue.950}",
-        "$value": "#1d283e",
+        "$value": "#1d2153",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -18669,7 +18669,7 @@
     "green": {
       "50": {
         "key": "{green.50}",
-        "$value": "#ecf4ee",
+        "$value": "#e6f5ea",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -18700,7 +18700,7 @@
       },
       "100": {
         "key": "{green.100}",
-        "$value": "#c3e6cd",
+        "$value": "#bee6d0",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -18731,7 +18731,7 @@
       },
       "200": {
         "key": "{green.200}",
-        "$value": "#91d4a8",
+        "$value": "#84d4b6",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -18762,7 +18762,7 @@
       },
       "300": {
         "key": "{green.300}",
-        "$value": "#52b87a",
+        "$value": "#35b597",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -18793,7 +18793,7 @@
       },
       "400": {
         "key": "{green.400}",
-        "$value": "#2da160",
+        "$value": "#129c84",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -18824,7 +18824,7 @@
       },
       "500": {
         "key": "{green.500}",
-        "$value": "#108548",
+        "$value": "#0d8070",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -18855,7 +18855,7 @@
       },
       "600": {
         "key": "{green.600}",
-        "$value": "#2f7549",
+        "$value": "#0c7265",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -18886,7 +18886,7 @@
       },
       "700": {
         "key": "{green.700}",
-        "$value": "#306440",
+        "$value": "#0b645a",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -18917,7 +18917,7 @@
       },
       "800": {
         "key": "{green.800}",
-        "$value": "#225131",
+        "$value": "#075048",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -18948,7 +18948,7 @@
       },
       "900": {
         "key": "{green.900}",
-        "$value": "#1e3e28",
+        "$value": "#003c36",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -18979,7 +18979,7 @@
       },
       "950": {
         "key": "{green.950}",
-        "$value": "#17291c",
+        "$value": "#002c26",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -19012,7 +19012,7 @@
     "orange": {
       "50": {
         "key": "{orange.50}",
-        "$value": "#fdf1dd",
+        "$value": "#fdf0d5",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -19043,7 +19043,7 @@
       },
       "100": {
         "key": "{orange.100}",
-        "$value": "#f5d9a8",
+        "$value": "#fada9c",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -19074,7 +19074,7 @@
       },
       "200": {
         "key": "{orange.200}",
-        "$value": "#e9be74",
+        "$value": "#f7b951",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -19105,7 +19105,7 @@
       },
       "300": {
         "key": "{orange.300}",
-        "$value": "#d99530",
+        "$value": "#fb8017",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -19136,7 +19136,7 @@
       },
       "400": {
         "key": "{orange.400}",
-        "$value": "#c17d10",
+        "$value": "#e95f21",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -19167,7 +19167,7 @@
       },
       "500": {
         "key": "{orange.500}",
-        "$value": "#ab6100",
+        "$value": "#c74816",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -19198,7 +19198,7 @@
       },
       "600": {
         "key": "{orange.600}",
-        "$value": "#995715",
+        "$value": "#b34013",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -19229,7 +19229,7 @@
       },
       "700": {
         "key": "{orange.700}",
-        "$value": "#894b16",
+        "$value": "#9e3811",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -19260,7 +19260,7 @@
       },
       "800": {
         "key": "{orange.800}",
-        "$value": "#693c14",
+        "$value": "#7d2d0e",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -19291,7 +19291,7 @@
       },
       "900": {
         "key": "{orange.900}",
-        "$value": "#532e16",
+        "$value": "#5d220d",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -19322,7 +19322,7 @@
       },
       "950": {
         "key": "{orange.950}",
-        "$value": "#382315",
+        "$value": "#461807",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -19355,7 +19355,7 @@
     "purple": {
       "50": {
         "key": "{purple.50}",
-        "$value": "#f4f0ff",
+        "$value": "#f4f0fc",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -19386,7 +19386,7 @@
       },
       "100": {
         "key": "{purple.100}",
-        "$value": "#e1d8f9",
+        "$value": "#e1daf7",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -19417,7 +19417,7 @@
       },
       "200": {
         "key": "{purple.200}",
-        "$value": "#cbbbf2",
+        "$value": "#c9beef",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -19448,7 +19448,7 @@
       },
       "300": {
         "key": "{purple.300}",
-        "$value": "#ac93e6",
+        "$value": "#a997e1",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -19479,7 +19479,7 @@
       },
       "400": {
         "key": "{purple.400}",
-        "$value": "#9475db",
+        "$value": "#927cd7",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -19510,7 +19510,7 @@
       },
       "500": {
         "key": "{purple.500}",
-        "$value": "#7b58cf",
+        "$value": "#7862c8",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -19541,7 +19541,7 @@
       },
       "600": {
         "key": "{purple.600}",
-        "$value": "#6a4fb4",
+        "$value": "#6a54c0",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -19572,7 +19572,7 @@
       },
       "700": {
         "key": "{purple.700}",
-        "$value": "#5c47a6",
+        "$value": "#5b46b8",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -19603,7 +19603,7 @@
       },
       "800": {
         "key": "{purple.800}",
-        "$value": "#493c83",
+        "$value": "#483698",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -19634,7 +19634,7 @@
       },
       "900": {
         "key": "{purple.900}",
-        "$value": "#342d59",
+        "$value": "#362676",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -19665,7 +19665,7 @@
       },
       "950": {
         "key": "{purple.950}",
-        "$value": "#27243e",
+        "$value": "#291a5c",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -19698,7 +19698,7 @@
     "red": {
       "50": {
         "key": "{red.50}",
-        "$value": "#fcf1ef",
+        "$value": "#feeef0",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -19729,7 +19729,7 @@
       },
       "100": {
         "key": "{red.100}",
-        "$value": "#fdd4cd",
+        "$value": "#ffd3d7",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -19760,7 +19760,7 @@
       },
       "200": {
         "key": "{red.200}",
-        "$value": "#fcb5aa",
+        "$value": "#ffafb8",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -19791,7 +19791,7 @@
       },
       "300": {
         "key": "{red.300}",
-        "$value": "#f6806d",
+        "$value": "#fc7988",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -19822,7 +19822,7 @@
       },
       "400": {
         "key": "{red.400}",
-        "$value": "#ec5941",
+        "$value": "#f15168",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -19853,7 +19853,7 @@
       },
       "500": {
         "key": "{red.500}",
-        "$value": "#dd2b0e",
+        "$value": "#de1d4b",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -19884,7 +19884,7 @@
       },
       "600": {
         "key": "{red.600}",
-        "$value": "#c02f12",
+        "$value": "#c52042",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -19915,7 +19915,7 @@
       },
       "700": {
         "key": "{red.700}",
-        "$value": "#a32c12",
+        "$value": "#ac203a",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -19946,7 +19946,7 @@
       },
       "800": {
         "key": "{red.800}",
-        "$value": "#812713",
+        "$value": "#891c2f",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -19977,7 +19977,7 @@
       },
       "900": {
         "key": "{red.900}",
-        "$value": "#582014",
+        "$value": "#641925",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -20008,7 +20008,7 @@
       },
       "950": {
         "key": "{red.950}",
-        "$value": "#3e1a14",
+        "$value": "#48151d",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -22763,7 +22763,7 @@
       },
       "link": {
         "key": "{text.color.link}",
-        "$value": "#2f5ca0",
+        "$value": "#27599f",
         "$type": "color",
         "$description": "Used for default text links.",
         "$extensions": {
@@ -22795,7 +22795,7 @@
       },
       "warning": {
         "key": "{text.color.warning}",
-        "$value": "#995715",
+        "$value": "#b34013",
         "$type": "color",
         "$description": "Used for text that requires caution or careful attention.",
         "$extensions": {
@@ -22827,7 +22827,7 @@
       },
       "danger": {
         "key": "{text.color.danger}",
-        "$value": "#c02f12",
+        "$value": "#c52042",
         "$type": "color",
         "$description": "Used for text indicating a problem, critical state, destructive action, error, failure, removal, stop, or declination.",
         "$extensions": {
@@ -22859,7 +22859,7 @@
       },
       "success": {
         "key": "{text.color.success}",
-        "$value": "#2f7549",
+        "$value": "#0c7265",
         "$type": "color",
         "$description": "Used for text indicating success, completion, approval, addition, or validity.",
         "$extensions": {
@@ -22958,7 +22958,7 @@
       },
       "info": {
         "key": "{status.info.text.color}",
-        "$value": "#2f5ca0",
+        "$value": "#27599f",
         "$type": "color",
         "$description": "Used for the text of an informational status item when indicating a noteworthy ongoing condition or a state of active progress.",
         "$extensions": {
@@ -22991,7 +22991,7 @@
       },
       "success": {
         "key": "{status.success.text.color}",
-        "$value": "#306440",
+        "$value": "#0b645a",
         "$type": "color",
         "$description": "Used for the text of a success status item when indicating a positive outcome, completion, or desired state. Clearly conveys a positive connotation.",
         "$extensions": {
@@ -23024,7 +23024,7 @@
       },
       "warning": {
         "key": "{status.warning.text.color}",
-        "$value": "#894b16",
+        "$value": "#9e3811",
         "$type": "color",
         "$description": "Used for the text of a warning status item when indicating a state that requires heightened awareness or caution, but is not necessarily problematic. Represents a state that warrants extra attention or care when interacting with the item.",
         "$extensions": {
@@ -23057,7 +23057,7 @@
       },
       "danger": {
         "key": "{status.danger.text.color}",
-        "$value": "#a32c12",
+        "$value": "#ac203a",
         "$type": "color",
         "$description": "Used for the text of a danger status item when indicating a critical or severely problematic current state. Clearly conveys a negative connotation, representing a serious, ongoing issue or undesired condition.",
         "$extensions": {
@@ -23090,7 +23090,7 @@
       },
       "brand": {
         "key": "{status.brand.text.color}",
-        "$value": "#5c47a6",
+        "$value": "#5b46b8",
         "$type": "color",
         "$description": "Used for the text of a brand-related status item when highlighting the state of unique features or elements specific to the GitLab brand identity. Helps distinguish and emphasize brand-specific elements within the interface.",
         "$extensions": {
@@ -23191,7 +23191,7 @@
       },
       "info": {
         "key": "{feedback.info.text.color}",
-        "$value": "#2f5ca0",
+        "$value": "#27599f",
         "$type": "color",
         "$description": "Used for the text of an informational feedback item when highlighting new information or a change that doesn't require immediate action.",
         "$extensions": {
@@ -23224,7 +23224,7 @@
       },
       "success": {
         "key": "{feedback.success.text.color}",
-        "$value": "#306440",
+        "$value": "#0b645a",
         "$type": "color",
         "$description": "Used for the text of a success feedback item when confirming the successful completion of a user-initiated action.",
         "$extensions": {
@@ -23257,7 +23257,7 @@
       },
       "warning": {
         "key": "{feedback.warning.text.color}",
-        "$value": "#894b16",
+        "$value": "#9e3811",
         "$type": "color",
         "$description": "Used for the text of a warning feedback item when notifying about a potential issue or sensitive information.",
         "$extensions": {
@@ -23290,7 +23290,7 @@
       },
       "danger": {
         "key": "{feedback.danger.text.color}",
-        "$value": "#a32c12",
+        "$value": "#ac203a",
         "$type": "color",
         "$description": "Used for the text of a danger feedback item when notifying about a critical issue that has just occurred and requires immediate attention.",
         "$extensions": {
@@ -23323,7 +23323,7 @@
       },
       "brand": {
         "key": "{feedback.brand.text.color}",
-        "$value": "#5c47a6",
+        "$value": "#5b46b8",
         "$type": "color",
         "$description": "Used for the text of a brand-related feedback item when highlighting information that pertains to GitLab.",
         "$extensions": {
@@ -23489,7 +23489,7 @@
       },
       "error": {
         "key": "{control.text.color.error}",
-        "$value": "#c02f12",
+        "$value": "#c52042",
         "$type": "color",
         "$description": "Used for the helper text when the input is invalid.",
         "$extensions": {
@@ -23522,7 +23522,7 @@
       },
       "valid": {
         "key": "{control.text.color.valid}",
-        "$value": "#2f7549",
+        "$value": "#0c7265",
         "$type": "color",
         "$description": "Used for the helper text when the input is valid.",
         "$extensions": {
@@ -23558,7 +23558,7 @@
   "outline": {
     "focus": {
       "key": "{focus-ring.outer.color}",
-      "$value": "#1f75cb",
+      "$value": "#1f73ca",
       "$type": "color",
       "$description": "Used for the outer color portion of the focus ring.",
       "$extensions": {
@@ -24006,7 +24006,7 @@
     "blue": {
       "50": {
         "key": "{blue.50}",
-        "$value": "#e9f3fc",
+        "$value": "#e8f2fd",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -24037,7 +24037,7 @@
       },
       "100": {
         "key": "{blue.100}",
-        "$value": "#cbe2f9",
+        "$value": "#c8e0f9",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -24068,7 +24068,7 @@
       },
       "200": {
         "key": "{blue.200}",
-        "$value": "#9dc7f1",
+        "$value": "#9dc8f2",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -24099,7 +24099,7 @@
       },
       "300": {
         "key": "{blue.300}",
-        "$value": "#63a6e9",
+        "$value": "#64a7e9",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -24130,7 +24130,7 @@
       },
       "400": {
         "key": "{blue.400}",
-        "$value": "#428fdc",
+        "$value": "#3f8edd",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -24161,7 +24161,7 @@
       },
       "500": {
         "key": "{blue.500}",
-        "$value": "#1f75cb",
+        "$value": "#1f73ca",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -24192,7 +24192,7 @@
       },
       "600": {
         "key": "{blue.600}",
-        "$value": "#2f68b4",
+        "$value": "#2566b5",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -24223,7 +24223,7 @@
       },
       "700": {
         "key": "{blue.700}",
-        "$value": "#2f5ca0",
+        "$value": "#27599f",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -24254,7 +24254,7 @@
       },
       "800": {
         "key": "{blue.800}",
-        "$value": "#284779",
+        "$value": "#254581",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -24285,7 +24285,7 @@
       },
       "900": {
         "key": "{blue.900}",
-        "$value": "#213454",
+        "$value": "#1f3166",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -24316,7 +24316,7 @@
       },
       "950": {
         "key": "{blue.950}",
-        "$value": "#1d283e",
+        "$value": "#1d2153",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -24723,7 +24723,7 @@
     "green": {
       "50": {
         "key": "{green.50}",
-        "$value": "#ecf4ee",
+        "$value": "#e6f5ea",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -24754,7 +24754,7 @@
       },
       "100": {
         "key": "{green.100}",
-        "$value": "#c3e6cd",
+        "$value": "#bee6d0",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -24785,7 +24785,7 @@
       },
       "200": {
         "key": "{green.200}",
-        "$value": "#91d4a8",
+        "$value": "#84d4b6",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -24816,7 +24816,7 @@
       },
       "300": {
         "key": "{green.300}",
-        "$value": "#52b87a",
+        "$value": "#35b597",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -24847,7 +24847,7 @@
       },
       "400": {
         "key": "{green.400}",
-        "$value": "#2da160",
+        "$value": "#129c84",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -24878,7 +24878,7 @@
       },
       "500": {
         "key": "{green.500}",
-        "$value": "#108548",
+        "$value": "#0d8070",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -24909,7 +24909,7 @@
       },
       "600": {
         "key": "{green.600}",
-        "$value": "#2f7549",
+        "$value": "#0c7265",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -24940,7 +24940,7 @@
       },
       "700": {
         "key": "{green.700}",
-        "$value": "#306440",
+        "$value": "#0b645a",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -24971,7 +24971,7 @@
       },
       "800": {
         "key": "{green.800}",
-        "$value": "#225131",
+        "$value": "#075048",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -25002,7 +25002,7 @@
       },
       "900": {
         "key": "{green.900}",
-        "$value": "#1e3e28",
+        "$value": "#003c36",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -25033,7 +25033,7 @@
       },
       "950": {
         "key": "{green.950}",
-        "$value": "#17291c",
+        "$value": "#002c26",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -25066,7 +25066,7 @@
     "orange": {
       "50": {
         "key": "{orange.50}",
-        "$value": "#fdf1dd",
+        "$value": "#fdf0d5",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -25097,7 +25097,7 @@
       },
       "100": {
         "key": "{orange.100}",
-        "$value": "#f5d9a8",
+        "$value": "#fada9c",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -25128,7 +25128,7 @@
       },
       "200": {
         "key": "{orange.200}",
-        "$value": "#e9be74",
+        "$value": "#f7b951",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -25159,7 +25159,7 @@
       },
       "300": {
         "key": "{orange.300}",
-        "$value": "#d99530",
+        "$value": "#fb8017",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -25190,7 +25190,7 @@
       },
       "400": {
         "key": "{orange.400}",
-        "$value": "#c17d10",
+        "$value": "#e95f21",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -25221,7 +25221,7 @@
       },
       "500": {
         "key": "{orange.500}",
-        "$value": "#ab6100",
+        "$value": "#c74816",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -25252,7 +25252,7 @@
       },
       "600": {
         "key": "{orange.600}",
-        "$value": "#995715",
+        "$value": "#b34013",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -25283,7 +25283,7 @@
       },
       "700": {
         "key": "{orange.700}",
-        "$value": "#894b16",
+        "$value": "#9e3811",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -25314,7 +25314,7 @@
       },
       "800": {
         "key": "{orange.800}",
-        "$value": "#693c14",
+        "$value": "#7d2d0e",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -25345,7 +25345,7 @@
       },
       "900": {
         "key": "{orange.900}",
-        "$value": "#532e16",
+        "$value": "#5d220d",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -25376,7 +25376,7 @@
       },
       "950": {
         "key": "{orange.950}",
-        "$value": "#382315",
+        "$value": "#461807",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -25409,7 +25409,7 @@
     "purple": {
       "50": {
         "key": "{purple.50}",
-        "$value": "#f4f0ff",
+        "$value": "#f4f0fc",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -25440,7 +25440,7 @@
       },
       "100": {
         "key": "{purple.100}",
-        "$value": "#e1d8f9",
+        "$value": "#e1daf7",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -25471,7 +25471,7 @@
       },
       "200": {
         "key": "{purple.200}",
-        "$value": "#cbbbf2",
+        "$value": "#c9beef",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -25502,7 +25502,7 @@
       },
       "300": {
         "key": "{purple.300}",
-        "$value": "#ac93e6",
+        "$value": "#a997e1",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -25533,7 +25533,7 @@
       },
       "400": {
         "key": "{purple.400}",
-        "$value": "#9475db",
+        "$value": "#927cd7",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -25564,7 +25564,7 @@
       },
       "500": {
         "key": "{purple.500}",
-        "$value": "#7b58cf",
+        "$value": "#7862c8",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -25595,7 +25595,7 @@
       },
       "600": {
         "key": "{purple.600}",
-        "$value": "#6a4fb4",
+        "$value": "#6a54c0",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -25626,7 +25626,7 @@
       },
       "700": {
         "key": "{purple.700}",
-        "$value": "#5c47a6",
+        "$value": "#5b46b8",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -25657,7 +25657,7 @@
       },
       "800": {
         "key": "{purple.800}",
-        "$value": "#493c83",
+        "$value": "#483698",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -25688,7 +25688,7 @@
       },
       "900": {
         "key": "{purple.900}",
-        "$value": "#342d59",
+        "$value": "#362676",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -25719,7 +25719,7 @@
       },
       "950": {
         "key": "{purple.950}",
-        "$value": "#27243e",
+        "$value": "#291a5c",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -25752,7 +25752,7 @@
     "red": {
       "50": {
         "key": "{red.50}",
-        "$value": "#fcf1ef",
+        "$value": "#feeef0",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -25783,7 +25783,7 @@
       },
       "100": {
         "key": "{red.100}",
-        "$value": "#fdd4cd",
+        "$value": "#ffd3d7",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -25814,7 +25814,7 @@
       },
       "200": {
         "key": "{red.200}",
-        "$value": "#fcb5aa",
+        "$value": "#ffafb8",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -25845,7 +25845,7 @@
       },
       "300": {
         "key": "{red.300}",
-        "$value": "#f6806d",
+        "$value": "#fc7988",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -25876,7 +25876,7 @@
       },
       "400": {
         "key": "{red.400}",
-        "$value": "#ec5941",
+        "$value": "#f15168",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -25907,7 +25907,7 @@
       },
       "500": {
         "key": "{red.500}",
-        "$value": "#dd2b0e",
+        "$value": "#de1d4b",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -25938,7 +25938,7 @@
       },
       "600": {
         "key": "{red.600}",
-        "$value": "#c02f12",
+        "$value": "#c52042",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -25969,7 +25969,7 @@
       },
       "700": {
         "key": "{red.700}",
-        "$value": "#a32c12",
+        "$value": "#ac203a",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -26000,7 +26000,7 @@
       },
       "800": {
         "key": "{red.800}",
-        "$value": "#812713",
+        "$value": "#891c2f",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -26031,7 +26031,7 @@
       },
       "900": {
         "key": "{red.900}",
-        "$value": "#582014",
+        "$value": "#641925",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -26062,7 +26062,7 @@
       },
       "950": {
         "key": "{red.950}",
-        "$value": "#3e1a14",
+        "$value": "#48151d",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
diff --git a/packages/tokens/dist/figma/constants.dark.json b/packages/tokens/dist/figma/constants.dark.json
index 939ae12..fb6ccd5 100644
--- a/packages/tokens/dist/figma/constants.dark.json
+++ b/packages/tokens/dist/figma/constants.dark.json
@@ -319,12 +319,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.9137254901960784,
-        0.9529411764705882,
-        0.9882352941176471
+        0.9098039215686274,
+        0.9490196078431372,
+        0.9921568627450981
       ],
       "alpha": 1,
-      "hex": "#e9f3fc"
+      "hex": "#e8f2fd"
     },
     "$type": "color",
     "$extensions": {
@@ -335,12 +335,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.796078431372549,
-        0.8862745098039215,
+        0.7843137254901961,
+        0.8784313725490196,
         0.9764705882352941
       ],
       "alpha": 1,
-      "hex": "#cbe2f9"
+      "hex": "#c8e0f9"
     },
     "$type": "color",
     "$extensions": {
@@ -352,11 +352,11 @@
       "colorSpace": "srgb",
       "components": [
         0.615686274509804,
-        0.7803921568627451,
-        0.9450980392156862
+        0.7843137254901961,
+        0.9490196078431372
       ],
       "alpha": 1,
-      "hex": "#9dc7f1"
+      "hex": "#9dc8f2"
     },
     "$type": "color",
     "$extensions": {
@@ -367,12 +367,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.38823529411764707,
-        0.6509803921568628,
+        0.39215686274509803,
+        0.6549019607843137,
         0.9137254901960784
       ],
       "alpha": 1,
-      "hex": "#63a6e9"
+      "hex": "#64a7e9"
     },
     "$type": "color",
     "$extensions": {
@@ -383,12 +383,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.25882352941176473,
-        0.5607843137254902,
-        0.8627450980392157
+        0.24705882352941178,
+        0.5568627450980392,
+        0.8666666666666667
       ],
       "alpha": 1,
-      "hex": "#428fdc"
+      "hex": "#3f8edd"
     },
     "$type": "color",
     "$extensions": {
@@ -400,11 +400,11 @@
       "colorSpace": "srgb",
       "components": [
         0.12156862745098039,
-        0.4588235294117647,
-        0.796078431372549
+        0.45098039215686275,
+        0.792156862745098
       ],
       "alpha": 1,
-      "hex": "#1f75cb"
+      "hex": "#1f73ca"
     },
     "$type": "color",
     "$extensions": {
@@ -415,12 +415,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.1843137254901961,
-        0.40784313725490196,
-        0.7058823529411765
+        0.1450980392156863,
+        0.4,
+        0.7098039215686275
       ],
       "alpha": 1,
-      "hex": "#2f68b4"
+      "hex": "#2566b5"
     },
     "$type": "color",
     "$extensions": {
@@ -431,12 +431,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.1843137254901961,
-        0.3607843137254902,
-        0.6274509803921569
+        0.15294117647058825,
+        0.34901960784313724,
+        0.6235294117647059
       ],
       "alpha": 1,
-      "hex": "#2f5ca0"
+      "hex": "#27599f"
     },
     "$type": "color",
     "$extensions": {
@@ -447,12 +447,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.1568627450980392,
-        0.2784313725490196,
-        0.4745098039215686
+        0.1450980392156863,
+        0.27058823529411763,
+        0.5058823529411764
       ],
       "alpha": 1,
-      "hex": "#284779"
+      "hex": "#254581"
     },
     "$type": "color",
     "$extensions": {
@@ -463,12 +463,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.12941176470588237,
-        0.20392156862745098,
-        0.32941176470588235
+        0.12156862745098039,
+        0.19215686274509805,
+        0.4
       ],
       "alpha": 1,
-      "hex": "#213454"
+      "hex": "#1f3166"
     },
     "$type": "color",
     "$extensions": {
@@ -480,11 +480,11 @@
       "colorSpace": "srgb",
       "components": [
         0.11372549019607843,
-        0.1568627450980392,
-        0.24313725490196078
+        0.12941176470588237,
+        0.3254901960784314
       ],
       "alpha": 1,
-      "hex": "#1d283e"
+      "hex": "#1d2153"
     },
     "$type": "color",
     "$extensions": {
@@ -1615,12 +1615,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.9254901960784314,
-        0.9568627450980393,
-        0.9333333333333333
+        0.9019607843137255,
+        0.9607843137254902,
+        0.9176470588235294
       ],
       "alpha": 1,
-      "hex": "#ecf4ee"
+      "hex": "#e6f5ea"
     },
     "$type": "color",
     "$extensions": {
@@ -1631,12 +1631,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.7647058823529411,
+        0.7450980392156863,
         0.9019607843137255,
-        0.803921568627451
+        0.8156862745098039
       ],
       "alpha": 1,
-      "hex": "#c3e6cd"
+      "hex": "#bee6d0"
     },
     "$type": "color",
     "$extensions": {
@@ -1647,12 +1647,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.5686274509803921,
+        0.5176470588235295,
         0.8313725490196079,
-        0.6588235294117647
+        0.7137254901960784
       ],
       "alpha": 1,
-      "hex": "#91d4a8"
+      "hex": "#84d4b6"
     },
     "$type": "color",
     "$extensions": {
@@ -1663,12 +1663,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.3215686274509804,
-        0.7215686274509804,
-        0.47843137254901963
+        0.20784313725490197,
+        0.7098039215686275,
+        0.592156862745098
       ],
       "alpha": 1,
-      "hex": "#52b87a"
+      "hex": "#35b597"
     },
     "$type": "color",
     "$extensions": {
@@ -1679,12 +1679,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.17647058823529413,
-        0.6313725490196078,
-        0.3764705882352941
+        0.07058823529411765,
+        0.611764705882353,
+        0.5176470588235295
       ],
       "alpha": 1,
-      "hex": "#2da160"
+      "hex": "#129c84"
     },
     "$type": "color",
     "$extensions": {
@@ -1695,12 +1695,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.06274509803921569,
-        0.5215686274509804,
-        0.2823529411764706
+        0.050980392156862744,
+        0.5019607843137255,
+        0.4392156862745098
       ],
       "alpha": 1,
-      "hex": "#108548"
+      "hex": "#0d8070"
     },
     "$type": "color",
     "$extensions": {
@@ -1711,12 +1711,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.1843137254901961,
-        0.4588235294117647,
-        0.28627450980392155
+        0.047058823529411764,
+        0.4470588235294118,
+        0.396078431372549
       ],
       "alpha": 1,
-      "hex": "#2f7549"
+      "hex": "#0c7265"
     },
     "$type": "color",
     "$extensions": {
@@ -1727,12 +1727,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.18823529411764706,
+        0.043137254901960784,
         0.39215686274509803,
-        0.25098039215686274
+        0.35294117647058826
       ],
       "alpha": 1,
-      "hex": "#306440"
+      "hex": "#0b645a"
     },
     "$type": "color",
     "$extensions": {
@@ -1743,12 +1743,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.13333333333333333,
-        0.3176470588235294,
-        0.19215686274509805
+        0.027450980392156862,
+        0.3137254901960784,
+        0.2823529411764706
       ],
       "alpha": 1,
-      "hex": "#225131"
+      "hex": "#075048"
     },
     "$type": "color",
     "$extensions": {
@@ -1759,12 +1759,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.11764705882352941,
-        0.24313725490196078,
-        0.1568627450980392
+        0,
+        0.23529411764705882,
+        0.21176470588235294
       ],
       "alpha": 1,
-      "hex": "#1e3e28"
+      "hex": "#003c36"
     },
     "$type": "color",
     "$extensions": {
@@ -1775,12 +1775,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.09019607843137255,
-        0.1607843137254902,
-        0.10980392156862745
+        0,
+        0.17254901960784313,
+        0.14901960784313725
       ],
       "alpha": 1,
-      "hex": "#17291c"
+      "hex": "#002c26"
     },
     "$type": "color",
     "$extensions": {
@@ -2016,11 +2016,11 @@
       "colorSpace": "srgb",
       "components": [
         0.9921568627450981,
-        0.9450980392156862,
-        0.8666666666666667
+        0.9411764705882353,
+        0.8352941176470589
       ],
       "alpha": 1,
-      "hex": "#fdf1dd"
+      "hex": "#fdf0d5"
     },
     "$type": "color",
     "$extensions": {
@@ -2031,12 +2031,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.9607843137254902,
-        0.8509803921568627,
-        0.6588235294117647
+        0.9803921568627451,
+        0.8549019607843137,
+        0.611764705882353
       ],
       "alpha": 1,
-      "hex": "#f5d9a8"
+      "hex": "#fada9c"
     },
     "$type": "color",
     "$extensions": {
@@ -2047,12 +2047,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.9137254901960784,
-        0.7450980392156863,
-        0.4549019607843137
+        0.9686274509803922,
+        0.7254901960784313,
+        0.3176470588235294
       ],
       "alpha": 1,
-      "hex": "#e9be74"
+      "hex": "#f7b951"
     },
     "$type": "color",
     "$extensions": {
@@ -2063,12 +2063,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.8509803921568627,
-        0.5843137254901961,
-        0.18823529411764706
+        0.984313725490196,
+        0.5019607843137255,
+        0.09019607843137255
       ],
       "alpha": 1,
-      "hex": "#d99530"
+      "hex": "#fb8017"
     },
     "$type": "color",
     "$extensions": {
@@ -2079,12 +2079,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.7568627450980392,
-        0.49019607843137253,
-        0.06274509803921569
+        0.9137254901960784,
+        0.37254901960784315,
+        0.12941176470588237
       ],
       "alpha": 1,
-      "hex": "#c17d10"
+      "hex": "#e95f21"
     },
     "$type": "color",
     "$extensions": {
@@ -2095,12 +2095,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.6705882352941176,
-        0.3803921568627451,
-        0
+        0.7803921568627451,
+        0.2823529411764706,
+        0.08627450980392157
       ],
       "alpha": 1,
-      "hex": "#ab6100"
+      "hex": "#c74816"
     },
     "$type": "color",
     "$extensions": {
@@ -2111,12 +2111,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.6,
-        0.3411764705882353,
-        0.08235294117647059
+        0.7019607843137254,
+        0.25098039215686274,
+        0.07450980392156863
       ],
       "alpha": 1,
-      "hex": "#995715"
+      "hex": "#b34013"
     },
     "$type": "color",
     "$extensions": {
@@ -2127,12 +2127,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.5372549019607843,
-        0.29411764705882354,
-        0.08627450980392157
+        0.6196078431372549,
+        0.2196078431372549,
+        0.06666666666666667
       ],
       "alpha": 1,
-      "hex": "#894b16"
+      "hex": "#9e3811"
     },
     "$type": "color",
     "$extensions": {
@@ -2143,12 +2143,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.4117647058823529,
-        0.23529411764705882,
-        0.0784313725490196
+        0.49019607843137253,
+        0.17647058823529413,
+        0.054901960784313725
       ],
       "alpha": 1,
-      "hex": "#693c14"
+      "hex": "#7d2d0e"
     },
     "$type": "color",
     "$extensions": {
@@ -2159,12 +2159,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.3254901960784314,
-        0.1803921568627451,
-        0.08627450980392157
+        0.36470588235294116,
+        0.13333333333333333,
+        0.050980392156862744
       ],
       "alpha": 1,
-      "hex": "#532e16"
+      "hex": "#5d220d"
     },
     "$type": "color",
     "$extensions": {
@@ -2175,12 +2175,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.2196078431372549,
-        0.13725490196078433,
-        0.08235294117647059
+        0.27450980392156865,
+        0.09411764705882353,
+        0.027450980392156862
       ],
       "alpha": 1,
-      "hex": "#382315"
+      "hex": "#461807"
     },
     "$type": "color",
     "$extensions": {
@@ -2193,10 +2193,10 @@
       "components": [
         0.9568627450980393,
         0.9411764705882353,
-        1
+        0.9882352941176471
       ],
       "alpha": 1,
-      "hex": "#f4f0ff"
+      "hex": "#f4f0fc"
     },
     "$type": "color",
     "$extensions": {
@@ -2208,11 +2208,11 @@
       "colorSpace": "srgb",
       "components": [
         0.8823529411764706,
-        0.8470588235294118,
-        0.9764705882352941
+        0.8549019607843137,
+        0.9686274509803922
       ],
       "alpha": 1,
-      "hex": "#e1d8f9"
+      "hex": "#e1daf7"
     },
     "$type": "color",
     "$extensions": {
@@ -2223,12 +2223,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.796078431372549,
-        0.7333333333333333,
-        0.9490196078431372
+        0.788235294117647,
+        0.7450980392156863,
+        0.9372549019607843
       ],
       "alpha": 1,
-      "hex": "#cbbbf2"
+      "hex": "#c9beef"
     },
     "$type": "color",
     "$extensions": {
@@ -2239,12 +2239,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.6745098039215687,
-        0.5764705882352941,
-        0.9019607843137255
+        0.6627450980392157,
+        0.592156862745098,
+        0.8823529411764706
       ],
       "alpha": 1,
-      "hex": "#ac93e6"
+      "hex": "#a997e1"
     },
     "$type": "color",
     "$extensions": {
@@ -2255,12 +2255,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.5803921568627451,
-        0.4588235294117647,
-        0.8588235294117647
+        0.5725490196078431,
+        0.48627450980392156,
+        0.8431372549019608
       ],
       "alpha": 1,
-      "hex": "#9475db"
+      "hex": "#927cd7"
     },
     "$type": "color",
     "$extensions": {
@@ -2271,12 +2271,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.4823529411764706,
-        0.34509803921568627,
-        0.8117647058823529
+        0.47058823529411764,
+        0.3843137254901961,
+        0.7843137254901961
       ],
       "alpha": 1,
-      "hex": "#7b58cf"
+      "hex": "#7862c8"
     },
     "$type": "color",
     "$extensions": {
@@ -2288,11 +2288,11 @@
       "colorSpace": "srgb",
       "components": [
         0.41568627450980394,
-        0.30980392156862746,
-        0.7058823529411765
+        0.32941176470588235,
+        0.7529411764705882
       ],
       "alpha": 1,
-      "hex": "#6a4fb4"
+      "hex": "#6a54c0"
     },
     "$type": "color",
     "$extensions": {
@@ -2303,12 +2303,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.3607843137254902,
-        0.2784313725490196,
-        0.6509803921568628
+        0.3568627450980392,
+        0.27450980392156865,
+        0.7215686274509804
       ],
       "alpha": 1,
-      "hex": "#5c47a6"
+      "hex": "#5b46b8"
     },
     "$type": "color",
     "$extensions": {
@@ -2319,12 +2319,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.28627450980392155,
-        0.23529411764705882,
-        0.5137254901960784
+        0.2823529411764706,
+        0.21176470588235294,
+        0.596078431372549
       ],
       "alpha": 1,
-      "hex": "#493c83"
+      "hex": "#483698"
     },
     "$type": "color",
     "$extensions": {
@@ -2335,12 +2335,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.20392156862745098,
-        0.17647058823529413,
-        0.34901960784313724
+        0.21176470588235294,
+        0.14901960784313725,
+        0.4627450980392157
       ],
       "alpha": 1,
-      "hex": "#342d59"
+      "hex": "#362676"
     },
     "$type": "color",
     "$extensions": {
@@ -2351,12 +2351,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.15294117647058825,
-        0.1411764705882353,
-        0.24313725490196078
+        0.1607843137254902,
+        0.10196078431372549,
+        0.3607843137254902
       ],
       "alpha": 1,
-      "hex": "#27243e"
+      "hex": "#291a5c"
     },
     "$type": "color",
     "$extensions": {
@@ -2367,12 +2367,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.9882352941176471,
-        0.9450980392156862,
-        0.9372549019607843
+        0.996078431372549,
+        0.9333333333333333,
+        0.9411764705882353
       ],
       "alpha": 1,
-      "hex": "#fcf1ef"
+      "hex": "#feeef0"
     },
     "$type": "color",
     "$extensions": {
@@ -2383,12 +2383,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.9921568627450981,
-        0.8313725490196079,
-        0.803921568627451
+        1,
+        0.8274509803921568,
+        0.8431372549019608
       ],
       "alpha": 1,
-      "hex": "#fdd4cd"
+      "hex": "#ffd3d7"
     },
     "$type": "color",
     "$extensions": {
@@ -2399,12 +2399,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.9882352941176471,
-        0.7098039215686275,
-        0.6666666666666666
+        1,
+        0.6862745098039216,
+        0.7215686274509804
       ],
       "alpha": 1,
-      "hex": "#fcb5aa"
+      "hex": "#ffafb8"
     },
     "$type": "color",
     "$extensions": {
@@ -2415,12 +2415,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.9647058823529412,
-        0.5019607843137255,
-        0.42745098039215684
+        0.9882352941176471,
+        0.4745098039215686,
+        0.5333333333333333
       ],
       "alpha": 1,
-      "hex": "#f6806d"
+      "hex": "#fc7988"
     },
     "$type": "color",
     "$extensions": {
@@ -2431,12 +2431,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.9254901960784314,
-        0.34901960784313724,
-        0.2549019607843137
+        0.9450980392156862,
+        0.3176470588235294,
+        0.40784313725490196
       ],
       "alpha": 1,
-      "hex": "#ec5941"
+      "hex": "#f15168"
     },
     "$type": "color",
     "$extensions": {
@@ -2447,12 +2447,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.8666666666666667,
-        0.16862745098039217,
-        0.054901960784313725
+        0.8705882352941177,
+        0.11372549019607843,
+        0.29411764705882354
       ],
       "alpha": 1,
-      "hex": "#dd2b0e"
+      "hex": "#de1d4b"
     },
     "$type": "color",
     "$extensions": {
@@ -2463,12 +2463,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.7529411764705882,
-        0.1843137254901961,
-        0.07058823529411765
+        0.7725490196078432,
+        0.12549019607843137,
+        0.25882352941176473
       ],
       "alpha": 1,
-      "hex": "#c02f12"
+      "hex": "#c52042"
     },
     "$type": "color",
     "$extensions": {
@@ -2479,12 +2479,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.6392156862745098,
-        0.17254901960784313,
-        0.07058823529411765
+        0.6745098039215687,
+        0.12549019607843137,
+        0.22745098039215686
       ],
       "alpha": 1,
-      "hex": "#a32c12"
+      "hex": "#ac203a"
     },
     "$type": "color",
     "$extensions": {
@@ -2495,12 +2495,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.5058823529411764,
-        0.15294117647058825,
-        0.07450980392156863
+        0.5372549019607843,
+        0.10980392156862745,
+        0.1843137254901961
       ],
       "alpha": 1,
-      "hex": "#812713"
+      "hex": "#891c2f"
     },
     "$type": "color",
     "$extensions": {
@@ -2511,12 +2511,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.34509803921568627,
-        0.12549019607843137,
-        0.0784313725490196
+        0.39215686274509803,
+        0.09803921568627451,
+        0.1450980392156863
       ],
       "alpha": 1,
-      "hex": "#582014"
+      "hex": "#641925"
     },
     "$type": "color",
     "$extensions": {
@@ -2527,12 +2527,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.24313725490196078,
-        0.10196078431372549,
-        0.0784313725490196
+        0.2823529411764706,
+        0.08235294117647059,
+        0.11372549019607843
       ],
       "alpha": 1,
-      "hex": "#3e1a14"
+      "hex": "#48151d"
     },
     "$type": "color",
     "$extensions": {
diff --git a/packages/tokens/dist/figma/constants.json b/packages/tokens/dist/figma/constants.json
index ddc4d75..f694a7c 100644
--- a/packages/tokens/dist/figma/constants.json
+++ b/packages/tokens/dist/figma/constants.json
@@ -322,12 +322,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.9137254901960784,
-        0.9529411764705882,
-        0.9882352941176471
+        0.9098039215686274,
+        0.9490196078431372,
+        0.9921568627450981
       ],
       "alpha": 1,
-      "hex": "#e9f3fc"
+      "hex": "#e8f2fd"
     },
     "$type": "color",
     "$extensions": {
@@ -338,12 +338,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.796078431372549,
-        0.8862745098039215,
+        0.7843137254901961,
+        0.8784313725490196,
         0.9764705882352941
       ],
       "alpha": 1,
-      "hex": "#cbe2f9"
+      "hex": "#c8e0f9"
     },
     "$type": "color",
     "$extensions": {
@@ -355,11 +355,11 @@
       "colorSpace": "srgb",
       "components": [
         0.615686274509804,
-        0.7803921568627451,
-        0.9450980392156862
+        0.7843137254901961,
+        0.9490196078431372
       ],
       "alpha": 1,
-      "hex": "#9dc7f1"
+      "hex": "#9dc8f2"
     },
     "$type": "color",
     "$extensions": {
@@ -370,12 +370,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.38823529411764707,
-        0.6509803921568628,
+        0.39215686274509803,
+        0.6549019607843137,
         0.9137254901960784
       ],
       "alpha": 1,
-      "hex": "#63a6e9"
+      "hex": "#64a7e9"
     },
     "$type": "color",
     "$extensions": {
@@ -386,12 +386,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.25882352941176473,
-        0.5607843137254902,
-        0.8627450980392157
+        0.24705882352941178,
+        0.5568627450980392,
+        0.8666666666666667
       ],
       "alpha": 1,
-      "hex": "#428fdc"
+      "hex": "#3f8edd"
     },
     "$type": "color",
     "$extensions": {
@@ -403,11 +403,11 @@
       "colorSpace": "srgb",
       "components": [
         0.12156862745098039,
-        0.4588235294117647,
-        0.796078431372549
+        0.45098039215686275,
+        0.792156862745098
       ],
       "alpha": 1,
-      "hex": "#1f75cb"
+      "hex": "#1f73ca"
     },
     "$type": "color",
     "$extensions": {
@@ -418,12 +418,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.1843137254901961,
-        0.40784313725490196,
-        0.7058823529411765
+        0.1450980392156863,
+        0.4,
+        0.7098039215686275
       ],
       "alpha": 1,
-      "hex": "#2f68b4"
+      "hex": "#2566b5"
     },
     "$type": "color",
     "$extensions": {
@@ -434,12 +434,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.1843137254901961,
-        0.3607843137254902,
-        0.6274509803921569
+        0.15294117647058825,
+        0.34901960784313724,
+        0.6235294117647059
       ],
       "alpha": 1,
-      "hex": "#2f5ca0"
+      "hex": "#27599f"
     },
     "$type": "color",
     "$extensions": {
@@ -450,12 +450,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.1568627450980392,
-        0.2784313725490196,
-        0.4745098039215686
+        0.1450980392156863,
+        0.27058823529411763,
+        0.5058823529411764
       ],
       "alpha": 1,
-      "hex": "#284779"
+      "hex": "#254581"
     },
     "$type": "color",
     "$extensions": {
@@ -466,12 +466,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.12941176470588237,
-        0.20392156862745098,
-        0.32941176470588235
+        0.12156862745098039,
+        0.19215686274509805,
+        0.4
       ],
       "alpha": 1,
-      "hex": "#213454"
+      "hex": "#1f3166"
     },
     "$type": "color",
     "$extensions": {
@@ -483,11 +483,11 @@
       "colorSpace": "srgb",
       "components": [
         0.11372549019607843,
-        0.1568627450980392,
-        0.24313725490196078
+        0.12941176470588237,
+        0.3254901960784314
       ],
       "alpha": 1,
-      "hex": "#1d283e"
+      "hex": "#1d2153"
     },
     "$type": "color",
     "$extensions": {
@@ -1618,12 +1618,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.9254901960784314,
-        0.9568627450980393,
-        0.9333333333333333
+        0.9019607843137255,
+        0.9607843137254902,
+        0.9176470588235294
       ],
       "alpha": 1,
-      "hex": "#ecf4ee"
+      "hex": "#e6f5ea"
     },
     "$type": "color",
     "$extensions": {
@@ -1634,12 +1634,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.7647058823529411,
+        0.7450980392156863,
         0.9019607843137255,
-        0.803921568627451
+        0.8156862745098039
       ],
       "alpha": 1,
-      "hex": "#c3e6cd"
+      "hex": "#bee6d0"
     },
     "$type": "color",
     "$extensions": {
@@ -1650,12 +1650,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.5686274509803921,
+        0.5176470588235295,
         0.8313725490196079,
-        0.6588235294117647
+        0.7137254901960784
       ],
       "alpha": 1,
-      "hex": "#91d4a8"
+      "hex": "#84d4b6"
     },
     "$type": "color",
     "$extensions": {
@@ -1666,12 +1666,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.3215686274509804,
-        0.7215686274509804,
-        0.47843137254901963
+        0.20784313725490197,
+        0.7098039215686275,
+        0.592156862745098
       ],
       "alpha": 1,
-      "hex": "#52b87a"
+      "hex": "#35b597"
     },
     "$type": "color",
     "$extensions": {
@@ -1682,12 +1682,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.17647058823529413,
-        0.6313725490196078,
-        0.3764705882352941
+        0.07058823529411765,
+        0.611764705882353,
+        0.5176470588235295
       ],
       "alpha": 1,
-      "hex": "#2da160"
+      "hex": "#129c84"
     },
     "$type": "color",
     "$extensions": {
@@ -1698,12 +1698,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.06274509803921569,
-        0.5215686274509804,
-        0.2823529411764706
+        0.050980392156862744,
+        0.5019607843137255,
+        0.4392156862745098
       ],
       "alpha": 1,
-      "hex": "#108548"
+      "hex": "#0d8070"
     },
     "$type": "color",
     "$extensions": {
@@ -1714,12 +1714,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.1843137254901961,
-        0.4588235294117647,
-        0.28627450980392155
+        0.047058823529411764,
+        0.4470588235294118,
+        0.396078431372549
       ],
       "alpha": 1,
-      "hex": "#2f7549"
+      "hex": "#0c7265"
     },
     "$type": "color",
     "$extensions": {
@@ -1730,12 +1730,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.18823529411764706,
+        0.043137254901960784,
         0.39215686274509803,
-        0.25098039215686274
+        0.35294117647058826
       ],
       "alpha": 1,
-      "hex": "#306440"
+      "hex": "#0b645a"
     },
     "$type": "color",
     "$extensions": {
@@ -1746,12 +1746,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.13333333333333333,
-        0.3176470588235294,
-        0.19215686274509805
+        0.027450980392156862,
+        0.3137254901960784,
+        0.2823529411764706
       ],
       "alpha": 1,
-      "hex": "#225131"
+      "hex": "#075048"
     },
     "$type": "color",
     "$extensions": {
@@ -1762,12 +1762,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.11764705882352941,
-        0.24313725490196078,
-        0.1568627450980392
+        0,
+        0.23529411764705882,
+        0.21176470588235294
       ],
       "alpha": 1,
-      "hex": "#1e3e28"
+      "hex": "#003c36"
     },
     "$type": "color",
     "$extensions": {
@@ -1778,12 +1778,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.09019607843137255,
-        0.1607843137254902,
-        0.10980392156862745
+        0,
+        0.17254901960784313,
+        0.14901960784313725
       ],
       "alpha": 1,
-      "hex": "#17291c"
+      "hex": "#002c26"
     },
     "$type": "color",
     "$extensions": {
@@ -2019,11 +2019,11 @@
       "colorSpace": "srgb",
       "components": [
         0.9921568627450981,
-        0.9450980392156862,
-        0.8666666666666667
+        0.9411764705882353,
+        0.8352941176470589
       ],
       "alpha": 1,
-      "hex": "#fdf1dd"
+      "hex": "#fdf0d5"
     },
     "$type": "color",
     "$extensions": {
@@ -2034,12 +2034,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.9607843137254902,
-        0.8509803921568627,
-        0.6588235294117647
+        0.9803921568627451,
+        0.8549019607843137,
+        0.611764705882353
       ],
       "alpha": 1,
-      "hex": "#f5d9a8"
+      "hex": "#fada9c"
     },
     "$type": "color",
     "$extensions": {
@@ -2050,12 +2050,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.9137254901960784,
-        0.7450980392156863,
-        0.4549019607843137
+        0.9686274509803922,
+        0.7254901960784313,
+        0.3176470588235294
       ],
       "alpha": 1,
-      "hex": "#e9be74"
+      "hex": "#f7b951"
     },
     "$type": "color",
     "$extensions": {
@@ -2066,12 +2066,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.8509803921568627,
-        0.5843137254901961,
-        0.18823529411764706
+        0.984313725490196,
+        0.5019607843137255,
+        0.09019607843137255
       ],
       "alpha": 1,
-      "hex": "#d99530"
+      "hex": "#fb8017"
     },
     "$type": "color",
     "$extensions": {
@@ -2082,12 +2082,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.7568627450980392,
-        0.49019607843137253,
-        0.06274509803921569
+        0.9137254901960784,
+        0.37254901960784315,
+        0.12941176470588237
       ],
       "alpha": 1,
-      "hex": "#c17d10"
+      "hex": "#e95f21"
     },
     "$type": "color",
     "$extensions": {
@@ -2098,12 +2098,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.6705882352941176,
-        0.3803921568627451,
-        0
+        0.7803921568627451,
+        0.2823529411764706,
+        0.08627450980392157
       ],
       "alpha": 1,
-      "hex": "#ab6100"
+      "hex": "#c74816"
     },
     "$type": "color",
     "$extensions": {
@@ -2114,12 +2114,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.6,
-        0.3411764705882353,
-        0.08235294117647059
+        0.7019607843137254,
+        0.25098039215686274,
+        0.07450980392156863
       ],
       "alpha": 1,
-      "hex": "#995715"
+      "hex": "#b34013"
     },
     "$type": "color",
     "$extensions": {
@@ -2130,12 +2130,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.5372549019607843,
-        0.29411764705882354,
-        0.08627450980392157
+        0.6196078431372549,
+        0.2196078431372549,
+        0.06666666666666667
       ],
       "alpha": 1,
-      "hex": "#894b16"
+      "hex": "#9e3811"
     },
     "$type": "color",
     "$extensions": {
@@ -2146,12 +2146,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.4117647058823529,
-        0.23529411764705882,
-        0.0784313725490196
+        0.49019607843137253,
+        0.17647058823529413,
+        0.054901960784313725
       ],
       "alpha": 1,
-      "hex": "#693c14"
+      "hex": "#7d2d0e"
     },
     "$type": "color",
     "$extensions": {
@@ -2162,12 +2162,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.3254901960784314,
-        0.1803921568627451,
-        0.08627450980392157
+        0.36470588235294116,
+        0.13333333333333333,
+        0.050980392156862744
       ],
       "alpha": 1,
-      "hex": "#532e16"
+      "hex": "#5d220d"
     },
     "$type": "color",
     "$extensions": {
@@ -2178,12 +2178,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.2196078431372549,
-        0.13725490196078433,
-        0.08235294117647059
+        0.27450980392156865,
+        0.09411764705882353,
+        0.027450980392156862
       ],
       "alpha": 1,
-      "hex": "#382315"
+      "hex": "#461807"
     },
     "$type": "color",
     "$extensions": {
@@ -2196,10 +2196,10 @@
       "components": [
         0.9568627450980393,
         0.9411764705882353,
-        1
+        0.9882352941176471
       ],
       "alpha": 1,
-      "hex": "#f4f0ff"
+      "hex": "#f4f0fc"
     },
     "$type": "color",
     "$extensions": {
@@ -2211,11 +2211,11 @@
       "colorSpace": "srgb",
       "components": [
         0.8823529411764706,
-        0.8470588235294118,
-        0.9764705882352941
+        0.8549019607843137,
+        0.9686274509803922
       ],
       "alpha": 1,
-      "hex": "#e1d8f9"
+      "hex": "#e1daf7"
     },
     "$type": "color",
     "$extensions": {
@@ -2226,12 +2226,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.796078431372549,
-        0.7333333333333333,
-        0.9490196078431372
+        0.788235294117647,
+        0.7450980392156863,
+        0.9372549019607843
       ],
       "alpha": 1,
-      "hex": "#cbbbf2"
+      "hex": "#c9beef"
     },
     "$type": "color",
     "$extensions": {
@@ -2242,12 +2242,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.6745098039215687,
-        0.5764705882352941,
-        0.9019607843137255
+        0.6627450980392157,
+        0.592156862745098,
+        0.8823529411764706
       ],
       "alpha": 1,
-      "hex": "#ac93e6"
+      "hex": "#a997e1"
     },
     "$type": "color",
     "$extensions": {
@@ -2258,12 +2258,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.5803921568627451,
-        0.4588235294117647,
-        0.8588235294117647
+        0.5725490196078431,
+        0.48627450980392156,
+        0.8431372549019608
       ],
       "alpha": 1,
-      "hex": "#9475db"
+      "hex": "#927cd7"
     },
     "$type": "color",
     "$extensions": {
@@ -2274,12 +2274,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.4823529411764706,
-        0.34509803921568627,
-        0.8117647058823529
+        0.47058823529411764,
+        0.3843137254901961,
+        0.7843137254901961
       ],
       "alpha": 1,
-      "hex": "#7b58cf"
+      "hex": "#7862c8"
     },
     "$type": "color",
     "$extensions": {
@@ -2291,11 +2291,11 @@
       "colorSpace": "srgb",
       "components": [
         0.41568627450980394,
-        0.30980392156862746,
-        0.7058823529411765
+        0.32941176470588235,
+        0.7529411764705882
       ],
       "alpha": 1,
-      "hex": "#6a4fb4"
+      "hex": "#6a54c0"
     },
     "$type": "color",
     "$extensions": {
@@ -2306,12 +2306,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.3607843137254902,
-        0.2784313725490196,
-        0.6509803921568628
+        0.3568627450980392,
+        0.27450980392156865,
+        0.7215686274509804
       ],
       "alpha": 1,
-      "hex": "#5c47a6"
+      "hex": "#5b46b8"
     },
     "$type": "color",
     "$extensions": {
@@ -2322,12 +2322,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.28627450980392155,
-        0.23529411764705882,
-        0.5137254901960784
+        0.2823529411764706,
+        0.21176470588235294,
+        0.596078431372549
       ],
       "alpha": 1,
-      "hex": "#493c83"
+      "hex": "#483698"
     },
     "$type": "color",
     "$extensions": {
@@ -2338,12 +2338,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.20392156862745098,
-        0.17647058823529413,
-        0.34901960784313724
+        0.21176470588235294,
+        0.14901960784313725,
+        0.4627450980392157
       ],
       "alpha": 1,
-      "hex": "#342d59"
+      "hex": "#362676"
     },
     "$type": "color",
     "$extensions": {
@@ -2354,12 +2354,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.15294117647058825,
-        0.1411764705882353,
-        0.24313725490196078
+        0.1607843137254902,
+        0.10196078431372549,
+        0.3607843137254902
       ],
       "alpha": 1,
-      "hex": "#27243e"
+      "hex": "#291a5c"
     },
     "$type": "color",
     "$extensions": {
@@ -2370,12 +2370,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.9882352941176471,
-        0.9450980392156862,
-        0.9372549019607843
+        0.996078431372549,
+        0.9333333333333333,
+        0.9411764705882353
       ],
       "alpha": 1,
-      "hex": "#fcf1ef"
+      "hex": "#feeef0"
     },
     "$type": "color",
     "$extensions": {
@@ -2386,12 +2386,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.9921568627450981,
-        0.8313725490196079,
-        0.803921568627451
+        1,
+        0.8274509803921568,
+        0.8431372549019608
       ],
       "alpha": 1,
-      "hex": "#fdd4cd"
+      "hex": "#ffd3d7"
     },
     "$type": "color",
     "$extensions": {
@@ -2402,12 +2402,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.9882352941176471,
-        0.7098039215686275,
-        0.6666666666666666
+        1,
+        0.6862745098039216,
+        0.7215686274509804
       ],
       "alpha": 1,
-      "hex": "#fcb5aa"
+      "hex": "#ffafb8"
     },
     "$type": "color",
     "$extensions": {
@@ -2418,12 +2418,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.9647058823529412,
-        0.5019607843137255,
-        0.42745098039215684
+        0.9882352941176471,
+        0.4745098039215686,
+        0.5333333333333333
       ],
       "alpha": 1,
-      "hex": "#f6806d"
+      "hex": "#fc7988"
     },
     "$type": "color",
     "$extensions": {
@@ -2434,12 +2434,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.9254901960784314,
-        0.34901960784313724,
-        0.2549019607843137
+        0.9450980392156862,
+        0.3176470588235294,
+        0.40784313725490196
       ],
       "alpha": 1,
-      "hex": "#ec5941"
+      "hex": "#f15168"
     },
     "$type": "color",
     "$extensions": {
@@ -2450,12 +2450,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.8666666666666667,
-        0.16862745098039217,
-        0.054901960784313725
+        0.8705882352941177,
+        0.11372549019607843,
+        0.29411764705882354
       ],
       "alpha": 1,
-      "hex": "#dd2b0e"
+      "hex": "#de1d4b"
     },
     "$type": "color",
     "$extensions": {
@@ -2466,12 +2466,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.7529411764705882,
-        0.1843137254901961,
-        0.07058823529411765
+        0.7725490196078432,
+        0.12549019607843137,
+        0.25882352941176473
       ],
       "alpha": 1,
-      "hex": "#c02f12"
+      "hex": "#c52042"
     },
     "$type": "color",
     "$extensions": {
@@ -2482,12 +2482,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.6392156862745098,
-        0.17254901960784313,
-        0.07058823529411765
+        0.6745098039215687,
+        0.12549019607843137,
+        0.22745098039215686
       ],
       "alpha": 1,
-      "hex": "#a32c12"
+      "hex": "#ac203a"
     },
     "$type": "color",
     "$extensions": {
@@ -2498,12 +2498,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.5058823529411764,
-        0.15294117647058825,
-        0.07450980392156863
+        0.5372549019607843,
+        0.10980392156862745,
+        0.1843137254901961
       ],
       "alpha": 1,
-      "hex": "#812713"
+      "hex": "#891c2f"
     },
     "$type": "color",
     "$extensions": {
@@ -2514,12 +2514,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.34509803921568627,
-        0.12549019607843137,
-        0.0784313725490196
+        0.39215686274509803,
+        0.09803921568627451,
+        0.1450980392156863
       ],
       "alpha": 1,
-      "hex": "#582014"
+      "hex": "#641925"
     },
     "$type": "color",
     "$extensions": {
@@ -2530,12 +2530,12 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.24313725490196078,
-        0.10196078431372549,
-        0.0784313725490196
+        0.2823529411764706,
+        0.08235294117647059,
+        0.11372549019607843
       ],
       "alpha": 1,
-      "hex": "#3e1a14"
+      "hex": "#48151d"
     },
     "$type": "color",
     "$extensions": {
diff --git a/packages/tokens/dist/figma/mode.dark.json b/packages/tokens/dist/figma/mode.dark.json
index 76a004f..edc3e90 100644
--- a/packages/tokens/dist/figma/mode.dark.json
+++ b/packages/tokens/dist/figma/mode.dark.json
@@ -487,9 +487,9 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.9882352941176471,
-        0.7098039215686275,
-        0.6666666666666666
+        1,
+        0.6862745098039216,
+        0.7215686274509804
       ],
       "alpha": 0.23921568627450981
     },
@@ -506,9 +506,9 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.796078431372549,
-        0.7333333333333333,
-        0.9490196078431372
+        0.788235294117647,
+        0.7450980392156863,
+        0.9372549019607843
       ],
       "alpha": 0.23921568627450981
     },
@@ -526,8 +526,8 @@
       "colorSpace": "srgb",
       "components": [
         0.615686274509804,
-        0.7803921568627451,
-        0.9450980392156862
+        0.7843137254901961,
+        0.9490196078431372
       ],
       "alpha": 0.23921568627450981
     },
@@ -544,9 +544,9 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.5686274509803921,
+        0.5176470588235295,
         0.8313725490196079,
-        0.6588235294117647
+        0.7137254901960784
       ],
       "alpha": 0.23921568627450981
     },
@@ -563,9 +563,9 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.9137254901960784,
-        0.7450980392156863,
-        0.4549019607843137
+        0.9686274509803922,
+        0.7254901960784313,
+        0.3176470588235294
       ],
       "alpha": 0.23921568627450981
     },
@@ -3053,7 +3053,7 @@
     }
   },
   "🔒/button-danger-primary-background-color-default": {
-    "$value": "{color-red-300}",
+    "$value": "{color-red-400}",
     "$type": "color",
     "$description": "Used for the background of a danger (destructive) primary button in the default state.",
     "$extensions": {
@@ -3064,7 +3064,7 @@
     }
   },
   "🔒/button-danger-primary-background-color-hover": {
-    "$value": "{color-red-200}",
+    "$value": "{color-red-300}",
     "$type": "color",
     "$description": "Used for the background of a danger (destructive) primary button in the hover state.",
     "$extensions": {
@@ -3086,7 +3086,7 @@
     }
   },
   "🔒/button-danger-primary-background-color-active": {
-    "$value": "{color-red-400}",
+    "$value": "{color-red-200}",
     "$type": "color",
     "$description": "Used for the background of a danger (destructive) primary button in the active state.",
     "$extensions": {
@@ -3184,9 +3184,9 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.9254901960784314,
-        0.34901960784313724,
-        0.2549019607843137
+        0.9450980392156862,
+        0.3176470588235294,
+        0.40784313725490196
       ],
       "alpha": 0.4
     },
@@ -3203,9 +3203,9 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.9254901960784314,
-        0.34901960784313724,
-        0.2549019607843137
+        0.9450980392156862,
+        0.3176470588235294,
+        0.40784313725490196
       ],
       "alpha": 0.64
     },
@@ -3233,9 +3233,9 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.9254901960784314,
-        0.34901960784313724,
-        0.2549019607843137
+        0.9450980392156862,
+        0.3176470588235294,
+        0.40784313725490196
       ],
       "alpha": 0.32
     },
@@ -3693,9 +3693,9 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.8666666666666667,
-        0.16862745098039217,
-        0.054901960784313725
+        0.8705882352941177,
+        0.11372549019607843,
+        0.29411764705882354
       ],
       "alpha": 0.1
     },
@@ -6149,9 +6149,9 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.9254901960784314,
-        0.34901960784313724,
-        0.2549019607843137
+        0.9450980392156862,
+        0.3176470588235294,
+        0.40784313725490196
       ],
       "alpha": 0
     },
@@ -6168,9 +6168,9 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.9254901960784314,
-        0.34901960784313724,
-        0.2549019607843137
+        0.9450980392156862,
+        0.3176470588235294,
+        0.40784313725490196
       ],
       "alpha": 0.4
     },
@@ -6198,9 +6198,9 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.9254901960784314,
-        0.34901960784313724,
-        0.2549019607843137
+        0.9450980392156862,
+        0.3176470588235294,
+        0.40784313725490196
       ],
       "alpha": 0.16
     },
diff --git a/packages/tokens/dist/figma/mode.json b/packages/tokens/dist/figma/mode.json
index 5651702..b8621ff 100644
--- a/packages/tokens/dist/figma/mode.json
+++ b/packages/tokens/dist/figma/mode.json
@@ -487,9 +487,9 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.9882352941176471,
-        0.7098039215686275,
-        0.6666666666666666
+        1,
+        0.6862745098039216,
+        0.7215686274509804
       ],
       "alpha": 0.23921568627450981
     },
@@ -506,9 +506,9 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.796078431372549,
-        0.7333333333333333,
-        0.9490196078431372
+        0.788235294117647,
+        0.7450980392156863,
+        0.9372549019607843
       ],
       "alpha": 0.23921568627450981
     },
@@ -526,8 +526,8 @@
       "colorSpace": "srgb",
       "components": [
         0.615686274509804,
-        0.7803921568627451,
-        0.9450980392156862
+        0.7843137254901961,
+        0.9490196078431372
       ],
       "alpha": 0.23921568627450981
     },
@@ -544,9 +544,9 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.5686274509803921,
+        0.5176470588235295,
         0.8313725490196079,
-        0.6588235294117647
+        0.7137254901960784
       ],
       "alpha": 0.23921568627450981
     },
@@ -563,9 +563,9 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.9137254901960784,
-        0.7450980392156863,
-        0.4549019607843137
+        0.9686274509803922,
+        0.7254901960784313,
+        0.3176470588235294
       ],
       "alpha": 0.23921568627450981
     },
@@ -3029,7 +3029,7 @@
     }
   },
   "🔒/button-danger-primary-background-color-default": {
-    "$value": "{color-red-500}",
+    "$value": "{color-red-600}",
     "$type": "color",
     "$description": "Used for the background of a danger (destructive) primary button in the default state.",
     "$extensions": {
@@ -3040,7 +3040,7 @@
     }
   },
   "🔒/button-danger-primary-background-color-hover": {
-    "$value": "{color-red-600}",
+    "$value": "{color-red-700}",
     "$type": "color",
     "$description": "Used for the background of a danger (destructive) primary button in the hover state.",
     "$extensions": {
@@ -3062,7 +3062,7 @@
     }
   },
   "🔒/button-danger-primary-background-color-active": {
-    "$value": "{color-red-800}",
+    "$value": "{color-red-900}",
     "$type": "color",
     "$description": "Used for the background of a danger (destructive) primary button in the active state.",
     "$extensions": {
@@ -3073,7 +3073,7 @@
     }
   },
   "🔒/button-danger-primary-border-color-default": {
-    "$value": "{color-red-600}",
+    "$value": "{color-red-700}",
     "$type": "color",
     "$description": "Used for the border of a danger (destructive) primary button in the default state.",
     "$extensions": {
@@ -3083,7 +3083,7 @@
     }
   },
   "🔒/button-danger-primary-border-color-hover": {
-    "$value": "{color-red-800}",
+    "$value": "{color-red-900}",
     "$type": "color",
     "$description": "Used for the border of a danger (destructive) primary button in the hover state.",
     "$extensions": {
@@ -3103,7 +3103,7 @@
     }
   },
   "🔒/button-danger-primary-border-color-active": {
-    "$value": "{color-red-900}",
+    "$value": "{color-red-950}",
     "$type": "color",
     "$description": "Used for the border of a danger (destructive) primary button in the active state.",
     "$extensions": {
@@ -3113,7 +3113,7 @@
     }
   },
   "🔒/button-danger-secondary-foreground-color-default": {
-    "$value": "{color-red-500}",
+    "$value": "{color-red-600}",
     "$type": "color",
     "$description": "Used for the foreground of a danger (destructive) button in the default state.",
     "$extensions": {
@@ -3124,7 +3124,7 @@
     }
   },
   "🔒/button-danger-secondary-foreground-color-hover": {
-    "$value": "{color-red-700}",
+    "$value": "{color-red-800}",
     "$type": "color",
     "$description": "Used for the foreground of a danger (destructive) button in the hover state.",
     "$extensions": {
@@ -3201,7 +3201,7 @@
     }
   },
   "🔒/button-danger-secondary-border-color-default": {
-    "$value": "{color-red-500}",
+    "$value": "{color-red-600}",
     "$type": "color",
     "$description": "Used for the border of an outlined danger (destructive) button in the default state.",
     "$extensions": {
@@ -3211,7 +3211,7 @@
     }
   },
   "🔒/button-danger-secondary-border-color-hover": {
-    "$value": "{color-red-700}",
+    "$value": "{color-red-800}",
     "$type": "color",
     "$description": "Used for the border of an outlined danger (destructive) button in the hover state.",
     "$extensions": {
@@ -3637,9 +3637,9 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.8666666666666667,
-        0.16862745098039217,
-        0.054901960784313725
+        0.8705882352941177,
+        0.11372549019607843,
+        0.29411764705882354
       ],
       "alpha": 0.1
     },
@@ -6093,9 +6093,9 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.9607843137254902,
-        0.4980392156862745,
-        0.4235294117647059
+        0.8705882352941177,
+        0.11372549019607843,
+        0.29411764705882354
       ],
       "alpha": 0
     },
@@ -6112,9 +6112,9 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.9607843137254902,
-        0.4980392156862745,
-        0.4235294117647059
+        0.8705882352941177,
+        0.11372549019607843,
+        0.29411764705882354
       ],
       "alpha": 0.16
     },
@@ -6142,9 +6142,9 @@
     "$value": {
       "colorSpace": "srgb",
       "components": [
-        0.6823529411764706,
-        0.09411764705882353,
-        0
+        0.6745098039215687,
+        0.12549019607843137,
+        0.22745098039215686
       ],
       "alpha": 0.24
     },
diff --git a/packages/tokens/dist/js/tokens.dark.js b/packages/tokens/dist/js/tokens.dark.js
index ca169d8..9b8331d 100644
--- a/packages/tokens/dist/js/tokens.dark.js
+++ b/packages/tokens/dist/js/tokens.dark.js
@@ -33,17 +33,17 @@ export const GL_COLOR_ALPHA_LIGHT_16 = 'rgba(255, 255, 255, 0.16)';
 export const GL_COLOR_ALPHA_LIGHT_24 = 'rgba(255, 255, 255, 0.24)';
 export const GL_COLOR_ALPHA_LIGHT_36 = 'rgba(255, 255, 255, 0.36)';
 export const GL_COLOR_ALPHA_LIGHT_40 = 'rgba(255, 255, 255, 0.4)';
-export const GL_COLOR_BLUE_50 = '#e9f3fc';
-export const GL_COLOR_BLUE_100 = '#cbe2f9';
-export const GL_COLOR_BLUE_200 = '#9dc7f1';
-export const GL_COLOR_BLUE_300 = '#63a6e9';
-export const GL_COLOR_BLUE_400 = '#428fdc';
-export const GL_COLOR_BLUE_500 = '#1f75cb';
-export const GL_COLOR_BLUE_600 = '#2f68b4';
-export const GL_COLOR_BLUE_700 = '#2f5ca0';
-export const GL_COLOR_BLUE_800 = '#284779';
-export const GL_COLOR_BLUE_900 = '#213454';
-export const GL_COLOR_BLUE_950 = '#1d283e';
+export const GL_COLOR_BLUE_50 = '#e8f2fd';
+export const GL_COLOR_BLUE_100 = '#c8e0f9';
+export const GL_COLOR_BLUE_200 = '#9dc8f2';
+export const GL_COLOR_BLUE_300 = '#64a7e9';
+export const GL_COLOR_BLUE_400 = '#3f8edd';
+export const GL_COLOR_BLUE_500 = '#1f73ca';
+export const GL_COLOR_BLUE_600 = '#2566b5';
+export const GL_COLOR_BLUE_700 = '#27599f';
+export const GL_COLOR_BLUE_800 = '#254581';
+export const GL_COLOR_BLUE_900 = '#1f3166';
+export const GL_COLOR_BLUE_950 = '#1d2153';
 export const GL_COLOR_BRAND_WHITE = '#fff';
 export const GL_COLOR_BRAND_CHARCOAL = '#171321';
 export const GL_COLOR_BRAND_ORANGE_01G = '#ffd1bf';
@@ -114,17 +114,17 @@ export const GL_COLOR_DATA_ORANGE_700 = '#92430a';
 export const GL_COLOR_DATA_ORANGE_800 = '#6f3500';
 export const GL_COLOR_DATA_ORANGE_900 = '#5e2f05';
 export const GL_COLOR_DATA_ORANGE_950 = '#4b2707';
-export const GL_COLOR_GREEN_50 = '#ecf4ee';
-export const GL_COLOR_GREEN_100 = '#c3e6cd';
-export const GL_COLOR_GREEN_200 = '#91d4a8';
-export const GL_COLOR_GREEN_300 = '#52b87a';
-export const GL_COLOR_GREEN_400 = '#2da160';
-export const GL_COLOR_GREEN_500 = '#108548';
-export const GL_COLOR_GREEN_600 = '#2f7549';
-export const GL_COLOR_GREEN_700 = '#306440';
-export const GL_COLOR_GREEN_800 = '#225131';
-export const GL_COLOR_GREEN_900 = '#1e3e28';
-export const GL_COLOR_GREEN_950 = '#17291c';
+export const GL_COLOR_GREEN_50 = '#e6f5ea';
+export const GL_COLOR_GREEN_100 = '#bee6d0';
+export const GL_COLOR_GREEN_200 = '#84d4b6';
+export const GL_COLOR_GREEN_300 = '#35b597';
+export const GL_COLOR_GREEN_400 = '#129c84';
+export const GL_COLOR_GREEN_500 = '#0d8070';
+export const GL_COLOR_GREEN_600 = '#0c7265';
+export const GL_COLOR_GREEN_700 = '#0b645a';
+export const GL_COLOR_GREEN_800 = '#075048';
+export const GL_COLOR_GREEN_900 = '#003c36';
+export const GL_COLOR_GREEN_950 = '#002c26';
 export const GL_COLOR_NEUTRAL_0 = '#fff';
 export const GL_COLOR_NEUTRAL_10 = '#f7f7f5';
 export const GL_COLOR_NEUTRAL_50 = '#ecebea';
@@ -139,39 +139,39 @@ export const GL_COLOR_NEUTRAL_800 = '#3a383d';
 export const GL_COLOR_NEUTRAL_900 = '#28272d';
 export const GL_COLOR_NEUTRAL_950 = '#18171d';
 export const GL_COLOR_NEUTRAL_1000 = '#050408';
-export const GL_COLOR_ORANGE_50 = '#fdf1dd';
-export const GL_COLOR_ORANGE_100 = '#f5d9a8';
-export const GL_COLOR_ORANGE_200 = '#e9be74';
-export const GL_COLOR_ORANGE_300 = '#d99530';
-export const GL_COLOR_ORANGE_400 = '#c17d10';
-export const GL_COLOR_ORANGE_500 = '#ab6100';
-export const GL_COLOR_ORANGE_600 = '#995715';
-export const GL_COLOR_ORANGE_700 = '#894b16';
-export const GL_COLOR_ORANGE_800 = '#693c14';
-export const GL_COLOR_ORANGE_900 = '#532e16';
-export const GL_COLOR_ORANGE_950 = '#382315';
-export const GL_COLOR_PURPLE_50 = '#f4f0ff';
-export const GL_COLOR_PURPLE_100 = '#e1d8f9';
-export const GL_COLOR_PURPLE_200 = '#cbbbf2';
-export const GL_COLOR_PURPLE_300 = '#ac93e6';
-export const GL_COLOR_PURPLE_400 = '#9475db';
-export const GL_COLOR_PURPLE_500 = '#7b58cf';
-export const GL_COLOR_PURPLE_600 = '#6a4fb4';
-export const GL_COLOR_PURPLE_700 = '#5c47a6';
-export const GL_COLOR_PURPLE_800 = '#493c83';
-export const GL_COLOR_PURPLE_900 = '#342d59';
-export const GL_COLOR_PURPLE_950 = '#27243e';
-export const GL_COLOR_RED_50 = '#fcf1ef';
-export const GL_COLOR_RED_100 = '#fdd4cd';
-export const GL_COLOR_RED_200 = '#fcb5aa';
-export const GL_COLOR_RED_300 = '#f6806d';
-export const GL_COLOR_RED_400 = '#ec5941';
-export const GL_COLOR_RED_500 = '#dd2b0e';
-export const GL_COLOR_RED_600 = '#c02f12';
-export const GL_COLOR_RED_700 = '#a32c12';
-export const GL_COLOR_RED_800 = '#812713';
-export const GL_COLOR_RED_900 = '#582014';
-export const GL_COLOR_RED_950 = '#3e1a14';
+export const GL_COLOR_ORANGE_50 = '#fdf0d5';
+export const GL_COLOR_ORANGE_100 = '#fada9c';
+export const GL_COLOR_ORANGE_200 = '#f7b951';
+export const GL_COLOR_ORANGE_300 = '#fb8017';
+export const GL_COLOR_ORANGE_400 = '#e95f21';
+export const GL_COLOR_ORANGE_500 = '#c74816';
+export const GL_COLOR_ORANGE_600 = '#b34013';
+export const GL_COLOR_ORANGE_700 = '#9e3811';
+export const GL_COLOR_ORANGE_800 = '#7d2d0e';
+export const GL_COLOR_ORANGE_900 = '#5d220d';
+export const GL_COLOR_ORANGE_950 = '#461807';
+export const GL_COLOR_PURPLE_50 = '#f4f0fc';
+export const GL_COLOR_PURPLE_100 = '#e1daf7';
+export const GL_COLOR_PURPLE_200 = '#c9beef';
+export const GL_COLOR_PURPLE_300 = '#a997e1';
+export const GL_COLOR_PURPLE_400 = '#927cd7';
+export const GL_COLOR_PURPLE_500 = '#7862c8';
+export const GL_COLOR_PURPLE_600 = '#6a54c0';
+export const GL_COLOR_PURPLE_700 = '#5b46b8';
+export const GL_COLOR_PURPLE_800 = '#483698';
+export const GL_COLOR_PURPLE_900 = '#362676';
+export const GL_COLOR_PURPLE_950 = '#291a5c';
+export const GL_COLOR_RED_50 = '#feeef0';
+export const GL_COLOR_RED_100 = '#ffd3d7';
+export const GL_COLOR_RED_200 = '#ffafb8';
+export const GL_COLOR_RED_300 = '#fc7988';
+export const GL_COLOR_RED_400 = '#f15168';
+export const GL_COLOR_RED_500 = '#de1d4b';
+export const GL_COLOR_RED_600 = '#c52042';
+export const GL_COLOR_RED_700 = '#ac203a';
+export const GL_COLOR_RED_800 = '#891c2f';
+export const GL_COLOR_RED_900 = '#641925';
+export const GL_COLOR_RED_950 = '#48151d';
 export const GL_FONT_FAMILY_REGULAR = [
   "var(--default-regular-font, 'GitLab Sans')",
   "'GitLab Sans'",
@@ -362,25 +362,25 @@ export const GL_ALERT_NEUTRAL_BACKGROUND_COLOR = '#28272d';
 export const GL_ALERT_NEUTRAL_BORDER_COLOR = '#646163';
 export const GL_ALERT_NEUTRAL_BORDER_TOP_COLOR = '#8a8888';
 export const GL_ALERT_NEUTRAL_BORDER_BOTTOM_COLOR = 'rgba(0, 0, 0, 0)';
-export const GL_ALERT_INFO_TITLE_COLOR = '#9dc7f1';
-export const GL_ALERT_INFO_BACKGROUND_COLOR = '#1d283e';
-export const GL_ALERT_INFO_BORDER_COLOR = '#2f68b4';
-export const GL_ALERT_INFO_BORDER_TOP_COLOR = '#428fdc';
+export const GL_ALERT_INFO_TITLE_COLOR = '#9dc8f2';
+export const GL_ALERT_INFO_BACKGROUND_COLOR = '#1d2153';
+export const GL_ALERT_INFO_BORDER_COLOR = '#2566b5';
+export const GL_ALERT_INFO_BORDER_TOP_COLOR = '#3f8edd';
 export const GL_ALERT_INFO_BORDER_BOTTOM_COLOR = 'rgba(0, 0, 0, 0)';
-export const GL_ALERT_SUCCESS_TITLE_COLOR = '#91d4a8';
-export const GL_ALERT_SUCCESS_BACKGROUND_COLOR = '#1e3e28';
-export const GL_ALERT_SUCCESS_BORDER_COLOR = '#2f7549';
-export const GL_ALERT_SUCCESS_BORDER_TOP_COLOR = '#2da160';
+export const GL_ALERT_SUCCESS_TITLE_COLOR = '#84d4b6';
+export const GL_ALERT_SUCCESS_BACKGROUND_COLOR = '#003c36';
+export const GL_ALERT_SUCCESS_BORDER_COLOR = '#0c7265';
+export const GL_ALERT_SUCCESS_BORDER_TOP_COLOR = '#129c84';
 export const GL_ALERT_SUCCESS_BORDER_BOTTOM_COLOR = 'rgba(0, 0, 0, 0)';
-export const GL_ALERT_WARNING_TITLE_COLOR = '#e9be74';
-export const GL_ALERT_WARNING_BACKGROUND_COLOR = '#532e16';
-export const GL_ALERT_WARNING_BORDER_COLOR = '#995715';
-export const GL_ALERT_WARNING_BORDER_TOP_COLOR = '#c17d10';
+export const GL_ALERT_WARNING_TITLE_COLOR = '#f7b951';
+export const GL_ALERT_WARNING_BACKGROUND_COLOR = '#5d220d';
+export const GL_ALERT_WARNING_BORDER_COLOR = '#b34013';
+export const GL_ALERT_WARNING_BORDER_TOP_COLOR = '#e95f21';
 export const GL_ALERT_WARNING_BORDER_BOTTOM_COLOR = 'rgba(0, 0, 0, 0)';
-export const GL_ALERT_DANGER_TITLE_COLOR = '#fcb5aa';
-export const GL_ALERT_DANGER_BACKGROUND_COLOR = '#582014';
-export const GL_ALERT_DANGER_BORDER_COLOR = '#f6806d';
-export const GL_ALERT_DANGER_BORDER_TOP_COLOR = '#ec5941';
+export const GL_ALERT_DANGER_TITLE_COLOR = '#ffafb8';
+export const GL_ALERT_DANGER_BACKGROUND_COLOR = '#641925';
+export const GL_ALERT_DANGER_BORDER_COLOR = '#fc7988';
+export const GL_ALERT_DANGER_BORDER_TOP_COLOR = '#f15168';
 export const GL_ALERT_DANGER_BORDER_BOTTOM_COLOR = 'rgba(0, 0, 0, 0)';
 export const GL_APPLICATION_CHROME_BACKGROUND_COLOR = '#050408';
 export const GL_AVATAR_BORDER_COLOR_DEFAULT = 'rgba(255, 255, 255, 0.08)';
@@ -388,19 +388,18 @@ export const GL_AVATAR_BORDER_COLOR_HOVER = 'rgba(255, 255, 255, 0.24)';
 export const GL_AVATAR_CIRCLE_BORDER_RADIUS_DEFAULT = '9999px';
 export const GL_AVATAR_SQUARE_BORDER_RADIUS_DEFAULT = '0.25rem';
 export const GL_AVATAR_SQUARE_BORDER_RADIUS_LG = '0.5rem';
-export const GL_AVATAR_FALLBACK_TEXT_COLOR_RED = '#fcb5aa';
-export const GL_AVATAR_FALLBACK_TEXT_COLOR_PURPLE = '#cbbbf2';
-export const GL_AVATAR_FALLBACK_TEXT_COLOR_BLUE = '#9dc7f1';
-export const GL_AVATAR_FALLBACK_TEXT_COLOR_GREEN = '#91d4a8';
-export const GL_AVATAR_FALLBACK_TEXT_COLOR_ORANGE = '#e9be74';
+export const GL_AVATAR_FALLBACK_TEXT_COLOR_RED = '#ffafb8';
+export const GL_AVATAR_FALLBACK_TEXT_COLOR_PURPLE = '#c9beef';
+export const GL_AVATAR_FALLBACK_TEXT_COLOR_BLUE = '#9dc8f2';
+export const GL_AVATAR_FALLBACK_TEXT_COLOR_GREEN = '#84d4b6';
+export const GL_AVATAR_FALLBACK_TEXT_COLOR_ORANGE = '#f7b951';
 export const GL_AVATAR_FALLBACK_TEXT_COLOR_NEUTRAL = '#c1bfbe';
-export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_RED = 'rgba(252, 181, 170, 0.23921568627450981)';
+export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_RED = 'rgba(255, 175, 184, 0.23921568627450981)';
 export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_PURPLE =
-  'rgba(203, 187, 242, 0.23921568627450981)';
-export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_BLUE = 'rgba(157, 199, 241, 0.23921568627450981)';
-export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_GREEN = 'rgba(145, 212, 168, 0.23921568627450981)';
-export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_ORANGE =
-  'rgba(233, 190, 116, 0.23921568627450981)';
+  'rgba(201, 190, 239, 0.23921568627450981)';
+export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_BLUE = 'rgba(157, 200, 242, 0.23921568627450981)';
+export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_GREEN = 'rgba(132, 212, 182, 0.23921568627450981)';
+export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_ORANGE = 'rgba(247, 185, 81, 0.23921568627450981)';
 export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_NEUTRAL =
   'rgba(191, 191, 195, 0.23921568627450981)';
 export const GL_BADGE_MUTED_BACKGROUND_COLOR_DEFAULT = '#8a8888';
@@ -435,89 +434,89 @@ export const GL_BADGE_NEUTRAL_ICON_COLOR_DEFAULT = '#18171d';
 export const GL_BADGE_NEUTRAL_ICON_COLOR_HOVER = '#18171d';
 export const GL_BADGE_NEUTRAL_ICON_COLOR_FOCUS = '#18171d';
 export const GL_BADGE_NEUTRAL_ICON_COLOR_ACTIVE = '#18171d';
-export const GL_BADGE_INFO_BACKGROUND_COLOR_DEFAULT = '#63a6e9';
-export const GL_BADGE_INFO_BACKGROUND_COLOR_HOVER = '#63a6e9';
-export const GL_BADGE_INFO_BACKGROUND_COLOR_FOCUS = '#63a6e9';
-export const GL_BADGE_INFO_BACKGROUND_COLOR_ACTIVE = '#9dc7f1';
+export const GL_BADGE_INFO_BACKGROUND_COLOR_DEFAULT = '#64a7e9';
+export const GL_BADGE_INFO_BACKGROUND_COLOR_HOVER = '#64a7e9';
+export const GL_BADGE_INFO_BACKGROUND_COLOR_FOCUS = '#64a7e9';
+export const GL_BADGE_INFO_BACKGROUND_COLOR_ACTIVE = '#9dc8f2';
 export const GL_BADGE_INFO_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
-export const GL_BADGE_INFO_BORDER_COLOR_HOVER = '#9dc7f1';
+export const GL_BADGE_INFO_BORDER_COLOR_HOVER = '#9dc8f2';
 export const GL_BADGE_INFO_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
 export const GL_BADGE_INFO_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
-export const GL_BADGE_INFO_TEXT_COLOR_DEFAULT = '#1d283e';
-export const GL_BADGE_INFO_TEXT_COLOR_HOVER = '#1d283e';
-export const GL_BADGE_INFO_TEXT_COLOR_FOCUS = '#1d283e';
-export const GL_BADGE_INFO_TEXT_COLOR_ACTIVE = '#1d283e';
-export const GL_BADGE_INFO_ICON_COLOR_DEFAULT = '#1d283e';
-export const GL_BADGE_INFO_ICON_COLOR_HOVER = '#1d283e';
-export const GL_BADGE_INFO_ICON_COLOR_FOCUS = '#1d283e';
-export const GL_BADGE_INFO_ICON_COLOR_ACTIVE = '#1d283e';
-export const GL_BADGE_SUCCESS_BACKGROUND_COLOR_DEFAULT = '#52b87a';
-export const GL_BADGE_SUCCESS_BACKGROUND_COLOR_HOVER = '#52b87a';
-export const GL_BADGE_SUCCESS_BACKGROUND_COLOR_FOCUS = '#52b87a';
-export const GL_BADGE_SUCCESS_BACKGROUND_COLOR_ACTIVE = '#91d4a8';
+export const GL_BADGE_INFO_TEXT_COLOR_DEFAULT = '#1d2153';
+export const GL_BADGE_INFO_TEXT_COLOR_HOVER = '#1d2153';
+export const GL_BADGE_INFO_TEXT_COLOR_FOCUS = '#1d2153';
+export const GL_BADGE_INFO_TEXT_COLOR_ACTIVE = '#1d2153';
+export const GL_BADGE_INFO_ICON_COLOR_DEFAULT = '#1d2153';
+export const GL_BADGE_INFO_ICON_COLOR_HOVER = '#1d2153';
+export const GL_BADGE_INFO_ICON_COLOR_FOCUS = '#1d2153';
+export const GL_BADGE_INFO_ICON_COLOR_ACTIVE = '#1d2153';
+export const GL_BADGE_SUCCESS_BACKGROUND_COLOR_DEFAULT = '#35b597';
+export const GL_BADGE_SUCCESS_BACKGROUND_COLOR_HOVER = '#35b597';
+export const GL_BADGE_SUCCESS_BACKGROUND_COLOR_FOCUS = '#35b597';
+export const GL_BADGE_SUCCESS_BACKGROUND_COLOR_ACTIVE = '#84d4b6';
 export const GL_BADGE_SUCCESS_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
-export const GL_BADGE_SUCCESS_BORDER_COLOR_HOVER = '#91d4a8';
+export const GL_BADGE_SUCCESS_BORDER_COLOR_HOVER = '#84d4b6';
 export const GL_BADGE_SUCCESS_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
 export const GL_BADGE_SUCCESS_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
-export const GL_BADGE_SUCCESS_TEXT_COLOR_DEFAULT = '#17291c';
-export const GL_BADGE_SUCCESS_TEXT_COLOR_HOVER = '#17291c';
-export const GL_BADGE_SUCCESS_TEXT_COLOR_FOCUS = '#17291c';
-export const GL_BADGE_SUCCESS_TEXT_COLOR_ACTIVE = '#17291c';
-export const GL_BADGE_SUCCESS_ICON_COLOR_DEFAULT = '#17291c';
-export const GL_BADGE_SUCCESS_ICON_COLOR_HOVER = '#17291c';
-export const GL_BADGE_SUCCESS_ICON_COLOR_FOCUS = '#17291c';
-export const GL_BADGE_SUCCESS_ICON_COLOR_ACTIVE = '#17291c';
-export const GL_BADGE_WARNING_BACKGROUND_COLOR_DEFAULT = '#d99530';
-export const GL_BADGE_WARNING_BACKGROUND_COLOR_HOVER = '#d99530';
-export const GL_BADGE_WARNING_BACKGROUND_COLOR_FOCUS = '#d99530';
-export const GL_BADGE_WARNING_BACKGROUND_COLOR_ACTIVE = '#e9be74';
+export const GL_BADGE_SUCCESS_TEXT_COLOR_DEFAULT = '#002c26';
+export const GL_BADGE_SUCCESS_TEXT_COLOR_HOVER = '#002c26';
+export const GL_BADGE_SUCCESS_TEXT_COLOR_FOCUS = '#002c26';
+export const GL_BADGE_SUCCESS_TEXT_COLOR_ACTIVE = '#002c26';
+export const GL_BADGE_SUCCESS_ICON_COLOR_DEFAULT = '#002c26';
+export const GL_BADGE_SUCCESS_ICON_COLOR_HOVER = '#002c26';
+export const GL_BADGE_SUCCESS_ICON_COLOR_FOCUS = '#002c26';
+export const GL_BADGE_SUCCESS_ICON_COLOR_ACTIVE = '#002c26';
+export const GL_BADGE_WARNING_BACKGROUND_COLOR_DEFAULT = '#fb8017';
+export const GL_BADGE_WARNING_BACKGROUND_COLOR_HOVER = '#fb8017';
+export const GL_BADGE_WARNING_BACKGROUND_COLOR_FOCUS = '#fb8017';
+export const GL_BADGE_WARNING_BACKGROUND_COLOR_ACTIVE = '#f7b951';
 export const GL_BADGE_WARNING_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
-export const GL_BADGE_WARNING_BORDER_COLOR_HOVER = '#e9be74';
+export const GL_BADGE_WARNING_BORDER_COLOR_HOVER = '#f7b951';
 export const GL_BADGE_WARNING_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
 export const GL_BADGE_WARNING_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
-export const GL_BADGE_WARNING_TEXT_COLOR_DEFAULT = '#382315';
-export const GL_BADGE_WARNING_TEXT_COLOR_HOVER = '#382315';
-export const GL_BADGE_WARNING_TEXT_COLOR_FOCUS = '#382315';
-export const GL_BADGE_WARNING_TEXT_COLOR_ACTIVE = '#382315';
-export const GL_BADGE_WARNING_ICON_COLOR_DEFAULT = '#382315';
-export const GL_BADGE_WARNING_ICON_COLOR_HOVER = '#382315';
-export const GL_BADGE_WARNING_ICON_COLOR_FOCUS = '#382315';
-export const GL_BADGE_WARNING_ICON_COLOR_ACTIVE = '#382315';
-export const GL_BADGE_DANGER_BACKGROUND_COLOR_DEFAULT = '#f6806d';
-export const GL_BADGE_DANGER_BACKGROUND_COLOR_HOVER = '#f6806d';
-export const GL_BADGE_DANGER_BACKGROUND_COLOR_FOCUS = '#f6806d';
-export const GL_BADGE_DANGER_BACKGROUND_COLOR_ACTIVE = '#fcb5aa';
+export const GL_BADGE_WARNING_TEXT_COLOR_DEFAULT = '#461807';
+export const GL_BADGE_WARNING_TEXT_COLOR_HOVER = '#461807';
+export const GL_BADGE_WARNING_TEXT_COLOR_FOCUS = '#461807';
+export const GL_BADGE_WARNING_TEXT_COLOR_ACTIVE = '#461807';
+export const GL_BADGE_WARNING_ICON_COLOR_DEFAULT = '#461807';
+export const GL_BADGE_WARNING_ICON_COLOR_HOVER = '#461807';
+export const GL_BADGE_WARNING_ICON_COLOR_FOCUS = '#461807';
+export const GL_BADGE_WARNING_ICON_COLOR_ACTIVE = '#461807';
+export const GL_BADGE_DANGER_BACKGROUND_COLOR_DEFAULT = '#fc7988';
+export const GL_BADGE_DANGER_BACKGROUND_COLOR_HOVER = '#fc7988';
+export const GL_BADGE_DANGER_BACKGROUND_COLOR_FOCUS = '#fc7988';
+export const GL_BADGE_DANGER_BACKGROUND_COLOR_ACTIVE = '#ffafb8';
 export const GL_BADGE_DANGER_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
-export const GL_BADGE_DANGER_BORDER_COLOR_HOVER = '#fcb5aa';
+export const GL_BADGE_DANGER_BORDER_COLOR_HOVER = '#ffafb8';
 export const GL_BADGE_DANGER_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
 export const GL_BADGE_DANGER_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
-export const GL_BADGE_DANGER_TEXT_COLOR_DEFAULT = '#3e1a14';
-export const GL_BADGE_DANGER_TEXT_COLOR_HOVER = '#3e1a14';
-export const GL_BADGE_DANGER_TEXT_COLOR_FOCUS = '#3e1a14';
-export const GL_BADGE_DANGER_TEXT_COLOR_ACTIVE = '#3e1a14';
-export const GL_BADGE_DANGER_ICON_COLOR_DEFAULT = '#3e1a14';
-export const GL_BADGE_DANGER_ICON_COLOR_HOVER = '#3e1a14';
-export const GL_BADGE_DANGER_ICON_COLOR_FOCUS = '#3e1a14';
-export const GL_BADGE_DANGER_ICON_COLOR_ACTIVE = '#3e1a14';
-export const GL_BADGE_TIER_BACKGROUND_COLOR_DEFAULT = '#ac93e6';
-export const GL_BADGE_TIER_BACKGROUND_COLOR_HOVER = '#ac93e6';
-export const GL_BADGE_TIER_BACKGROUND_COLOR_FOCUS = '#ac93e6';
-export const GL_BADGE_TIER_BACKGROUND_COLOR_ACTIVE = '#cbbbf2';
+export const GL_BADGE_DANGER_TEXT_COLOR_DEFAULT = '#48151d';
+export const GL_BADGE_DANGER_TEXT_COLOR_HOVER = '#48151d';
+export const GL_BADGE_DANGER_TEXT_COLOR_FOCUS = '#48151d';
+export const GL_BADGE_DANGER_TEXT_COLOR_ACTIVE = '#48151d';
+export const GL_BADGE_DANGER_ICON_COLOR_DEFAULT = '#48151d';
+export const GL_BADGE_DANGER_ICON_COLOR_HOVER = '#48151d';
+export const GL_BADGE_DANGER_ICON_COLOR_FOCUS = '#48151d';
+export const GL_BADGE_DANGER_ICON_COLOR_ACTIVE = '#48151d';
+export const GL_BADGE_TIER_BACKGROUND_COLOR_DEFAULT = '#a997e1';
+export const GL_BADGE_TIER_BACKGROUND_COLOR_HOVER = '#a997e1';
+export const GL_BADGE_TIER_BACKGROUND_COLOR_FOCUS = '#a997e1';
+export const GL_BADGE_TIER_BACKGROUND_COLOR_ACTIVE = '#c9beef';
 export const GL_BADGE_TIER_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
-export const GL_BADGE_TIER_BORDER_COLOR_HOVER = '#cbbbf2';
+export const GL_BADGE_TIER_BORDER_COLOR_HOVER = '#c9beef';
 export const GL_BADGE_TIER_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
 export const GL_BADGE_TIER_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
-export const GL_BADGE_TIER_TEXT_COLOR_DEFAULT = '#27243e';
-export const GL_BADGE_TIER_TEXT_COLOR_HOVER = '#27243e';
-export const GL_BADGE_TIER_TEXT_COLOR_FOCUS = '#27243e';
-export const GL_BADGE_TIER_TEXT_COLOR_ACTIVE = '#27243e';
-export const GL_BADGE_TIER_ICON_COLOR_DEFAULT = '#27243e';
-export const GL_BADGE_TIER_ICON_COLOR_HOVER = '#27243e';
-export const GL_BADGE_TIER_ICON_COLOR_FOCUS = '#27243e';
-export const GL_BADGE_TIER_ICON_COLOR_ACTIVE = '#27243e';
-export const GL_BANNER_INTRO_BORDER_COLOR = '#2f5ca0';
-export const GL_BANNER_PROMO_BACKGROUND_COLOR = '#27243e';
-export const GL_BANNER_PROMO_BORDER_COLOR = '#5c47a6';
+export const GL_BADGE_TIER_TEXT_COLOR_DEFAULT = '#291a5c';
+export const GL_BADGE_TIER_TEXT_COLOR_HOVER = '#291a5c';
+export const GL_BADGE_TIER_TEXT_COLOR_FOCUS = '#291a5c';
+export const GL_BADGE_TIER_TEXT_COLOR_ACTIVE = '#291a5c';
+export const GL_BADGE_TIER_ICON_COLOR_DEFAULT = '#291a5c';
+export const GL_BADGE_TIER_ICON_COLOR_HOVER = '#291a5c';
+export const GL_BADGE_TIER_ICON_COLOR_FOCUS = '#291a5c';
+export const GL_BADGE_TIER_ICON_COLOR_ACTIVE = '#291a5c';
+export const GL_BANNER_INTRO_BORDER_COLOR = '#27599f';
+export const GL_BANNER_PROMO_BACKGROUND_COLOR = '#291a5c';
+export const GL_BANNER_PROMO_BORDER_COLOR = '#5b46b8';
 export const GL_BREADCRUMB_SEPARATOR_COLOR = '#8a8888';
 export const GL_BROADCAST_BANNER_BACKGROUND_COLOR_BLUE = '#235180';
 export const GL_BROADCAST_BANNER_BACKGROUND_COLOR_DARK = '#747273';
@@ -625,34 +624,34 @@ export const GL_BUTTON_DANGER_PRIMARY_FOREGROUND_COLOR_DEFAULT = '#18171d';
 export const GL_BUTTON_DANGER_PRIMARY_FOREGROUND_COLOR_HOVER = '#18171d';
 export const GL_BUTTON_DANGER_PRIMARY_FOREGROUND_COLOR_FOCUS = '#18171d';
 export const GL_BUTTON_DANGER_PRIMARY_FOREGROUND_COLOR_ACTIVE = '#18171d';
-export const GL_BUTTON_DANGER_PRIMARY_BACKGROUND_COLOR_DEFAULT = '#f6806d';
-export const GL_BUTTON_DANGER_PRIMARY_BACKGROUND_COLOR_HOVER = '#fcb5aa';
-export const GL_BUTTON_DANGER_PRIMARY_BACKGROUND_COLOR_FOCUS = '#fcb5aa';
-export const GL_BUTTON_DANGER_PRIMARY_BACKGROUND_COLOR_ACTIVE = '#ec5941';
+export const GL_BUTTON_DANGER_PRIMARY_BACKGROUND_COLOR_DEFAULT = '#f15168';
+export const GL_BUTTON_DANGER_PRIMARY_BACKGROUND_COLOR_HOVER = '#fc7988';
+export const GL_BUTTON_DANGER_PRIMARY_BACKGROUND_COLOR_FOCUS = '#fc7988';
+export const GL_BUTTON_DANGER_PRIMARY_BACKGROUND_COLOR_ACTIVE = '#ffafb8';
 export const GL_BUTTON_DANGER_PRIMARY_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
 export const GL_BUTTON_DANGER_PRIMARY_BORDER_COLOR_HOVER = 'rgba(0, 0, 0, 0)';
 export const GL_BUTTON_DANGER_PRIMARY_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
 export const GL_BUTTON_DANGER_PRIMARY_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
-export const GL_BUTTON_DANGER_SECONDARY_FOREGROUND_COLOR_DEFAULT = '#fdd4cd';
-export const GL_BUTTON_DANGER_SECONDARY_FOREGROUND_COLOR_HOVER = '#fcf1ef';
-export const GL_BUTTON_DANGER_SECONDARY_FOREGROUND_COLOR_FOCUS = '#fcf1ef';
-export const GL_BUTTON_DANGER_SECONDARY_FOREGROUND_COLOR_ACTIVE = '#fcf1ef';
-export const GL_BUTTON_DANGER_SECONDARY_BACKGROUND_COLOR_DEFAULT = 'rgba(236, 89, 65, 0.4)';
-export const GL_BUTTON_DANGER_SECONDARY_BACKGROUND_COLOR_HOVER = 'rgba(236, 89, 65, 0.64)';
-export const GL_BUTTON_DANGER_SECONDARY_BACKGROUND_COLOR_FOCUS = 'rgba(236, 89, 65, 0.64)';
-export const GL_BUTTON_DANGER_SECONDARY_BACKGROUND_COLOR_ACTIVE = 'rgba(236, 89, 65, 0.32)';
+export const GL_BUTTON_DANGER_SECONDARY_FOREGROUND_COLOR_DEFAULT = '#ffd3d7';
+export const GL_BUTTON_DANGER_SECONDARY_FOREGROUND_COLOR_HOVER = '#feeef0';
+export const GL_BUTTON_DANGER_SECONDARY_FOREGROUND_COLOR_FOCUS = '#feeef0';
+export const GL_BUTTON_DANGER_SECONDARY_FOREGROUND_COLOR_ACTIVE = '#feeef0';
+export const GL_BUTTON_DANGER_SECONDARY_BACKGROUND_COLOR_DEFAULT = 'rgba(241, 81, 104, 0.4)';
+export const GL_BUTTON_DANGER_SECONDARY_BACKGROUND_COLOR_HOVER = 'rgba(241, 81, 104, 0.64)';
+export const GL_BUTTON_DANGER_SECONDARY_BACKGROUND_COLOR_FOCUS = 'rgba(241, 81, 104, 0.64)';
+export const GL_BUTTON_DANGER_SECONDARY_BACKGROUND_COLOR_ACTIVE = 'rgba(241, 81, 104, 0.32)';
 export const GL_BUTTON_DANGER_SECONDARY_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
 export const GL_BUTTON_DANGER_SECONDARY_BORDER_COLOR_HOVER = 'rgba(0, 0, 0, 0)';
 export const GL_BUTTON_DANGER_SECONDARY_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
 export const GL_BUTTON_DANGER_SECONDARY_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
-export const GL_BUTTON_DANGER_TERTIARY_FOREGROUND_COLOR_DEFAULT = '#fcb5aa';
-export const GL_BUTTON_DANGER_TERTIARY_FOREGROUND_COLOR_HOVER = '#fdd4cd';
-export const GL_BUTTON_DANGER_TERTIARY_FOREGROUND_COLOR_FOCUS = '#fdd4cd';
-export const GL_BUTTON_DANGER_TERTIARY_FOREGROUND_COLOR_ACTIVE = '#fdd4cd';
-export const GL_BUTTON_DANGER_TERTIARY_BACKGROUND_COLOR_DEFAULT = 'rgba(236, 89, 65, 0)';
-export const GL_BUTTON_DANGER_TERTIARY_BACKGROUND_COLOR_HOVER = 'rgba(236, 89, 65, 0.4)';
-export const GL_BUTTON_DANGER_TERTIARY_BACKGROUND_COLOR_FOCUS = 'rgba(236, 89, 65, 0.4)';
-export const GL_BUTTON_DANGER_TERTIARY_BACKGROUND_COLOR_ACTIVE = 'rgba(236, 89, 65, 0.16)';
+export const GL_BUTTON_DANGER_TERTIARY_FOREGROUND_COLOR_DEFAULT = '#ffafb8';
+export const GL_BUTTON_DANGER_TERTIARY_FOREGROUND_COLOR_HOVER = '#ffd3d7';
+export const GL_BUTTON_DANGER_TERTIARY_FOREGROUND_COLOR_FOCUS = '#ffd3d7';
+export const GL_BUTTON_DANGER_TERTIARY_FOREGROUND_COLOR_ACTIVE = '#ffd3d7';
+export const GL_BUTTON_DANGER_TERTIARY_BACKGROUND_COLOR_DEFAULT = 'rgba(241, 81, 104, 0)';
+export const GL_BUTTON_DANGER_TERTIARY_BACKGROUND_COLOR_HOVER = 'rgba(241, 81, 104, 0.4)';
+export const GL_BUTTON_DANGER_TERTIARY_BACKGROUND_COLOR_FOCUS = 'rgba(241, 81, 104, 0.4)';
+export const GL_BUTTON_DANGER_TERTIARY_BACKGROUND_COLOR_ACTIVE = 'rgba(241, 81, 104, 0.16)';
 export const GL_BUTTON_DANGER_TERTIARY_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
 export const GL_BUTTON_DANGER_TERTIARY_BORDER_COLOR_HOVER = 'rgba(0, 0, 0, 0)';
 export const GL_BUTTON_DANGER_TERTIARY_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
@@ -662,10 +661,10 @@ export const GL_BUTTON_DASHED_BORDER_COLOR_HOVER = '#8a8888';
 export const GL_BUTTON_DASHED_BORDER_COLOR_FOCUS = '#8a8888';
 export const GL_BUTTON_DASHED_BORDER_COLOR_ACTIVE = '#a5a3a3';
 export const GL_BUTTON_LINK_BORDER_RADIUS = '0.25rem';
-export const GL_BUTTON_LINK_TEXT_COLOR_DEFAULT = '#9dc7f1';
-export const GL_BUTTON_LINK_TEXT_COLOR_HOVER = '#9dc7f1';
-export const GL_BUTTON_LINK_TEXT_COLOR_FOCUS = '#9dc7f1';
-export const GL_BUTTON_LINK_TEXT_COLOR_ACTIVE = '#9dc7f1';
+export const GL_BUTTON_LINK_TEXT_COLOR_DEFAULT = '#9dc8f2';
+export const GL_BUTTON_LINK_TEXT_COLOR_HOVER = '#9dc8f2';
+export const GL_BUTTON_LINK_TEXT_COLOR_FOCUS = '#9dc8f2';
+export const GL_BUTTON_LINK_TEXT_COLOR_ACTIVE = '#9dc8f2';
 export const GL_BUTTON_SELECTED_FOREGROUND_COLOR_DEFAULT = '#28272d';
 export const GL_BUTTON_SELECTED_FOREGROUND_COLOR_HOVER = '#18171d';
 export const GL_BUTTON_SELECTED_FOREGROUND_COLOR_FOCUS = '#18171d';
@@ -686,8 +685,8 @@ export const GL_CARD_BORDER_RADIUS = '0.75rem';
 export const GL_CHART_AXIS_POINTER_COLOR = '#c1bfbe';
 export const GL_CHART_AXIS_LINE_COLOR = '#4d4b4e';
 export const GL_CHART_AXIS_TEXT_COLOR = '#c1bfbe';
-export const GL_CHART_THRESHOLD_AREA_COLOR = 'rgba(221, 43, 14, 0.1)';
-export const GL_CHART_THRESHOLD_LINE_COLOR = '#c02f12';
+export const GL_CHART_THRESHOLD_AREA_COLOR = 'rgba(222, 29, 75, 0.1)';
+export const GL_CHART_THRESHOLD_LINE_COLOR = '#c52042';
 export const GL_CHART_ZOOM_FILLER_COLOR = 'rgba(255, 255, 255, 0.16)';
 export const GL_CHART_ZOOM_HANDLE_COLOR = '#c1bfbe';
 export const GL_DATEPICKER_BACKGROUND_COLOR = '#28272d';
@@ -765,10 +764,10 @@ export const GL_LABEL_SCOPED_TEXT_COLOR = '#fff';
 export const GL_LABEL_SCOPED_BUTTON_BACKGROUND_COLOR_HOVER = '#fff';
 export const GL_LABEL_SCOPED_BUTTON_ICON_COLOR_DEFAULT = '#fff';
 export const GL_LABEL_SCOPED_BUTTON_ICON_COLOR_HOVER = '#18171d';
-export const GL_LINK_MENTION_TEXT_COLOR_DEFAULT = '#cbe2f9';
-export const GL_LINK_MENTION_TEXT_COLOR_CURRENT = '#f5d9a8';
-export const GL_LINK_MENTION_BACKGROUND_COLOR_DEFAULT = '#284779';
-export const GL_LINK_MENTION_BACKGROUND_COLOR_CURRENT = '#693c14';
+export const GL_LINK_MENTION_TEXT_COLOR_DEFAULT = '#c8e0f9';
+export const GL_LINK_MENTION_TEXT_COLOR_CURRENT = '#fada9c';
+export const GL_LINK_MENTION_BACKGROUND_COLOR_DEFAULT = '#254581';
+export const GL_LINK_MENTION_BACKGROUND_COLOR_CURRENT = '#7d2d0e';
 export const GL_MODAL_BORDER_RADIUS = '1rem';
 export const GL_NAV_ITEM_BORDER_RADIUS = '0.5rem';
 export const GL_NAV_ITEM_FONT_SIZE = '0.875rem';
@@ -790,10 +789,10 @@ export const GL_NAV_ITEM_SELECTED_BACKGROUND_COLOR_DEFAULT = '#28272d';
 export const GL_NAV_ITEM_SELECTED_BACKGROUND_COLOR_HOVER = '#28272d';
 export const GL_NAV_ITEM_SELECTED_BACKGROUND_COLOR_FOCUS = '#28272d';
 export const GL_NAV_ITEM_SELECTED_BACKGROUND_COLOR_ACTIVE = '#18171d';
-export const GL_PROGRESS_BAR_INDICATOR_COLOR_DEFAULT = '#63a6e9';
-export const GL_PROGRESS_BAR_INDICATOR_COLOR_SUCCESS = '#52b87a';
-export const GL_PROGRESS_BAR_INDICATOR_COLOR_WARNING = '#d99530';
-export const GL_PROGRESS_BAR_INDICATOR_COLOR_DANGER = '#f6806d';
+export const GL_PROGRESS_BAR_INDICATOR_COLOR_DEFAULT = '#64a7e9';
+export const GL_PROGRESS_BAR_INDICATOR_COLOR_SUCCESS = '#35b597';
+export const GL_PROGRESS_BAR_INDICATOR_COLOR_WARNING = '#fb8017';
+export const GL_PROGRESS_BAR_INDICATOR_COLOR_DANGER = '#fc7988';
 export const GL_PROGRESS_BAR_TRACK_COLOR = '#4d4b4e';
 export const GL_SKELETON_LOADER_BACKGROUND_COLOR = '#3a383d';
 export const GL_SKELETON_LOADER_SHIMMER_COLOR = '#4d4b4e';
@@ -801,7 +800,7 @@ export const GL_SPINNER_TRACK_COLOR_DEFAULT = '#646163';
 export const GL_SPINNER_TRACK_COLOR_LIGHT = '#3a383d';
 export const GL_SPINNER_SEGMENT_COLOR_DEFAULT = '#dcdbd9';
 export const GL_SPINNER_SEGMENT_COLOR_LIGHT = '#c1bfbe';
-export const GL_TABLE_ROW_BACKGROUND_COLOR_HOVER = '#1d283e';
+export const GL_TABLE_ROW_BACKGROUND_COLOR_HOVER = '#1d2153';
 export const GL_TABLE_SORTING_ICON_COLOR = '#fff';
 export const GL_TAB_SELECTED_INDICATOR_COLOR_DEFAULT = '#fff';
 export const GL_TOGGLE_SWITCH_TRACK_COLOR_UNCHECKED_DEFAULT = 'rgba(5, 5, 6, 0.4)';
@@ -908,16 +907,16 @@ export const DATA_VIZ_ORANGE_900 = '#f5d6b3';
 export const DATA_VIZ_ORANGE_950 = '#fae8d1';
 export const BLACK = '#fff';
 export const WHITE = '#28272d';
-export const BLUE_50 = '#213454';
-export const BLUE_100 = '#284779';
-export const BLUE_200 = '#2f5ca0';
-export const BLUE_300 = '#2f68b4';
-export const BLUE_400 = '#1f75cb';
-export const BLUE_500 = '#428fdc';
-export const BLUE_600 = '#63a6e9';
-export const BLUE_700 = '#9dc7f1';
-export const BLUE_800 = '#cbe2f9';
-export const BLUE_900 = '#e9f3fc';
+export const BLUE_50 = '#1f3166';
+export const BLUE_100 = '#254581';
+export const BLUE_200 = '#27599f';
+export const BLUE_300 = '#2566b5';
+export const BLUE_400 = '#1f73ca';
+export const BLUE_500 = '#3f8edd';
+export const BLUE_600 = '#64a7e9';
+export const BLUE_700 = '#9dc8f2';
+export const BLUE_800 = '#c8e0f9';
+export const BLUE_900 = '#e8f2fd';
 export const BLUE_950 = '#f2f9ff';
 export const GRAY_10 = '#18171d';
 export const GRAY_50 = '#28272d';
@@ -931,49 +930,49 @@ export const GRAY_700 = '#c1bfbe';
 export const GRAY_800 = '#dcdbd9';
 export const GRAY_900 = '#ecebea';
 export const GRAY_950 = '#f7f7f5';
-export const GREEN_50 = '#1e3e28';
-export const GREEN_100 = '#225131';
-export const GREEN_200 = '#306440';
-export const GREEN_300 = '#2f7549';
-export const GREEN_400 = '#108548';
-export const GREEN_500 = '#2da160';
-export const GREEN_600 = '#52b87a';
-export const GREEN_700 = '#91d4a8';
-export const GREEN_800 = '#c3e6cd';
-export const GREEN_900 = '#ecf4ee';
+export const GREEN_50 = '#003c36';
+export const GREEN_100 = '#075048';
+export const GREEN_200 = '#0b645a';
+export const GREEN_300 = '#0c7265';
+export const GREEN_400 = '#0d8070';
+export const GREEN_500 = '#129c84';
+export const GREEN_600 = '#35b597';
+export const GREEN_700 = '#84d4b6';
+export const GREEN_800 = '#bee6d0';
+export const GREEN_900 = '#e6f5ea';
 export const GREEN_950 = '#f1fdf6';
-export const ORANGE_50 = '#532e16';
-export const ORANGE_100 = '#693c14';
-export const ORANGE_200 = '#894b16';
-export const ORANGE_300 = '#995715';
-export const ORANGE_400 = '#ab6100';
-export const ORANGE_500 = '#c17d10';
-export const ORANGE_600 = '#d99530';
-export const ORANGE_700 = '#e9be74';
-export const ORANGE_800 = '#f5d9a8';
-export const ORANGE_900 = '#fdf1dd';
+export const ORANGE_50 = '#5d220d';
+export const ORANGE_100 = '#7d2d0e';
+export const ORANGE_200 = '#9e3811';
+export const ORANGE_300 = '#b34013';
+export const ORANGE_400 = '#c74816';
+export const ORANGE_500 = '#e95f21';
+export const ORANGE_600 = '#fb8017';
+export const ORANGE_700 = '#f7b951';
+export const ORANGE_800 = '#fada9c';
+export const ORANGE_900 = '#fdf0d5';
 export const ORANGE_950 = '#fff4e1';
-export const PURPLE_50 = '#27243e';
-export const PURPLE_100 = '#342d59';
-export const PURPLE_200 = '#493c83';
-export const PURPLE_300 = '#5c47a6';
-export const PURPLE_400 = '#6a4fb4';
-export const PURPLE_500 = '#7b58cf';
-export const PURPLE_600 = '#9475db';
-export const PURPLE_700 = '#ac93e6';
-export const PURPLE_800 = '#cbbbf2';
-export const PURPLE_900 = '#e1d8f9';
-export const PURPLE_950 = '#f4f0ff';
-export const RED_50 = '#582014';
-export const RED_100 = '#812713';
-export const RED_200 = '#a32c12';
-export const RED_300 = '#c02f12';
-export const RED_400 = '#dd2b0e';
-export const RED_500 = '#ec5941';
-export const RED_600 = '#f6806d';
-export const RED_700 = '#fcb5aa';
-export const RED_800 = '#fdd4cd';
-export const RED_900 = '#fcf1ef';
+export const PURPLE_50 = '#291a5c';
+export const PURPLE_100 = '#362676';
+export const PURPLE_200 = '#483698';
+export const PURPLE_300 = '#5b46b8';
+export const PURPLE_400 = '#6a54c0';
+export const PURPLE_500 = '#7862c8';
+export const PURPLE_600 = '#927cd7';
+export const PURPLE_700 = '#a997e1';
+export const PURPLE_800 = '#c9beef';
+export const PURPLE_900 = '#e1daf7';
+export const PURPLE_950 = '#f4f0fc';
+export const RED_50 = '#641925';
+export const RED_100 = '#891c2f';
+export const RED_200 = '#ac203a';
+export const RED_300 = '#c52042';
+export const RED_400 = '#de1d4b';
+export const RED_500 = '#f15168';
+export const RED_600 = '#fc7988';
+export const RED_700 = '#ffafb8';
+export const RED_800 = '#ffd3d7';
+export const RED_900 = '#feeef0';
 export const RED_950 = '#fff4f3';
 export const BRAND_CHARCOAL = '#171321';
 export const BRAND_ORANGE_01 = '#fca326';
@@ -1040,22 +1039,22 @@ export const GL_ACTION_CONFIRM_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
 export const GL_ACTION_CONFIRM_BORDER_COLOR_HOVER = 'rgba(0, 0, 0, 0)';
 export const GL_ACTION_CONFIRM_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
 export const GL_ACTION_CONFIRM_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
-export const GL_ACTION_DANGER_FOREGROUND_COLOR_DEFAULT = '#fcb5aa';
-export const GL_ACTION_DANGER_FOREGROUND_COLOR_HOVER = '#fdd4cd';
-export const GL_ACTION_DANGER_FOREGROUND_COLOR_FOCUS = '#fdd4cd';
-export const GL_ACTION_DANGER_FOREGROUND_COLOR_ACTIVE = '#fdd4cd';
-export const GL_ACTION_DANGER_BACKGROUND_COLOR_DEFAULT = 'rgba(236, 89, 65, 0)';
-export const GL_ACTION_DANGER_BACKGROUND_COLOR_HOVER = 'rgba(236, 89, 65, 0.4)';
-export const GL_ACTION_DANGER_BACKGROUND_COLOR_FOCUS = 'rgba(236, 89, 65, 0.4)';
-export const GL_ACTION_DANGER_BACKGROUND_COLOR_ACTIVE = 'rgba(236, 89, 65, 0.16)';
+export const GL_ACTION_DANGER_FOREGROUND_COLOR_DEFAULT = '#ffafb8';
+export const GL_ACTION_DANGER_FOREGROUND_COLOR_HOVER = '#ffd3d7';
+export const GL_ACTION_DANGER_FOREGROUND_COLOR_FOCUS = '#ffd3d7';
+export const GL_ACTION_DANGER_FOREGROUND_COLOR_ACTIVE = '#ffd3d7';
+export const GL_ACTION_DANGER_BACKGROUND_COLOR_DEFAULT = 'rgba(241, 81, 104, 0)';
+export const GL_ACTION_DANGER_BACKGROUND_COLOR_HOVER = 'rgba(241, 81, 104, 0.4)';
+export const GL_ACTION_DANGER_BACKGROUND_COLOR_FOCUS = 'rgba(241, 81, 104, 0.4)';
+export const GL_ACTION_DANGER_BACKGROUND_COLOR_ACTIVE = 'rgba(241, 81, 104, 0.16)';
 export const GL_ACTION_DANGER_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
 export const GL_ACTION_DANGER_BORDER_COLOR_HOVER = 'rgba(0, 0, 0, 0)';
 export const GL_ACTION_DANGER_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
 export const GL_ACTION_DANGER_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
-export const GL_ACTION_STRONG_CONFIRM_BACKGROUND_COLOR_DEFAULT = '#63a6e9';
-export const GL_ACTION_STRONG_CONFIRM_BACKGROUND_COLOR_HOVER = '#9dc7f1';
-export const GL_ACTION_STRONG_CONFIRM_BACKGROUND_COLOR_FOCUS = '#9dc7f1';
-export const GL_ACTION_STRONG_CONFIRM_BACKGROUND_COLOR_ACTIVE = '#428fdc';
+export const GL_ACTION_STRONG_CONFIRM_BACKGROUND_COLOR_DEFAULT = '#64a7e9';
+export const GL_ACTION_STRONG_CONFIRM_BACKGROUND_COLOR_HOVER = '#9dc8f2';
+export const GL_ACTION_STRONG_CONFIRM_BACKGROUND_COLOR_FOCUS = '#9dc8f2';
+export const GL_ACTION_STRONG_CONFIRM_BACKGROUND_COLOR_ACTIVE = '#3f8edd';
 export const GL_ACTION_STRONG_CONFIRM_FOREGROUND_COLOR_DEFAULT = '#18171d';
 export const GL_ACTION_STRONG_CONFIRM_FOREGROUND_COLOR_HOVER = '#18171d';
 export const GL_ACTION_STRONG_CONFIRM_FOREGROUND_COLOR_FOCUS = '#18171d';
@@ -1094,13 +1093,13 @@ export const GL_CONTROL_BORDER_COLOR_DEFAULT = '#747273';
 export const GL_CONTROL_BORDER_COLOR_HOVER = '#a5a3a3';
 export const GL_CONTROL_BORDER_COLOR_FOCUS = '#ecebea';
 export const GL_CONTROL_BORDER_COLOR_DISABLED = '#3a383d';
-export const GL_CONTROL_BORDER_COLOR_ERROR = '#f6806d';
+export const GL_CONTROL_BORDER_COLOR_ERROR = '#fc7988';
 export const GL_CONTROL_BORDER_COLOR_SELECTED_DEFAULT = '#ecebea';
 export const GL_CONTROL_BORDER_COLOR_SELECTED_HOVER = '#f7f7f5';
 export const GL_CONTROL_BORDER_COLOR_SELECTED_FOCUS = '#f7f7f5';
 export const GL_CONTROL_BORDER_RADIUS = '0.5rem';
-export const GL_CONTROL_TEXT_COLOR_ERROR = '#f6806d';
-export const GL_CONTROL_TEXT_COLOR_VALID = '#52b87a';
+export const GL_CONTROL_TEXT_COLOR_ERROR = '#fc7988';
+export const GL_CONTROL_TEXT_COLOR_VALID = '#35b597';
 export const GL_CONTROL_PLACEHOLDER_COLOR = '#8a8888';
 export const GL_CONTROL_INDICATOR_COLOR_SELECTED = '#18171d';
 export const GL_CONTROL_INDICATOR_COLOR_DISABLED = '#8a8888';
@@ -1109,65 +1108,65 @@ export const GL_FEEDBACK_STRONG_BACKGROUND_COLOR = '#3a383d';
 export const GL_FEEDBACK_STRONG_BORDER_COLOR = '#a5a3a3';
 export const GL_FEEDBACK_STRONG_TEXT_COLOR = '#fff';
 export const GL_FEEDBACK_STRONG_ICON_COLOR = '#fff';
-export const GL_FEEDBACK_STRONG_LINK_COLOR = '#63a6e9';
+export const GL_FEEDBACK_STRONG_LINK_COLOR = '#64a7e9';
 export const GL_FEEDBACK_NEUTRAL_BACKGROUND_COLOR = '#28272d';
 export const GL_FEEDBACK_NEUTRAL_BORDER_COLOR = '#646163';
 export const GL_FEEDBACK_NEUTRAL_TEXT_COLOR = '#c1bfbe';
 export const GL_FEEDBACK_NEUTRAL_ICON_COLOR = '#c1bfbe';
-export const GL_FEEDBACK_INFO_BACKGROUND_COLOR = '#1d283e';
-export const GL_FEEDBACK_INFO_BORDER_COLOR = '#2f68b4';
-export const GL_FEEDBACK_INFO_TEXT_COLOR = '#9dc7f1';
-export const GL_FEEDBACK_INFO_ICON_COLOR = '#9dc7f1';
-export const GL_FEEDBACK_SUCCESS_BACKGROUND_COLOR = '#1e3e28';
-export const GL_FEEDBACK_SUCCESS_BORDER_COLOR = '#2f7549';
-export const GL_FEEDBACK_SUCCESS_TEXT_COLOR = '#91d4a8';
-export const GL_FEEDBACK_SUCCESS_ICON_COLOR = '#91d4a8';
-export const GL_FEEDBACK_WARNING_BACKGROUND_COLOR = '#532e16';
-export const GL_FEEDBACK_WARNING_BORDER_COLOR = '#995715';
-export const GL_FEEDBACK_WARNING_TEXT_COLOR = '#e9be74';
-export const GL_FEEDBACK_WARNING_ICON_COLOR = '#e9be74';
-export const GL_FEEDBACK_DANGER_BACKGROUND_COLOR = '#582014';
-export const GL_FEEDBACK_DANGER_BORDER_COLOR = '#f6806d';
-export const GL_FEEDBACK_DANGER_TEXT_COLOR = '#fcb5aa';
-export const GL_FEEDBACK_DANGER_ICON_COLOR = '#fcb5aa';
-export const GL_FEEDBACK_BRAND_BACKGROUND_COLOR = '#27243e';
-export const GL_FEEDBACK_BRAND_BORDER_COLOR = '#6a4fb4';
-export const GL_FEEDBACK_BRAND_TEXT_COLOR = '#cbbbf2';
-export const GL_FEEDBACK_BRAND_ICON_COLOR = '#cbbbf2';
-export const GL_FOCUS_RING_OUTER_COLOR = '#428fdc';
+export const GL_FEEDBACK_INFO_BACKGROUND_COLOR = '#1d2153';
+export const GL_FEEDBACK_INFO_BORDER_COLOR = '#2566b5';
+export const GL_FEEDBACK_INFO_TEXT_COLOR = '#9dc8f2';
+export const GL_FEEDBACK_INFO_ICON_COLOR = '#9dc8f2';
+export const GL_FEEDBACK_SUCCESS_BACKGROUND_COLOR = '#003c36';
+export const GL_FEEDBACK_SUCCESS_BORDER_COLOR = '#0c7265';
+export const GL_FEEDBACK_SUCCESS_TEXT_COLOR = '#84d4b6';
+export const GL_FEEDBACK_SUCCESS_ICON_COLOR = '#84d4b6';
+export const GL_FEEDBACK_WARNING_BACKGROUND_COLOR = '#5d220d';
+export const GL_FEEDBACK_WARNING_BORDER_COLOR = '#b34013';
+export const GL_FEEDBACK_WARNING_TEXT_COLOR = '#f7b951';
+export const GL_FEEDBACK_WARNING_ICON_COLOR = '#f7b951';
+export const GL_FEEDBACK_DANGER_BACKGROUND_COLOR = '#641925';
+export const GL_FEEDBACK_DANGER_BORDER_COLOR = '#fc7988';
+export const GL_FEEDBACK_DANGER_TEXT_COLOR = '#ffafb8';
+export const GL_FEEDBACK_DANGER_ICON_COLOR = '#ffafb8';
+export const GL_FEEDBACK_BRAND_BACKGROUND_COLOR = '#291a5c';
+export const GL_FEEDBACK_BRAND_BORDER_COLOR = '#6a54c0';
+export const GL_FEEDBACK_BRAND_TEXT_COLOR = '#c9beef';
+export const GL_FEEDBACK_BRAND_ICON_COLOR = '#c9beef';
+export const GL_FOCUS_RING_OUTER_COLOR = '#3f8edd';
 export const GL_FOCUS_RING_INNER_COLOR = '#18171d';
-export const GL_HIGHLIGHT_MATCH_BACKGROUND_COLOR = '#e9be74';
+export const GL_HIGHLIGHT_MATCH_BACKGROUND_COLOR = '#f7b951';
 export const GL_HIGHLIGHT_MATCH_TEXT_COLOR = '#18171d';
-export const GL_HIGHLIGHT_TARGET_BACKGROUND_COLOR = '#1d283e';
-export const GL_HIGHLIGHT_TARGET_BORDER_COLOR = '#2f5ca0';
+export const GL_HIGHLIGHT_TARGET_BACKGROUND_COLOR = '#1d2153';
+export const GL_HIGHLIGHT_TARGET_BORDER_COLOR = '#27599f';
 export const GL_ICON_COLOR_DEFAULT = '#ecebea';
 export const GL_ICON_COLOR_SUBTLE = '#c1bfbe';
 export const GL_ICON_COLOR_STRONG = '#fff';
 export const GL_ICON_COLOR_DISABLED = '#8a8888';
-export const GL_ICON_COLOR_LINK = '#9dc7f1';
-export const GL_ICON_COLOR_INFO = '#9dc7f1';
-export const GL_ICON_COLOR_WARNING = '#d99530';
-export const GL_ICON_COLOR_DANGER = '#f6806d';
-export const GL_ICON_COLOR_SUCCESS = '#52b87a';
+export const GL_ICON_COLOR_LINK = '#9dc8f2';
+export const GL_ICON_COLOR_INFO = '#9dc8f2';
+export const GL_ICON_COLOR_WARNING = '#fb8017';
+export const GL_ICON_COLOR_DANGER = '#fc7988';
+export const GL_ICON_COLOR_SUCCESS = '#35b597';
 export const GL_LETTER_SPACING_HEADING = '-0.01em';
 export const GL_STATUS_NEUTRAL_BACKGROUND_COLOR = '#3a383d';
 export const GL_STATUS_NEUTRAL_TEXT_COLOR = '#c1bfbe';
 export const GL_STATUS_NEUTRAL_ICON_COLOR = '#a5a3a3';
-export const GL_STATUS_INFO_BACKGROUND_COLOR = '#284779';
-export const GL_STATUS_INFO_TEXT_COLOR = '#9dc7f1';
-export const GL_STATUS_INFO_ICON_COLOR = '#63a6e9';
-export const GL_STATUS_SUCCESS_BACKGROUND_COLOR = '#225131';
-export const GL_STATUS_SUCCESS_TEXT_COLOR = '#91d4a8';
-export const GL_STATUS_SUCCESS_ICON_COLOR = '#52b87a';
-export const GL_STATUS_WARNING_BACKGROUND_COLOR = '#693c14';
-export const GL_STATUS_WARNING_TEXT_COLOR = '#e9be74';
-export const GL_STATUS_WARNING_ICON_COLOR = '#d99530';
-export const GL_STATUS_DANGER_BACKGROUND_COLOR = '#812713';
-export const GL_STATUS_DANGER_TEXT_COLOR = '#fcb5aa';
-export const GL_STATUS_DANGER_ICON_COLOR = '#f6806d';
-export const GL_STATUS_BRAND_BACKGROUND_COLOR = '#342d59';
-export const GL_STATUS_BRAND_TEXT_COLOR = '#ac93e6';
-export const GL_STATUS_BRAND_ICON_COLOR = '#7b58cf';
+export const GL_STATUS_INFO_BACKGROUND_COLOR = '#254581';
+export const GL_STATUS_INFO_TEXT_COLOR = '#9dc8f2';
+export const GL_STATUS_INFO_ICON_COLOR = '#64a7e9';
+export const GL_STATUS_SUCCESS_BACKGROUND_COLOR = '#075048';
+export const GL_STATUS_SUCCESS_TEXT_COLOR = '#84d4b6';
+export const GL_STATUS_SUCCESS_ICON_COLOR = '#35b597';
+export const GL_STATUS_WARNING_BACKGROUND_COLOR = '#7d2d0e';
+export const GL_STATUS_WARNING_TEXT_COLOR = '#f7b951';
+export const GL_STATUS_WARNING_ICON_COLOR = '#fb8017';
+export const GL_STATUS_DANGER_BACKGROUND_COLOR = '#891c2f';
+export const GL_STATUS_DANGER_TEXT_COLOR = '#ffafb8';
+export const GL_STATUS_DANGER_ICON_COLOR = '#fc7988';
+export const GL_STATUS_BRAND_BACKGROUND_COLOR = '#362676';
+export const GL_STATUS_BRAND_TEXT_COLOR = '#a997e1';
+export const GL_STATUS_BRAND_ICON_COLOR = '#7862c8';
 export const GL_TEXT_PRIMARY = '#ecebea';
 export const GL_TEXT_SECONDARY = '#c1bfbe';
 export const GL_TEXT_TERTIARY = '#8a8888';
@@ -1175,10 +1174,10 @@ export const GL_TEXT_COLOR_DEFAULT = '#ecebea';
 export const GL_TEXT_COLOR_SUBTLE = '#c1bfbe';
 export const GL_TEXT_COLOR_STRONG = '#fff';
 export const GL_TEXT_COLOR_HEADING = '#fff';
-export const GL_TEXT_COLOR_LINK = '#9dc7f1';
-export const GL_TEXT_COLOR_WARNING = '#d99530';
-export const GL_TEXT_COLOR_DANGER = '#f6806d';
-export const GL_TEXT_COLOR_SUCCESS = '#52b87a';
+export const GL_TEXT_COLOR_LINK = '#9dc8f2';
+export const GL_TEXT_COLOR_WARNING = '#fb8017';
+export const GL_TEXT_COLOR_DANGER = '#fc7988';
+export const GL_TEXT_COLOR_SUCCESS = '#35b597';
 export const GL_TEXT_COLOR_DISABLED = '#8a8888';
 export const GL_HEADING_1_FONT_WEIGHT = 600;
 export const GL_HEADING_1_MARGIN_TOP = '0px';
diff --git a/packages/tokens/dist/js/tokens.js b/packages/tokens/dist/js/tokens.js
index 0f96250..bb787a7 100644
--- a/packages/tokens/dist/js/tokens.js
+++ b/packages/tokens/dist/js/tokens.js
@@ -33,17 +33,17 @@ export const GL_COLOR_ALPHA_LIGHT_16 = 'rgba(255, 255, 255, 0.16)';
 export const GL_COLOR_ALPHA_LIGHT_24 = 'rgba(255, 255, 255, 0.24)';
 export const GL_COLOR_ALPHA_LIGHT_36 = 'rgba(255, 255, 255, 0.36)';
 export const GL_COLOR_ALPHA_LIGHT_40 = 'rgba(255, 255, 255, 0.4)';
-export const GL_COLOR_BLUE_50 = '#e9f3fc';
-export const GL_COLOR_BLUE_100 = '#cbe2f9';
-export const GL_COLOR_BLUE_200 = '#9dc7f1';
-export const GL_COLOR_BLUE_300 = '#63a6e9';
-export const GL_COLOR_BLUE_400 = '#428fdc';
-export const GL_COLOR_BLUE_500 = '#1f75cb';
-export const GL_COLOR_BLUE_600 = '#2f68b4';
-export const GL_COLOR_BLUE_700 = '#2f5ca0';
-export const GL_COLOR_BLUE_800 = '#284779';
-export const GL_COLOR_BLUE_900 = '#213454';
-export const GL_COLOR_BLUE_950 = '#1d283e';
+export const GL_COLOR_BLUE_50 = '#e8f2fd';
+export const GL_COLOR_BLUE_100 = '#c8e0f9';
+export const GL_COLOR_BLUE_200 = '#9dc8f2';
+export const GL_COLOR_BLUE_300 = '#64a7e9';
+export const GL_COLOR_BLUE_400 = '#3f8edd';
+export const GL_COLOR_BLUE_500 = '#1f73ca';
+export const GL_COLOR_BLUE_600 = '#2566b5';
+export const GL_COLOR_BLUE_700 = '#27599f';
+export const GL_COLOR_BLUE_800 = '#254581';
+export const GL_COLOR_BLUE_900 = '#1f3166';
+export const GL_COLOR_BLUE_950 = '#1d2153';
 export const GL_COLOR_BRAND_WHITE = '#fff';
 export const GL_COLOR_BRAND_CHARCOAL = '#171321';
 export const GL_COLOR_BRAND_ORANGE_01G = '#ffd1bf';
@@ -114,17 +114,17 @@ export const GL_COLOR_DATA_ORANGE_700 = '#92430a';
 export const GL_COLOR_DATA_ORANGE_800 = '#6f3500';
 export const GL_COLOR_DATA_ORANGE_900 = '#5e2f05';
 export const GL_COLOR_DATA_ORANGE_950 = '#4b2707';
-export const GL_COLOR_GREEN_50 = '#ecf4ee';
-export const GL_COLOR_GREEN_100 = '#c3e6cd';
-export const GL_COLOR_GREEN_200 = '#91d4a8';
-export const GL_COLOR_GREEN_300 = '#52b87a';
-export const GL_COLOR_GREEN_400 = '#2da160';
-export const GL_COLOR_GREEN_500 = '#108548';
-export const GL_COLOR_GREEN_600 = '#2f7549';
-export const GL_COLOR_GREEN_700 = '#306440';
-export const GL_COLOR_GREEN_800 = '#225131';
-export const GL_COLOR_GREEN_900 = '#1e3e28';
-export const GL_COLOR_GREEN_950 = '#17291c';
+export const GL_COLOR_GREEN_50 = '#e6f5ea';
+export const GL_COLOR_GREEN_100 = '#bee6d0';
+export const GL_COLOR_GREEN_200 = '#84d4b6';
+export const GL_COLOR_GREEN_300 = '#35b597';
+export const GL_COLOR_GREEN_400 = '#129c84';
+export const GL_COLOR_GREEN_500 = '#0d8070';
+export const GL_COLOR_GREEN_600 = '#0c7265';
+export const GL_COLOR_GREEN_700 = '#0b645a';
+export const GL_COLOR_GREEN_800 = '#075048';
+export const GL_COLOR_GREEN_900 = '#003c36';
+export const GL_COLOR_GREEN_950 = '#002c26';
 export const GL_COLOR_NEUTRAL_0 = '#fff';
 export const GL_COLOR_NEUTRAL_10 = '#f7f7f5';
 export const GL_COLOR_NEUTRAL_50 = '#ecebea';
@@ -139,39 +139,39 @@ export const GL_COLOR_NEUTRAL_800 = '#3a383d';
 export const GL_COLOR_NEUTRAL_900 = '#28272d';
 export const GL_COLOR_NEUTRAL_950 = '#18171d';
 export const GL_COLOR_NEUTRAL_1000 = '#050408';
-export const GL_COLOR_ORANGE_50 = '#fdf1dd';
-export const GL_COLOR_ORANGE_100 = '#f5d9a8';
-export const GL_COLOR_ORANGE_200 = '#e9be74';
-export const GL_COLOR_ORANGE_300 = '#d99530';
-export const GL_COLOR_ORANGE_400 = '#c17d10';
-export const GL_COLOR_ORANGE_500 = '#ab6100';
-export const GL_COLOR_ORANGE_600 = '#995715';
-export const GL_COLOR_ORANGE_700 = '#894b16';
-export const GL_COLOR_ORANGE_800 = '#693c14';
-export const GL_COLOR_ORANGE_900 = '#532e16';
-export const GL_COLOR_ORANGE_950 = '#382315';
-export const GL_COLOR_PURPLE_50 = '#f4f0ff';
-export const GL_COLOR_PURPLE_100 = '#e1d8f9';
-export const GL_COLOR_PURPLE_200 = '#cbbbf2';
-export const GL_COLOR_PURPLE_300 = '#ac93e6';
-export const GL_COLOR_PURPLE_400 = '#9475db';
-export const GL_COLOR_PURPLE_500 = '#7b58cf';
-export const GL_COLOR_PURPLE_600 = '#6a4fb4';
-export const GL_COLOR_PURPLE_700 = '#5c47a6';
-export const GL_COLOR_PURPLE_800 = '#493c83';
-export const GL_COLOR_PURPLE_900 = '#342d59';
-export const GL_COLOR_PURPLE_950 = '#27243e';
-export const GL_COLOR_RED_50 = '#fcf1ef';
-export const GL_COLOR_RED_100 = '#fdd4cd';
-export const GL_COLOR_RED_200 = '#fcb5aa';
-export const GL_COLOR_RED_300 = '#f6806d';
-export const GL_COLOR_RED_400 = '#ec5941';
-export const GL_COLOR_RED_500 = '#dd2b0e';
-export const GL_COLOR_RED_600 = '#c02f12';
-export const GL_COLOR_RED_700 = '#a32c12';
-export const GL_COLOR_RED_800 = '#812713';
-export const GL_COLOR_RED_900 = '#582014';
-export const GL_COLOR_RED_950 = '#3e1a14';
+export const GL_COLOR_ORANGE_50 = '#fdf0d5';
+export const GL_COLOR_ORANGE_100 = '#fada9c';
+export const GL_COLOR_ORANGE_200 = '#f7b951';
+export const GL_COLOR_ORANGE_300 = '#fb8017';
+export const GL_COLOR_ORANGE_400 = '#e95f21';
+export const GL_COLOR_ORANGE_500 = '#c74816';
+export const GL_COLOR_ORANGE_600 = '#b34013';
+export const GL_COLOR_ORANGE_700 = '#9e3811';
+export const GL_COLOR_ORANGE_800 = '#7d2d0e';
+export const GL_COLOR_ORANGE_900 = '#5d220d';
+export const GL_COLOR_ORANGE_950 = '#461807';
+export const GL_COLOR_PURPLE_50 = '#f4f0fc';
+export const GL_COLOR_PURPLE_100 = '#e1daf7';
+export const GL_COLOR_PURPLE_200 = '#c9beef';
+export const GL_COLOR_PURPLE_300 = '#a997e1';
+export const GL_COLOR_PURPLE_400 = '#927cd7';
+export const GL_COLOR_PURPLE_500 = '#7862c8';
+export const GL_COLOR_PURPLE_600 = '#6a54c0';
+export const GL_COLOR_PURPLE_700 = '#5b46b8';
+export const GL_COLOR_PURPLE_800 = '#483698';
+export const GL_COLOR_PURPLE_900 = '#362676';
+export const GL_COLOR_PURPLE_950 = '#291a5c';
+export const GL_COLOR_RED_50 = '#feeef0';
+export const GL_COLOR_RED_100 = '#ffd3d7';
+export const GL_COLOR_RED_200 = '#ffafb8';
+export const GL_COLOR_RED_300 = '#fc7988';
+export const GL_COLOR_RED_400 = '#f15168';
+export const GL_COLOR_RED_500 = '#de1d4b';
+export const GL_COLOR_RED_600 = '#c52042';
+export const GL_COLOR_RED_700 = '#ac203a';
+export const GL_COLOR_RED_800 = '#891c2f';
+export const GL_COLOR_RED_900 = '#641925';
+export const GL_COLOR_RED_950 = '#48151d';
 export const GL_FONT_FAMILY_REGULAR = [
   "var(--default-regular-font, 'GitLab Sans')",
   "'GitLab Sans'",
@@ -363,23 +363,23 @@ export const GL_ALERT_NEUTRAL_BORDER_COLOR = '#c1bfbe';
 export const GL_ALERT_NEUTRAL_BORDER_TOP_COLOR = 'rgba(0, 0, 0, 0)';
 export const GL_ALERT_NEUTRAL_BORDER_BOTTOM_COLOR = 'rgba(0, 0, 0, 0)';
 export const GL_ALERT_INFO_TITLE_COLOR = '#18171d';
-export const GL_ALERT_INFO_BACKGROUND_COLOR = '#e9f3fc';
-export const GL_ALERT_INFO_BORDER_COLOR = '#9dc7f1';
+export const GL_ALERT_INFO_BACKGROUND_COLOR = '#e8f2fd';
+export const GL_ALERT_INFO_BORDER_COLOR = '#9dc8f2';
 export const GL_ALERT_INFO_BORDER_TOP_COLOR = 'rgba(0, 0, 0, 0)';
 export const GL_ALERT_INFO_BORDER_BOTTOM_COLOR = 'rgba(0, 0, 0, 0)';
 export const GL_ALERT_SUCCESS_TITLE_COLOR = '#18171d';
-export const GL_ALERT_SUCCESS_BACKGROUND_COLOR = '#ecf4ee';
-export const GL_ALERT_SUCCESS_BORDER_COLOR = '#91d4a8';
+export const GL_ALERT_SUCCESS_BACKGROUND_COLOR = '#e6f5ea';
+export const GL_ALERT_SUCCESS_BORDER_COLOR = '#84d4b6';
 export const GL_ALERT_SUCCESS_BORDER_TOP_COLOR = 'rgba(0, 0, 0, 0)';
 export const GL_ALERT_SUCCESS_BORDER_BOTTOM_COLOR = 'rgba(0, 0, 0, 0)';
 export const GL_ALERT_WARNING_TITLE_COLOR = '#18171d';
-export const GL_ALERT_WARNING_BACKGROUND_COLOR = '#fdf1dd';
-export const GL_ALERT_WARNING_BORDER_COLOR = '#e9be74';
+export const GL_ALERT_WARNING_BACKGROUND_COLOR = '#fdf0d5';
+export const GL_ALERT_WARNING_BORDER_COLOR = '#f7b951';
 export const GL_ALERT_WARNING_BORDER_TOP_COLOR = 'rgba(0, 0, 0, 0)';
 export const GL_ALERT_WARNING_BORDER_BOTTOM_COLOR = 'rgba(0, 0, 0, 0)';
 export const GL_ALERT_DANGER_TITLE_COLOR = '#18171d';
-export const GL_ALERT_DANGER_BACKGROUND_COLOR = '#fcf1ef';
-export const GL_ALERT_DANGER_BORDER_COLOR = '#dd2b0e';
+export const GL_ALERT_DANGER_BACKGROUND_COLOR = '#feeef0';
+export const GL_ALERT_DANGER_BORDER_COLOR = '#de1d4b';
 export const GL_ALERT_DANGER_BORDER_TOP_COLOR = 'rgba(0, 0, 0, 0)';
 export const GL_ALERT_DANGER_BORDER_BOTTOM_COLOR = 'rgba(0, 0, 0, 0)';
 export const GL_APPLICATION_CHROME_BACKGROUND_COLOR = '#ecebea';
@@ -388,19 +388,18 @@ export const GL_AVATAR_BORDER_COLOR_HOVER = 'rgba(5, 5, 6, 0.24)';
 export const GL_AVATAR_CIRCLE_BORDER_RADIUS_DEFAULT = '9999px';
 export const GL_AVATAR_SQUARE_BORDER_RADIUS_DEFAULT = '0.25rem';
 export const GL_AVATAR_SQUARE_BORDER_RADIUS_LG = '0.5rem';
-export const GL_AVATAR_FALLBACK_TEXT_COLOR_RED = '#812713';
-export const GL_AVATAR_FALLBACK_TEXT_COLOR_PURPLE = '#493c83';
-export const GL_AVATAR_FALLBACK_TEXT_COLOR_BLUE = '#284779';
-export const GL_AVATAR_FALLBACK_TEXT_COLOR_GREEN = '#225131';
-export const GL_AVATAR_FALLBACK_TEXT_COLOR_ORANGE = '#693c14';
+export const GL_AVATAR_FALLBACK_TEXT_COLOR_RED = '#891c2f';
+export const GL_AVATAR_FALLBACK_TEXT_COLOR_PURPLE = '#483698';
+export const GL_AVATAR_FALLBACK_TEXT_COLOR_BLUE = '#254581';
+export const GL_AVATAR_FALLBACK_TEXT_COLOR_GREEN = '#075048';
+export const GL_AVATAR_FALLBACK_TEXT_COLOR_ORANGE = '#7d2d0e';
 export const GL_AVATAR_FALLBACK_TEXT_COLOR_NEUTRAL = '#3a383d';
-export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_RED = 'rgba(252, 181, 170, 0.23921568627450981)';
+export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_RED = 'rgba(255, 175, 184, 0.23921568627450981)';
 export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_PURPLE =
-  'rgba(203, 187, 242, 0.23921568627450981)';
-export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_BLUE = 'rgba(157, 199, 241, 0.23921568627450981)';
-export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_GREEN = 'rgba(145, 212, 168, 0.23921568627450981)';
-export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_ORANGE =
-  'rgba(233, 190, 116, 0.23921568627450981)';
+  'rgba(201, 190, 239, 0.23921568627450981)';
+export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_BLUE = 'rgba(157, 200, 242, 0.23921568627450981)';
+export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_GREEN = 'rgba(132, 212, 182, 0.23921568627450981)';
+export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_ORANGE = 'rgba(247, 185, 81, 0.23921568627450981)';
 export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_NEUTRAL =
   'rgba(191, 191, 195, 0.23921568627450981)';
 export const GL_BADGE_MUTED_BACKGROUND_COLOR_DEFAULT = '#ecebea';
@@ -435,89 +434,89 @@ export const GL_BADGE_NEUTRAL_ICON_COLOR_DEFAULT = '#747273';
 export const GL_BADGE_NEUTRAL_ICON_COLOR_HOVER = '#646163';
 export const GL_BADGE_NEUTRAL_ICON_COLOR_FOCUS = '#646163';
 export const GL_BADGE_NEUTRAL_ICON_COLOR_ACTIVE = '#4d4b4e';
-export const GL_BADGE_INFO_BACKGROUND_COLOR_DEFAULT = '#cbe2f9';
-export const GL_BADGE_INFO_BACKGROUND_COLOR_HOVER = '#cbe2f9';
-export const GL_BADGE_INFO_BACKGROUND_COLOR_FOCUS = '#cbe2f9';
-export const GL_BADGE_INFO_BACKGROUND_COLOR_ACTIVE = '#9dc7f1';
+export const GL_BADGE_INFO_BACKGROUND_COLOR_DEFAULT = '#c8e0f9';
+export const GL_BADGE_INFO_BACKGROUND_COLOR_HOVER = '#c8e0f9';
+export const GL_BADGE_INFO_BACKGROUND_COLOR_FOCUS = '#c8e0f9';
+export const GL_BADGE_INFO_BACKGROUND_COLOR_ACTIVE = '#9dc8f2';
 export const GL_BADGE_INFO_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
-export const GL_BADGE_INFO_BORDER_COLOR_HOVER = '#9dc7f1';
+export const GL_BADGE_INFO_BORDER_COLOR_HOVER = '#9dc8f2';
 export const GL_BADGE_INFO_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
 export const GL_BADGE_INFO_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
-export const GL_BADGE_INFO_TEXT_COLOR_DEFAULT = '#2f5ca0';
-export const GL_BADGE_INFO_TEXT_COLOR_HOVER = '#284779';
-export const GL_BADGE_INFO_TEXT_COLOR_FOCUS = '#284779';
-export const GL_BADGE_INFO_TEXT_COLOR_ACTIVE = '#213454';
-export const GL_BADGE_INFO_ICON_COLOR_DEFAULT = '#1f75cb';
-export const GL_BADGE_INFO_ICON_COLOR_HOVER = '#2f68b4';
-export const GL_BADGE_INFO_ICON_COLOR_FOCUS = '#2f68b4';
-export const GL_BADGE_INFO_ICON_COLOR_ACTIVE = '#2f5ca0';
-export const GL_BADGE_SUCCESS_BACKGROUND_COLOR_DEFAULT = '#c3e6cd';
-export const GL_BADGE_SUCCESS_BACKGROUND_COLOR_HOVER = '#c3e6cd';
-export const GL_BADGE_SUCCESS_BACKGROUND_COLOR_FOCUS = '#c3e6cd';
-export const GL_BADGE_SUCCESS_BACKGROUND_COLOR_ACTIVE = '#91d4a8';
+export const GL_BADGE_INFO_TEXT_COLOR_DEFAULT = '#27599f';
+export const GL_BADGE_INFO_TEXT_COLOR_HOVER = '#254581';
+export const GL_BADGE_INFO_TEXT_COLOR_FOCUS = '#254581';
+export const GL_BADGE_INFO_TEXT_COLOR_ACTIVE = '#1f3166';
+export const GL_BADGE_INFO_ICON_COLOR_DEFAULT = '#1f73ca';
+export const GL_BADGE_INFO_ICON_COLOR_HOVER = '#2566b5';
+export const GL_BADGE_INFO_ICON_COLOR_FOCUS = '#2566b5';
+export const GL_BADGE_INFO_ICON_COLOR_ACTIVE = '#27599f';
+export const GL_BADGE_SUCCESS_BACKGROUND_COLOR_DEFAULT = '#bee6d0';
+export const GL_BADGE_SUCCESS_BACKGROUND_COLOR_HOVER = '#bee6d0';
+export const GL_BADGE_SUCCESS_BACKGROUND_COLOR_FOCUS = '#bee6d0';
+export const GL_BADGE_SUCCESS_BACKGROUND_COLOR_ACTIVE = '#84d4b6';
 export const GL_BADGE_SUCCESS_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
-export const GL_BADGE_SUCCESS_BORDER_COLOR_HOVER = '#91d4a8';
+export const GL_BADGE_SUCCESS_BORDER_COLOR_HOVER = '#84d4b6';
 export const GL_BADGE_SUCCESS_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
 export const GL_BADGE_SUCCESS_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
-export const GL_BADGE_SUCCESS_TEXT_COLOR_DEFAULT = '#306440';
-export const GL_BADGE_SUCCESS_TEXT_COLOR_HOVER = '#225131';
-export const GL_BADGE_SUCCESS_TEXT_COLOR_FOCUS = '#225131';
-export const GL_BADGE_SUCCESS_TEXT_COLOR_ACTIVE = '#1e3e28';
-export const GL_BADGE_SUCCESS_ICON_COLOR_DEFAULT = '#108548';
-export const GL_BADGE_SUCCESS_ICON_COLOR_HOVER = '#2f7549';
-export const GL_BADGE_SUCCESS_ICON_COLOR_FOCUS = '#2f7549';
-export const GL_BADGE_SUCCESS_ICON_COLOR_ACTIVE = '#306440';
-export const GL_BADGE_WARNING_BACKGROUND_COLOR_DEFAULT = '#f5d9a8';
-export const GL_BADGE_WARNING_BACKGROUND_COLOR_HOVER = '#f5d9a8';
-export const GL_BADGE_WARNING_BACKGROUND_COLOR_FOCUS = '#f5d9a8';
-export const GL_BADGE_WARNING_BACKGROUND_COLOR_ACTIVE = '#e9be74';
+export const GL_BADGE_SUCCESS_TEXT_COLOR_DEFAULT = '#0b645a';
+export const GL_BADGE_SUCCESS_TEXT_COLOR_HOVER = '#075048';
+export const GL_BADGE_SUCCESS_TEXT_COLOR_FOCUS = '#075048';
+export const GL_BADGE_SUCCESS_TEXT_COLOR_ACTIVE = '#003c36';
+export const GL_BADGE_SUCCESS_ICON_COLOR_DEFAULT = '#0d8070';
+export const GL_BADGE_SUCCESS_ICON_COLOR_HOVER = '#0c7265';
+export const GL_BADGE_SUCCESS_ICON_COLOR_FOCUS = '#0c7265';
+export const GL_BADGE_SUCCESS_ICON_COLOR_ACTIVE = '#0b645a';
+export const GL_BADGE_WARNING_BACKGROUND_COLOR_DEFAULT = '#fada9c';
+export const GL_BADGE_WARNING_BACKGROUND_COLOR_HOVER = '#fada9c';
+export const GL_BADGE_WARNING_BACKGROUND_COLOR_FOCUS = '#fada9c';
+export const GL_BADGE_WARNING_BACKGROUND_COLOR_ACTIVE = '#f7b951';
 export const GL_BADGE_WARNING_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
-export const GL_BADGE_WARNING_BORDER_COLOR_HOVER = '#e9be74';
+export const GL_BADGE_WARNING_BORDER_COLOR_HOVER = '#f7b951';
 export const GL_BADGE_WARNING_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
 export const GL_BADGE_WARNING_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
-export const GL_BADGE_WARNING_TEXT_COLOR_DEFAULT = '#894b16';
-export const GL_BADGE_WARNING_TEXT_COLOR_HOVER = '#693c14';
-export const GL_BADGE_WARNING_TEXT_COLOR_FOCUS = '#693c14';
-export const GL_BADGE_WARNING_TEXT_COLOR_ACTIVE = '#532e16';
-export const GL_BADGE_WARNING_ICON_COLOR_DEFAULT = '#ab6100';
-export const GL_BADGE_WARNING_ICON_COLOR_HOVER = '#995715';
-export const GL_BADGE_WARNING_ICON_COLOR_FOCUS = '#995715';
-export const GL_BADGE_WARNING_ICON_COLOR_ACTIVE = '#894b16';
-export const GL_BADGE_DANGER_BACKGROUND_COLOR_DEFAULT = '#fdd4cd';
-export const GL_BADGE_DANGER_BACKGROUND_COLOR_HOVER = '#fdd4cd';
-export const GL_BADGE_DANGER_BACKGROUND_COLOR_FOCUS = '#fdd4cd';
-export const GL_BADGE_DANGER_BACKGROUND_COLOR_ACTIVE = '#fcb5aa';
+export const GL_BADGE_WARNING_TEXT_COLOR_DEFAULT = '#9e3811';
+export const GL_BADGE_WARNING_TEXT_COLOR_HOVER = '#7d2d0e';
+export const GL_BADGE_WARNING_TEXT_COLOR_FOCUS = '#7d2d0e';
+export const GL_BADGE_WARNING_TEXT_COLOR_ACTIVE = '#5d220d';
+export const GL_BADGE_WARNING_ICON_COLOR_DEFAULT = '#c74816';
+export const GL_BADGE_WARNING_ICON_COLOR_HOVER = '#b34013';
+export const GL_BADGE_WARNING_ICON_COLOR_FOCUS = '#b34013';
+export const GL_BADGE_WARNING_ICON_COLOR_ACTIVE = '#9e3811';
+export const GL_BADGE_DANGER_BACKGROUND_COLOR_DEFAULT = '#ffd3d7';
+export const GL_BADGE_DANGER_BACKGROUND_COLOR_HOVER = '#ffd3d7';
+export const GL_BADGE_DANGER_BACKGROUND_COLOR_FOCUS = '#ffd3d7';
+export const GL_BADGE_DANGER_BACKGROUND_COLOR_ACTIVE = '#ffafb8';
 export const GL_BADGE_DANGER_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
-export const GL_BADGE_DANGER_BORDER_COLOR_HOVER = '#fcb5aa';
+export const GL_BADGE_DANGER_BORDER_COLOR_HOVER = '#ffafb8';
 export const GL_BADGE_DANGER_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
 export const GL_BADGE_DANGER_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
-export const GL_BADGE_DANGER_TEXT_COLOR_DEFAULT = '#a32c12';
-export const GL_BADGE_DANGER_TEXT_COLOR_HOVER = '#812713';
-export const GL_BADGE_DANGER_TEXT_COLOR_FOCUS = '#812713';
-export const GL_BADGE_DANGER_TEXT_COLOR_ACTIVE = '#582014';
-export const GL_BADGE_DANGER_ICON_COLOR_DEFAULT = '#a32c12';
-export const GL_BADGE_DANGER_ICON_COLOR_HOVER = '#812713';
-export const GL_BADGE_DANGER_ICON_COLOR_FOCUS = '#812713';
-export const GL_BADGE_DANGER_ICON_COLOR_ACTIVE = '#582014';
-export const GL_BADGE_TIER_BACKGROUND_COLOR_DEFAULT = '#e1d8f9';
-export const GL_BADGE_TIER_BACKGROUND_COLOR_HOVER = '#e1d8f9';
-export const GL_BADGE_TIER_BACKGROUND_COLOR_FOCUS = '#e1d8f9';
-export const GL_BADGE_TIER_BACKGROUND_COLOR_ACTIVE = '#cbbbf2';
+export const GL_BADGE_DANGER_TEXT_COLOR_DEFAULT = '#ac203a';
+export const GL_BADGE_DANGER_TEXT_COLOR_HOVER = '#891c2f';
+export const GL_BADGE_DANGER_TEXT_COLOR_FOCUS = '#891c2f';
+export const GL_BADGE_DANGER_TEXT_COLOR_ACTIVE = '#641925';
+export const GL_BADGE_DANGER_ICON_COLOR_DEFAULT = '#ac203a';
+export const GL_BADGE_DANGER_ICON_COLOR_HOVER = '#891c2f';
+export const GL_BADGE_DANGER_ICON_COLOR_FOCUS = '#891c2f';
+export const GL_BADGE_DANGER_ICON_COLOR_ACTIVE = '#641925';
+export const GL_BADGE_TIER_BACKGROUND_COLOR_DEFAULT = '#e1daf7';
+export const GL_BADGE_TIER_BACKGROUND_COLOR_HOVER = '#e1daf7';
+export const GL_BADGE_TIER_BACKGROUND_COLOR_FOCUS = '#e1daf7';
+export const GL_BADGE_TIER_BACKGROUND_COLOR_ACTIVE = '#c9beef';
 export const GL_BADGE_TIER_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
-export const GL_BADGE_TIER_BORDER_COLOR_HOVER = '#cbbbf2';
+export const GL_BADGE_TIER_BORDER_COLOR_HOVER = '#c9beef';
 export const GL_BADGE_TIER_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
 export const GL_BADGE_TIER_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
-export const GL_BADGE_TIER_TEXT_COLOR_DEFAULT = '#5c47a6';
-export const GL_BADGE_TIER_TEXT_COLOR_HOVER = '#493c83';
-export const GL_BADGE_TIER_TEXT_COLOR_FOCUS = '#493c83';
-export const GL_BADGE_TIER_TEXT_COLOR_ACTIVE = '#342d59';
-export const GL_BADGE_TIER_ICON_COLOR_DEFAULT = '#5c47a6';
-export const GL_BADGE_TIER_ICON_COLOR_HOVER = '#493c83';
-export const GL_BADGE_TIER_ICON_COLOR_FOCUS = '#493c83';
-export const GL_BADGE_TIER_ICON_COLOR_ACTIVE = '#342d59';
-export const GL_BANNER_INTRO_BORDER_COLOR = '#9dc7f1';
-export const GL_BANNER_PROMO_BACKGROUND_COLOR = '#f4f0ff';
-export const GL_BANNER_PROMO_BORDER_COLOR = '#cbbbf2';
+export const GL_BADGE_TIER_TEXT_COLOR_DEFAULT = '#5b46b8';
+export const GL_BADGE_TIER_TEXT_COLOR_HOVER = '#483698';
+export const GL_BADGE_TIER_TEXT_COLOR_FOCUS = '#483698';
+export const GL_BADGE_TIER_TEXT_COLOR_ACTIVE = '#362676';
+export const GL_BADGE_TIER_ICON_COLOR_DEFAULT = '#5b46b8';
+export const GL_BADGE_TIER_ICON_COLOR_HOVER = '#483698';
+export const GL_BADGE_TIER_ICON_COLOR_FOCUS = '#483698';
+export const GL_BADGE_TIER_ICON_COLOR_ACTIVE = '#362676';
+export const GL_BANNER_INTRO_BORDER_COLOR = '#9dc8f2';
+export const GL_BANNER_PROMO_BACKGROUND_COLOR = '#f4f0fc';
+export const GL_BANNER_PROMO_BORDER_COLOR = '#c9beef';
 export const GL_BREADCRUMB_SEPARATOR_COLOR = '#8a8888';
 export const GL_BROADCAST_BANNER_BACKGROUND_COLOR_BLUE = '#235180';
 export const GL_BROADCAST_BANNER_BACKGROUND_COLOR_DARK = '#747273';
@@ -625,34 +624,34 @@ export const GL_BUTTON_DANGER_PRIMARY_FOREGROUND_COLOR_DEFAULT = '#fff';
 export const GL_BUTTON_DANGER_PRIMARY_FOREGROUND_COLOR_HOVER = '#fff';
 export const GL_BUTTON_DANGER_PRIMARY_FOREGROUND_COLOR_FOCUS = '#fff';
 export const GL_BUTTON_DANGER_PRIMARY_FOREGROUND_COLOR_ACTIVE = '#fff';
-export const GL_BUTTON_DANGER_PRIMARY_BACKGROUND_COLOR_DEFAULT = '#dd2b0e';
-export const GL_BUTTON_DANGER_PRIMARY_BACKGROUND_COLOR_HOVER = '#c02f12';
-export const GL_BUTTON_DANGER_PRIMARY_BACKGROUND_COLOR_FOCUS = '#c02f12';
-export const GL_BUTTON_DANGER_PRIMARY_BACKGROUND_COLOR_ACTIVE = '#812713';
-export const GL_BUTTON_DANGER_PRIMARY_BORDER_COLOR_DEFAULT = '#c02f12';
-export const GL_BUTTON_DANGER_PRIMARY_BORDER_COLOR_HOVER = '#812713';
-export const GL_BUTTON_DANGER_PRIMARY_BORDER_COLOR_FOCUS = '#812713';
-export const GL_BUTTON_DANGER_PRIMARY_BORDER_COLOR_ACTIVE = '#582014';
-export const GL_BUTTON_DANGER_SECONDARY_FOREGROUND_COLOR_DEFAULT = '#dd2b0e';
-export const GL_BUTTON_DANGER_SECONDARY_FOREGROUND_COLOR_HOVER = '#a32c12';
-export const GL_BUTTON_DANGER_SECONDARY_FOREGROUND_COLOR_FOCUS = '#a32c12';
-export const GL_BUTTON_DANGER_SECONDARY_FOREGROUND_COLOR_ACTIVE = '#582014';
+export const GL_BUTTON_DANGER_PRIMARY_BACKGROUND_COLOR_DEFAULT = '#c52042';
+export const GL_BUTTON_DANGER_PRIMARY_BACKGROUND_COLOR_HOVER = '#ac203a';
+export const GL_BUTTON_DANGER_PRIMARY_BACKGROUND_COLOR_FOCUS = '#ac203a';
+export const GL_BUTTON_DANGER_PRIMARY_BACKGROUND_COLOR_ACTIVE = '#641925';
+export const GL_BUTTON_DANGER_PRIMARY_BORDER_COLOR_DEFAULT = '#ac203a';
+export const GL_BUTTON_DANGER_PRIMARY_BORDER_COLOR_HOVER = '#641925';
+export const GL_BUTTON_DANGER_PRIMARY_BORDER_COLOR_FOCUS = '#641925';
+export const GL_BUTTON_DANGER_PRIMARY_BORDER_COLOR_ACTIVE = '#48151d';
+export const GL_BUTTON_DANGER_SECONDARY_FOREGROUND_COLOR_DEFAULT = '#c52042';
+export const GL_BUTTON_DANGER_SECONDARY_FOREGROUND_COLOR_HOVER = '#891c2f';
+export const GL_BUTTON_DANGER_SECONDARY_FOREGROUND_COLOR_FOCUS = '#891c2f';
+export const GL_BUTTON_DANGER_SECONDARY_FOREGROUND_COLOR_ACTIVE = '#641925';
 export const GL_BUTTON_DANGER_SECONDARY_BACKGROUND_COLOR_DEFAULT = '#fff';
-export const GL_BUTTON_DANGER_SECONDARY_BACKGROUND_COLOR_HOVER = '#fcf1ef';
-export const GL_BUTTON_DANGER_SECONDARY_BACKGROUND_COLOR_FOCUS = '#fcf1ef';
-export const GL_BUTTON_DANGER_SECONDARY_BACKGROUND_COLOR_ACTIVE = '#fdd4cd';
-export const GL_BUTTON_DANGER_SECONDARY_BORDER_COLOR_DEFAULT = '#dd2b0e';
-export const GL_BUTTON_DANGER_SECONDARY_BORDER_COLOR_HOVER = '#a32c12';
-export const GL_BUTTON_DANGER_SECONDARY_BORDER_COLOR_FOCUS = '#a32c12';
-export const GL_BUTTON_DANGER_SECONDARY_BORDER_COLOR_ACTIVE = '#582014';
-export const GL_BUTTON_DANGER_TERTIARY_FOREGROUND_COLOR_DEFAULT = '#c02f12';
-export const GL_BUTTON_DANGER_TERTIARY_FOREGROUND_COLOR_HOVER = '#812713';
-export const GL_BUTTON_DANGER_TERTIARY_FOREGROUND_COLOR_FOCUS = '#812713';
-export const GL_BUTTON_DANGER_TERTIARY_FOREGROUND_COLOR_ACTIVE = '#3e1a14';
-export const GL_BUTTON_DANGER_TERTIARY_BACKGROUND_COLOR_DEFAULT = 'rgba(245, 127, 108, 0)';
-export const GL_BUTTON_DANGER_TERTIARY_BACKGROUND_COLOR_HOVER = 'rgba(245, 127, 108, 0.16)';
-export const GL_BUTTON_DANGER_TERTIARY_BACKGROUND_COLOR_FOCUS = 'rgba(245, 127, 108, 0.16)';
-export const GL_BUTTON_DANGER_TERTIARY_BACKGROUND_COLOR_ACTIVE = 'rgba(174, 24, 0, 0.24)';
+export const GL_BUTTON_DANGER_SECONDARY_BACKGROUND_COLOR_HOVER = '#feeef0';
+export const GL_BUTTON_DANGER_SECONDARY_BACKGROUND_COLOR_FOCUS = '#feeef0';
+export const GL_BUTTON_DANGER_SECONDARY_BACKGROUND_COLOR_ACTIVE = '#ffd3d7';
+export const GL_BUTTON_DANGER_SECONDARY_BORDER_COLOR_DEFAULT = '#c52042';
+export const GL_BUTTON_DANGER_SECONDARY_BORDER_COLOR_HOVER = '#891c2f';
+export const GL_BUTTON_DANGER_SECONDARY_BORDER_COLOR_FOCUS = '#891c2f';
+export const GL_BUTTON_DANGER_SECONDARY_BORDER_COLOR_ACTIVE = '#641925';
+export const GL_BUTTON_DANGER_TERTIARY_FOREGROUND_COLOR_DEFAULT = '#c52042';
+export const GL_BUTTON_DANGER_TERTIARY_FOREGROUND_COLOR_HOVER = '#891c2f';
+export const GL_BUTTON_DANGER_TERTIARY_FOREGROUND_COLOR_FOCUS = '#891c2f';
+export const GL_BUTTON_DANGER_TERTIARY_FOREGROUND_COLOR_ACTIVE = '#48151d';
+export const GL_BUTTON_DANGER_TERTIARY_BACKGROUND_COLOR_DEFAULT = 'rgba(222, 29, 75, 0)';
+export const GL_BUTTON_DANGER_TERTIARY_BACKGROUND_COLOR_HOVER = 'rgba(222, 29, 75, 0.16)';
+export const GL_BUTTON_DANGER_TERTIARY_BACKGROUND_COLOR_FOCUS = 'rgba(222, 29, 75, 0.16)';
+export const GL_BUTTON_DANGER_TERTIARY_BACKGROUND_COLOR_ACTIVE = 'rgba(172, 32, 58, 0.24)';
 export const GL_BUTTON_DANGER_TERTIARY_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
 export const GL_BUTTON_DANGER_TERTIARY_BORDER_COLOR_HOVER = 'rgba(0, 0, 0, 0)';
 export const GL_BUTTON_DANGER_TERTIARY_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
@@ -662,10 +661,10 @@ export const GL_BUTTON_DASHED_BORDER_COLOR_HOVER = '#8a8888';
 export const GL_BUTTON_DASHED_BORDER_COLOR_FOCUS = '#8a8888';
 export const GL_BUTTON_DASHED_BORDER_COLOR_ACTIVE = '#646163';
 export const GL_BUTTON_LINK_BORDER_RADIUS = '0.25rem';
-export const GL_BUTTON_LINK_TEXT_COLOR_DEFAULT = '#2f5ca0';
-export const GL_BUTTON_LINK_TEXT_COLOR_HOVER = '#2f5ca0';
-export const GL_BUTTON_LINK_TEXT_COLOR_FOCUS = '#2f5ca0';
-export const GL_BUTTON_LINK_TEXT_COLOR_ACTIVE = '#2f5ca0';
+export const GL_BUTTON_LINK_TEXT_COLOR_DEFAULT = '#27599f';
+export const GL_BUTTON_LINK_TEXT_COLOR_HOVER = '#27599f';
+export const GL_BUTTON_LINK_TEXT_COLOR_FOCUS = '#27599f';
+export const GL_BUTTON_LINK_TEXT_COLOR_ACTIVE = '#27599f';
 export const GL_BUTTON_SELECTED_FOREGROUND_COLOR_DEFAULT = '#3a383d';
 export const GL_BUTTON_SELECTED_FOREGROUND_COLOR_HOVER = '#3a383d';
 export const GL_BUTTON_SELECTED_FOREGROUND_COLOR_FOCUS = '#3a383d';
@@ -686,8 +685,8 @@ export const GL_CARD_BORDER_RADIUS = '0.75rem';
 export const GL_CHART_AXIS_POINTER_COLOR = '#646163';
 export const GL_CHART_AXIS_LINE_COLOR = '#c1bfbe';
 export const GL_CHART_AXIS_TEXT_COLOR = '#646163';
-export const GL_CHART_THRESHOLD_AREA_COLOR = 'rgba(221, 43, 14, 0.1)';
-export const GL_CHART_THRESHOLD_LINE_COLOR = '#dd2b0e';
+export const GL_CHART_THRESHOLD_AREA_COLOR = 'rgba(222, 29, 75, 0.1)';
+export const GL_CHART_THRESHOLD_LINE_COLOR = '#de1d4b';
 export const GL_CHART_ZOOM_FILLER_COLOR = 'rgba(5, 5, 6, 0.08)';
 export const GL_CHART_ZOOM_HANDLE_COLOR = '#646163';
 export const GL_DATEPICKER_BACKGROUND_COLOR = '#fff';
@@ -765,10 +764,10 @@ export const GL_LABEL_SCOPED_TEXT_COLOR = '#18171d';
 export const GL_LABEL_SCOPED_BUTTON_BACKGROUND_COLOR_HOVER = '#18171d';
 export const GL_LABEL_SCOPED_BUTTON_ICON_COLOR_DEFAULT = '#18171d';
 export const GL_LABEL_SCOPED_BUTTON_ICON_COLOR_HOVER = '#fff';
-export const GL_LINK_MENTION_TEXT_COLOR_DEFAULT = '#284779';
-export const GL_LINK_MENTION_TEXT_COLOR_CURRENT = '#693c14';
-export const GL_LINK_MENTION_BACKGROUND_COLOR_DEFAULT = '#cbe2f9';
-export const GL_LINK_MENTION_BACKGROUND_COLOR_CURRENT = '#f5d9a8';
+export const GL_LINK_MENTION_TEXT_COLOR_DEFAULT = '#254581';
+export const GL_LINK_MENTION_TEXT_COLOR_CURRENT = '#7d2d0e';
+export const GL_LINK_MENTION_BACKGROUND_COLOR_DEFAULT = '#c8e0f9';
+export const GL_LINK_MENTION_BACKGROUND_COLOR_CURRENT = '#fada9c';
 export const GL_MODAL_BORDER_RADIUS = '1rem';
 export const GL_NAV_ITEM_BORDER_RADIUS = '0.5rem';
 export const GL_NAV_ITEM_FONT_SIZE = '0.875rem';
@@ -790,10 +789,10 @@ export const GL_NAV_ITEM_SELECTED_BACKGROUND_COLOR_DEFAULT = '#dcdbd9';
 export const GL_NAV_ITEM_SELECTED_BACKGROUND_COLOR_HOVER = '#dcdbd9';
 export const GL_NAV_ITEM_SELECTED_BACKGROUND_COLOR_FOCUS = '#dcdbd9';
 export const GL_NAV_ITEM_SELECTED_BACKGROUND_COLOR_ACTIVE = '#c1bfbe';
-export const GL_PROGRESS_BAR_INDICATOR_COLOR_DEFAULT = '#1f75cb';
-export const GL_PROGRESS_BAR_INDICATOR_COLOR_SUCCESS = '#108548';
-export const GL_PROGRESS_BAR_INDICATOR_COLOR_WARNING = '#ab6100';
-export const GL_PROGRESS_BAR_INDICATOR_COLOR_DANGER = '#dd2b0e';
+export const GL_PROGRESS_BAR_INDICATOR_COLOR_DEFAULT = '#1f73ca';
+export const GL_PROGRESS_BAR_INDICATOR_COLOR_SUCCESS = '#0d8070';
+export const GL_PROGRESS_BAR_INDICATOR_COLOR_WARNING = '#c74816';
+export const GL_PROGRESS_BAR_INDICATOR_COLOR_DANGER = '#de1d4b';
 export const GL_PROGRESS_BAR_TRACK_COLOR = '#c1bfbe';
 export const GL_SKELETON_LOADER_BACKGROUND_COLOR = '#dcdbd9';
 export const GL_SKELETON_LOADER_SHIMMER_COLOR = '#ecebea';
@@ -801,7 +800,7 @@ export const GL_SPINNER_TRACK_COLOR_DEFAULT = '#dcdbd9';
 export const GL_SPINNER_TRACK_COLOR_LIGHT = '#3a383d';
 export const GL_SPINNER_SEGMENT_COLOR_DEFAULT = '#4d4b4e';
 export const GL_SPINNER_SEGMENT_COLOR_LIGHT = '#c1bfbe';
-export const GL_TABLE_ROW_BACKGROUND_COLOR_HOVER = '#e9f3fc';
+export const GL_TABLE_ROW_BACKGROUND_COLOR_HOVER = '#e8f2fd';
 export const GL_TABLE_SORTING_ICON_COLOR = '#18171d';
 export const GL_TAB_SELECTED_INDICATOR_COLOR_DEFAULT = '#050408';
 export const GL_TOGGLE_SWITCH_TRACK_COLOR_UNCHECKED_DEFAULT = '#fff';
@@ -908,17 +907,17 @@ export const DATA_VIZ_ORANGE_900 = '#5e2f05';
 export const DATA_VIZ_ORANGE_950 = '#4b2707';
 export const BLACK = '#050408';
 export const WHITE = '#fff';
-export const BLUE_50 = '#e9f3fc';
-export const BLUE_100 = '#cbe2f9';
-export const BLUE_200 = '#9dc7f1';
-export const BLUE_300 = '#63a6e9';
-export const BLUE_400 = '#428fdc';
-export const BLUE_500 = '#1f75cb';
-export const BLUE_600 = '#2f68b4';
-export const BLUE_700 = '#2f5ca0';
-export const BLUE_800 = '#284779';
-export const BLUE_900 = '#213454';
-export const BLUE_950 = '#1d283e';
+export const BLUE_50 = '#e8f2fd';
+export const BLUE_100 = '#c8e0f9';
+export const BLUE_200 = '#9dc8f2';
+export const BLUE_300 = '#64a7e9';
+export const BLUE_400 = '#3f8edd';
+export const BLUE_500 = '#1f73ca';
+export const BLUE_600 = '#2566b5';
+export const BLUE_700 = '#27599f';
+export const BLUE_800 = '#254581';
+export const BLUE_900 = '#1f3166';
+export const BLUE_950 = '#1d2153';
 export const GRAY_10 = '#f7f7f5';
 export const GRAY_50 = '#ecebea';
 export const GRAY_100 = '#dcdbd9';
@@ -931,50 +930,50 @@ export const GRAY_700 = '#4d4b4e';
 export const GRAY_800 = '#3a383d';
 export const GRAY_900 = '#28272d';
 export const GRAY_950 = '#18171d';
-export const GREEN_50 = '#ecf4ee';
-export const GREEN_100 = '#c3e6cd';
-export const GREEN_200 = '#91d4a8';
-export const GREEN_300 = '#52b87a';
-export const GREEN_400 = '#2da160';
-export const GREEN_500 = '#108548';
-export const GREEN_600 = '#2f7549';
-export const GREEN_700 = '#306440';
-export const GREEN_800 = '#225131';
-export const GREEN_900 = '#1e3e28';
-export const GREEN_950 = '#17291c';
-export const ORANGE_50 = '#fdf1dd';
-export const ORANGE_100 = '#f5d9a8';
-export const ORANGE_200 = '#e9be74';
-export const ORANGE_300 = '#d99530';
-export const ORANGE_400 = '#c17d10';
-export const ORANGE_500 = '#ab6100';
-export const ORANGE_600 = '#995715';
-export const ORANGE_700 = '#894b16';
-export const ORANGE_800 = '#693c14';
-export const ORANGE_900 = '#532e16';
-export const ORANGE_950 = '#382315';
-export const PURPLE_50 = '#f4f0ff';
-export const PURPLE_100 = '#e1d8f9';
-export const PURPLE_200 = '#cbbbf2';
-export const PURPLE_300 = '#ac93e6';
-export const PURPLE_400 = '#9475db';
-export const PURPLE_500 = '#7b58cf';
-export const PURPLE_600 = '#6a4fb4';
-export const PURPLE_700 = '#5c47a6';
-export const PURPLE_800 = '#493c83';
-export const PURPLE_900 = '#342d59';
-export const PURPLE_950 = '#27243e';
-export const RED_50 = '#fcf1ef';
-export const RED_100 = '#fdd4cd';
-export const RED_200 = '#fcb5aa';
-export const RED_300 = '#f6806d';
-export const RED_400 = '#ec5941';
-export const RED_500 = '#dd2b0e';
-export const RED_600 = '#c02f12';
-export const RED_700 = '#a32c12';
-export const RED_800 = '#812713';
-export const RED_900 = '#582014';
-export const RED_950 = '#3e1a14';
+export const GREEN_50 = '#e6f5ea';
+export const GREEN_100 = '#bee6d0';
+export const GREEN_200 = '#84d4b6';
+export const GREEN_300 = '#35b597';
+export const GREEN_400 = '#129c84';
+export const GREEN_500 = '#0d8070';
+export const GREEN_600 = '#0c7265';
+export const GREEN_700 = '#0b645a';
+export const GREEN_800 = '#075048';
+export const GREEN_900 = '#003c36';
+export const GREEN_950 = '#002c26';
+export const ORANGE_50 = '#fdf0d5';
+export const ORANGE_100 = '#fada9c';
+export const ORANGE_200 = '#f7b951';
+export const ORANGE_300 = '#fb8017';
+export const ORANGE_400 = '#e95f21';
+export const ORANGE_500 = '#c74816';
+export const ORANGE_600 = '#b34013';
+export const ORANGE_700 = '#9e3811';
+export const ORANGE_800 = '#7d2d0e';
+export const ORANGE_900 = '#5d220d';
+export const ORANGE_950 = '#461807';
+export const PURPLE_50 = '#f4f0fc';
+export const PURPLE_100 = '#e1daf7';
+export const PURPLE_200 = '#c9beef';
+export const PURPLE_300 = '#a997e1';
+export const PURPLE_400 = '#927cd7';
+export const PURPLE_500 = '#7862c8';
+export const PURPLE_600 = '#6a54c0';
+export const PURPLE_700 = '#5b46b8';
+export const PURPLE_800 = '#483698';
+export const PURPLE_900 = '#362676';
+export const PURPLE_950 = '#291a5c';
+export const RED_50 = '#feeef0';
+export const RED_100 = '#ffd3d7';
+export const RED_200 = '#ffafb8';
+export const RED_300 = '#fc7988';
+export const RED_400 = '#f15168';
+export const RED_500 = '#de1d4b';
+export const RED_600 = '#c52042';
+export const RED_700 = '#ac203a';
+export const RED_800 = '#891c2f';
+export const RED_900 = '#641925';
+export const RED_950 = '#48151d';
 export const BRAND_CHARCOAL = '#171321';
 export const BRAND_ORANGE_01 = '#fca326';
 export const BRAND_ORANGE_02 = '#fc6d26';
@@ -1040,22 +1039,22 @@ export const GL_ACTION_CONFIRM_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
 export const GL_ACTION_CONFIRM_BORDER_COLOR_HOVER = 'rgba(0, 0, 0, 0)';
 export const GL_ACTION_CONFIRM_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
 export const GL_ACTION_CONFIRM_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
-export const GL_ACTION_DANGER_FOREGROUND_COLOR_DEFAULT = '#c02f12';
-export const GL_ACTION_DANGER_FOREGROUND_COLOR_HOVER = '#812713';
-export const GL_ACTION_DANGER_FOREGROUND_COLOR_FOCUS = '#812713';
-export const GL_ACTION_DANGER_FOREGROUND_COLOR_ACTIVE = '#3e1a14';
-export const GL_ACTION_DANGER_BACKGROUND_COLOR_DEFAULT = 'rgba(245, 127, 108, 0)';
-export const GL_ACTION_DANGER_BACKGROUND_COLOR_HOVER = 'rgba(245, 127, 108, 0.16)';
-export const GL_ACTION_DANGER_BACKGROUND_COLOR_FOCUS = 'rgba(245, 127, 108, 0.16)';
-export const GL_ACTION_DANGER_BACKGROUND_COLOR_ACTIVE = 'rgba(174, 24, 0, 0.24)';
+export const GL_ACTION_DANGER_FOREGROUND_COLOR_DEFAULT = '#c52042';
+export const GL_ACTION_DANGER_FOREGROUND_COLOR_HOVER = '#891c2f';
+export const GL_ACTION_DANGER_FOREGROUND_COLOR_FOCUS = '#891c2f';
+export const GL_ACTION_DANGER_FOREGROUND_COLOR_ACTIVE = '#48151d';
+export const GL_ACTION_DANGER_BACKGROUND_COLOR_DEFAULT = 'rgba(222, 29, 75, 0)';
+export const GL_ACTION_DANGER_BACKGROUND_COLOR_HOVER = 'rgba(222, 29, 75, 0.16)';
+export const GL_ACTION_DANGER_BACKGROUND_COLOR_FOCUS = 'rgba(222, 29, 75, 0.16)';
+export const GL_ACTION_DANGER_BACKGROUND_COLOR_ACTIVE = 'rgba(172, 32, 58, 0.24)';
 export const GL_ACTION_DANGER_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
 export const GL_ACTION_DANGER_BORDER_COLOR_HOVER = 'rgba(0, 0, 0, 0)';
 export const GL_ACTION_DANGER_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
 export const GL_ACTION_DANGER_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
-export const GL_ACTION_STRONG_CONFIRM_BACKGROUND_COLOR_DEFAULT = '#1f75cb';
-export const GL_ACTION_STRONG_CONFIRM_BACKGROUND_COLOR_HOVER = '#2f68b4';
-export const GL_ACTION_STRONG_CONFIRM_BACKGROUND_COLOR_FOCUS = '#2f68b4';
-export const GL_ACTION_STRONG_CONFIRM_BACKGROUND_COLOR_ACTIVE = '#2f5ca0';
+export const GL_ACTION_STRONG_CONFIRM_BACKGROUND_COLOR_DEFAULT = '#1f73ca';
+export const GL_ACTION_STRONG_CONFIRM_BACKGROUND_COLOR_HOVER = '#2566b5';
+export const GL_ACTION_STRONG_CONFIRM_BACKGROUND_COLOR_FOCUS = '#2566b5';
+export const GL_ACTION_STRONG_CONFIRM_BACKGROUND_COLOR_ACTIVE = '#27599f';
 export const GL_ACTION_STRONG_CONFIRM_FOREGROUND_COLOR_DEFAULT = '#fff';
 export const GL_ACTION_STRONG_CONFIRM_FOREGROUND_COLOR_HOVER = '#fff';
 export const GL_ACTION_STRONG_CONFIRM_FOREGROUND_COLOR_FOCUS = '#fff';
@@ -1094,13 +1093,13 @@ export const GL_CONTROL_BORDER_COLOR_DEFAULT = '#8a8888';
 export const GL_CONTROL_BORDER_COLOR_HOVER = '#646163';
 export const GL_CONTROL_BORDER_COLOR_FOCUS = '#28272d';
 export const GL_CONTROL_BORDER_COLOR_DISABLED = '#dcdbd9';
-export const GL_CONTROL_BORDER_COLOR_ERROR = '#dd2b0e';
+export const GL_CONTROL_BORDER_COLOR_ERROR = '#de1d4b';
 export const GL_CONTROL_BORDER_COLOR_SELECTED_DEFAULT = '#3a383d';
 export const GL_CONTROL_BORDER_COLOR_SELECTED_HOVER = '#18171d';
 export const GL_CONTROL_BORDER_COLOR_SELECTED_FOCUS = '#18171d';
 export const GL_CONTROL_BORDER_RADIUS = '0.5rem';
-export const GL_CONTROL_TEXT_COLOR_ERROR = '#c02f12';
-export const GL_CONTROL_TEXT_COLOR_VALID = '#2f7549';
+export const GL_CONTROL_TEXT_COLOR_ERROR = '#c52042';
+export const GL_CONTROL_TEXT_COLOR_VALID = '#0c7265';
 export const GL_CONTROL_PLACEHOLDER_COLOR = '#747273';
 export const GL_CONTROL_INDICATOR_COLOR_SELECTED = '#fff';
 export const GL_CONTROL_INDICATOR_COLOR_DISABLED = '#747273';
@@ -1109,65 +1108,65 @@ export const GL_FEEDBACK_STRONG_BACKGROUND_COLOR = '#3a383d';
 export const GL_FEEDBACK_STRONG_BORDER_COLOR = '#050408';
 export const GL_FEEDBACK_STRONG_TEXT_COLOR = '#fff';
 export const GL_FEEDBACK_STRONG_ICON_COLOR = '#fff';
-export const GL_FEEDBACK_STRONG_LINK_COLOR = '#63a6e9';
+export const GL_FEEDBACK_STRONG_LINK_COLOR = '#64a7e9';
 export const GL_FEEDBACK_NEUTRAL_BACKGROUND_COLOR = '#ecebea';
 export const GL_FEEDBACK_NEUTRAL_BORDER_COLOR = '#c1bfbe';
 export const GL_FEEDBACK_NEUTRAL_TEXT_COLOR = '#4d4b4e';
 export const GL_FEEDBACK_NEUTRAL_ICON_COLOR = '#646163';
-export const GL_FEEDBACK_INFO_BACKGROUND_COLOR = '#e9f3fc';
-export const GL_FEEDBACK_INFO_BORDER_COLOR = '#9dc7f1';
-export const GL_FEEDBACK_INFO_TEXT_COLOR = '#2f5ca0';
-export const GL_FEEDBACK_INFO_ICON_COLOR = '#2f68b4';
-export const GL_FEEDBACK_SUCCESS_BACKGROUND_COLOR = '#ecf4ee';
-export const GL_FEEDBACK_SUCCESS_BORDER_COLOR = '#91d4a8';
-export const GL_FEEDBACK_SUCCESS_TEXT_COLOR = '#306440';
-export const GL_FEEDBACK_SUCCESS_ICON_COLOR = '#2f7549';
-export const GL_FEEDBACK_WARNING_BACKGROUND_COLOR = '#fdf1dd';
-export const GL_FEEDBACK_WARNING_BORDER_COLOR = '#e9be74';
-export const GL_FEEDBACK_WARNING_TEXT_COLOR = '#894b16';
-export const GL_FEEDBACK_WARNING_ICON_COLOR = '#995715';
-export const GL_FEEDBACK_DANGER_BACKGROUND_COLOR = '#fcf1ef';
-export const GL_FEEDBACK_DANGER_BORDER_COLOR = '#dd2b0e';
-export const GL_FEEDBACK_DANGER_TEXT_COLOR = '#a32c12';
-export const GL_FEEDBACK_DANGER_ICON_COLOR = '#c02f12';
-export const GL_FEEDBACK_BRAND_BACKGROUND_COLOR = '#f4f0ff';
-export const GL_FEEDBACK_BRAND_BORDER_COLOR = '#cbbbf2';
-export const GL_FEEDBACK_BRAND_TEXT_COLOR = '#5c47a6';
-export const GL_FEEDBACK_BRAND_ICON_COLOR = '#6a4fb4';
-export const GL_FOCUS_RING_OUTER_COLOR = '#1f75cb';
+export const GL_FEEDBACK_INFO_BACKGROUND_COLOR = '#e8f2fd';
+export const GL_FEEDBACK_INFO_BORDER_COLOR = '#9dc8f2';
+export const GL_FEEDBACK_INFO_TEXT_COLOR = '#27599f';
+export const GL_FEEDBACK_INFO_ICON_COLOR = '#2566b5';
+export const GL_FEEDBACK_SUCCESS_BACKGROUND_COLOR = '#e6f5ea';
+export const GL_FEEDBACK_SUCCESS_BORDER_COLOR = '#84d4b6';
+export const GL_FEEDBACK_SUCCESS_TEXT_COLOR = '#0b645a';
+export const GL_FEEDBACK_SUCCESS_ICON_COLOR = '#0c7265';
+export const GL_FEEDBACK_WARNING_BACKGROUND_COLOR = '#fdf0d5';
+export const GL_FEEDBACK_WARNING_BORDER_COLOR = '#f7b951';
+export const GL_FEEDBACK_WARNING_TEXT_COLOR = '#9e3811';
+export const GL_FEEDBACK_WARNING_ICON_COLOR = '#b34013';
+export const GL_FEEDBACK_DANGER_BACKGROUND_COLOR = '#feeef0';
+export const GL_FEEDBACK_DANGER_BORDER_COLOR = '#de1d4b';
+export const GL_FEEDBACK_DANGER_TEXT_COLOR = '#ac203a';
+export const GL_FEEDBACK_DANGER_ICON_COLOR = '#c52042';
+export const GL_FEEDBACK_BRAND_BACKGROUND_COLOR = '#f4f0fc';
+export const GL_FEEDBACK_BRAND_BORDER_COLOR = '#c9beef';
+export const GL_FEEDBACK_BRAND_TEXT_COLOR = '#5b46b8';
+export const GL_FEEDBACK_BRAND_ICON_COLOR = '#6a54c0';
+export const GL_FOCUS_RING_OUTER_COLOR = '#1f73ca';
 export const GL_FOCUS_RING_INNER_COLOR = '#fff';
-export const GL_HIGHLIGHT_MATCH_BACKGROUND_COLOR = '#ab6100';
+export const GL_HIGHLIGHT_MATCH_BACKGROUND_COLOR = '#c74816';
 export const GL_HIGHLIGHT_MATCH_TEXT_COLOR = '#fff';
-export const GL_HIGHLIGHT_TARGET_BACKGROUND_COLOR = '#e9f3fc';
-export const GL_HIGHLIGHT_TARGET_BORDER_COLOR = '#9dc7f1';
+export const GL_HIGHLIGHT_TARGET_BACKGROUND_COLOR = '#e8f2fd';
+export const GL_HIGHLIGHT_TARGET_BORDER_COLOR = '#9dc8f2';
 export const GL_ICON_COLOR_DEFAULT = '#3a383d';
 export const GL_ICON_COLOR_SUBTLE = '#646163';
 export const GL_ICON_COLOR_STRONG = '#18171d';
 export const GL_ICON_COLOR_DISABLED = '#8a8888';
-export const GL_ICON_COLOR_LINK = '#2f5ca0';
-export const GL_ICON_COLOR_INFO = '#2f5ca0';
-export const GL_ICON_COLOR_WARNING = '#995715';
-export const GL_ICON_COLOR_DANGER = '#c02f12';
-export const GL_ICON_COLOR_SUCCESS = '#2f7549';
+export const GL_ICON_COLOR_LINK = '#27599f';
+export const GL_ICON_COLOR_INFO = '#27599f';
+export const GL_ICON_COLOR_WARNING = '#b34013';
+export const GL_ICON_COLOR_DANGER = '#c52042';
+export const GL_ICON_COLOR_SUCCESS = '#0c7265';
 export const GL_LETTER_SPACING_HEADING = '-0.01em';
 export const GL_STATUS_NEUTRAL_BACKGROUND_COLOR = '#dcdbd9';
 export const GL_STATUS_NEUTRAL_TEXT_COLOR = '#4d4b4e';
 export const GL_STATUS_NEUTRAL_ICON_COLOR = '#747273';
-export const GL_STATUS_INFO_BACKGROUND_COLOR = '#cbe2f9';
-export const GL_STATUS_INFO_TEXT_COLOR = '#2f5ca0';
-export const GL_STATUS_INFO_ICON_COLOR = '#1f75cb';
-export const GL_STATUS_SUCCESS_BACKGROUND_COLOR = '#c3e6cd';
-export const GL_STATUS_SUCCESS_TEXT_COLOR = '#306440';
-export const GL_STATUS_SUCCESS_ICON_COLOR = '#108548';
-export const GL_STATUS_WARNING_BACKGROUND_COLOR = '#f5d9a8';
-export const GL_STATUS_WARNING_TEXT_COLOR = '#894b16';
-export const GL_STATUS_WARNING_ICON_COLOR = '#ab6100';
-export const GL_STATUS_DANGER_BACKGROUND_COLOR = '#fdd4cd';
-export const GL_STATUS_DANGER_TEXT_COLOR = '#a32c12';
-export const GL_STATUS_DANGER_ICON_COLOR = '#dd2b0e';
-export const GL_STATUS_BRAND_BACKGROUND_COLOR = '#e1d8f9';
-export const GL_STATUS_BRAND_TEXT_COLOR = '#5c47a6';
-export const GL_STATUS_BRAND_ICON_COLOR = '#7b58cf';
+export const GL_STATUS_INFO_BACKGROUND_COLOR = '#c8e0f9';
+export const GL_STATUS_INFO_TEXT_COLOR = '#27599f';
+export const GL_STATUS_INFO_ICON_COLOR = '#1f73ca';
+export const GL_STATUS_SUCCESS_BACKGROUND_COLOR = '#bee6d0';
+export const GL_STATUS_SUCCESS_TEXT_COLOR = '#0b645a';
+export const GL_STATUS_SUCCESS_ICON_COLOR = '#0d8070';
+export const GL_STATUS_WARNING_BACKGROUND_COLOR = '#fada9c';
+export const GL_STATUS_WARNING_TEXT_COLOR = '#9e3811';
+export const GL_STATUS_WARNING_ICON_COLOR = '#c74816';
+export const GL_STATUS_DANGER_BACKGROUND_COLOR = '#ffd3d7';
+export const GL_STATUS_DANGER_TEXT_COLOR = '#ac203a';
+export const GL_STATUS_DANGER_ICON_COLOR = '#de1d4b';
+export const GL_STATUS_BRAND_BACKGROUND_COLOR = '#e1daf7';
+export const GL_STATUS_BRAND_TEXT_COLOR = '#5b46b8';
+export const GL_STATUS_BRAND_ICON_COLOR = '#7862c8';
 export const GL_TEXT_PRIMARY = '#3a383d';
 export const GL_TEXT_SECONDARY = '#646163';
 export const GL_TEXT_TERTIARY = '#8a8888';
@@ -1175,10 +1174,10 @@ export const GL_TEXT_COLOR_DEFAULT = '#3a383d';
 export const GL_TEXT_COLOR_SUBTLE = '#646163';
 export const GL_TEXT_COLOR_STRONG = '#18171d';
 export const GL_TEXT_COLOR_HEADING = '#18171d';
-export const GL_TEXT_COLOR_LINK = '#2f5ca0';
-export const GL_TEXT_COLOR_WARNING = '#995715';
-export const GL_TEXT_COLOR_DANGER = '#c02f12';
-export const GL_TEXT_COLOR_SUCCESS = '#2f7549';
+export const GL_TEXT_COLOR_LINK = '#27599f';
+export const GL_TEXT_COLOR_WARNING = '#b34013';
+export const GL_TEXT_COLOR_DANGER = '#c52042';
+export const GL_TEXT_COLOR_SUCCESS = '#0c7265';
 export const GL_TEXT_COLOR_DISABLED = '#8a8888';
 export const GL_HEADING_1_FONT_WEIGHT = 600;
 export const GL_HEADING_1_MARGIN_TOP = '0px';
diff --git a/packages/tokens/dist/json/tokens.dark.json b/packages/tokens/dist/json/tokens.dark.json
index b96bf36..f8589bb 100644
--- a/packages/tokens/dist/json/tokens.dark.json
+++ b/packages/tokens/dist/json/tokens.dark.json
@@ -879,7 +879,7 @@
     "blue": {
       "50": {
         "key": "{color.blue.50}",
-        "$value": "#e9f3fc",
+        "$value": "#e8f2fd",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -887,7 +887,7 @@
         "filePath": "src/constant/color.blue.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#e9f3fc",
+          "$value": "#e8f2fd",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -904,7 +904,7 @@
       },
       "100": {
         "key": "{color.blue.100}",
-        "$value": "#cbe2f9",
+        "$value": "#c8e0f9",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -912,7 +912,7 @@
         "filePath": "src/constant/color.blue.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#cbe2f9",
+          "$value": "#c8e0f9",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -929,7 +929,7 @@
       },
       "200": {
         "key": "{color.blue.200}",
-        "$value": "#9dc7f1",
+        "$value": "#9dc8f2",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -937,7 +937,7 @@
         "filePath": "src/constant/color.blue.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#9dc7f1",
+          "$value": "#9dc8f2",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -954,7 +954,7 @@
       },
       "300": {
         "key": "{color.blue.300}",
-        "$value": "#63a6e9",
+        "$value": "#64a7e9",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -962,7 +962,7 @@
         "filePath": "src/constant/color.blue.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#63a6e9",
+          "$value": "#64a7e9",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -979,7 +979,7 @@
       },
       "400": {
         "key": "{color.blue.400}",
-        "$value": "#428fdc",
+        "$value": "#3f8edd",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -987,7 +987,7 @@
         "filePath": "src/constant/color.blue.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#428fdc",
+          "$value": "#3f8edd",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -1004,7 +1004,7 @@
       },
       "500": {
         "key": "{color.blue.500}",
-        "$value": "#1f75cb",
+        "$value": "#1f73ca",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -1012,7 +1012,7 @@
         "filePath": "src/constant/color.blue.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#1f75cb",
+          "$value": "#1f73ca",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -1029,7 +1029,7 @@
       },
       "600": {
         "key": "{color.blue.600}",
-        "$value": "#2f68b4",
+        "$value": "#2566b5",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -1037,7 +1037,7 @@
         "filePath": "src/constant/color.blue.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#2f68b4",
+          "$value": "#2566b5",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -1054,7 +1054,7 @@
       },
       "700": {
         "key": "{color.blue.700}",
-        "$value": "#2f5ca0",
+        "$value": "#27599f",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -1062,7 +1062,7 @@
         "filePath": "src/constant/color.blue.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#2f5ca0",
+          "$value": "#27599f",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -1079,7 +1079,7 @@
       },
       "800": {
         "key": "{color.blue.800}",
-        "$value": "#284779",
+        "$value": "#254581",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -1087,7 +1087,7 @@
         "filePath": "src/constant/color.blue.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#284779",
+          "$value": "#254581",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -1104,7 +1104,7 @@
       },
       "900": {
         "key": "{color.blue.900}",
-        "$value": "#213454",
+        "$value": "#1f3166",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -1112,7 +1112,7 @@
         "filePath": "src/constant/color.blue.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#213454",
+          "$value": "#1f3166",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -1129,7 +1129,7 @@
       },
       "950": {
         "key": "{color.blue.950}",
-        "$value": "#1d283e",
+        "$value": "#1d2153",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -1137,7 +1137,7 @@
         "filePath": "src/constant/color.blue.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#1d283e",
+          "$value": "#1d2153",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -2922,7 +2922,7 @@
     "green": {
       "50": {
         "key": "{color.green.50}",
-        "$value": "#ecf4ee",
+        "$value": "#e6f5ea",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -2930,7 +2930,7 @@
         "filePath": "src/constant/color.green.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#ecf4ee",
+          "$value": "#e6f5ea",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -2947,7 +2947,7 @@
       },
       "100": {
         "key": "{color.green.100}",
-        "$value": "#c3e6cd",
+        "$value": "#bee6d0",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -2955,7 +2955,7 @@
         "filePath": "src/constant/color.green.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#c3e6cd",
+          "$value": "#bee6d0",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -2972,7 +2972,7 @@
       },
       "200": {
         "key": "{color.green.200}",
-        "$value": "#91d4a8",
+        "$value": "#84d4b6",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -2980,7 +2980,7 @@
         "filePath": "src/constant/color.green.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#91d4a8",
+          "$value": "#84d4b6",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -2997,7 +2997,7 @@
       },
       "300": {
         "key": "{color.green.300}",
-        "$value": "#52b87a",
+        "$value": "#35b597",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -3005,7 +3005,7 @@
         "filePath": "src/constant/color.green.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#52b87a",
+          "$value": "#35b597",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -3022,7 +3022,7 @@
       },
       "400": {
         "key": "{color.green.400}",
-        "$value": "#2da160",
+        "$value": "#129c84",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -3030,7 +3030,7 @@
         "filePath": "src/constant/color.green.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#2da160",
+          "$value": "#129c84",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -3047,7 +3047,7 @@
       },
       "500": {
         "key": "{color.green.500}",
-        "$value": "#108548",
+        "$value": "#0d8070",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -3055,7 +3055,7 @@
         "filePath": "src/constant/color.green.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#108548",
+          "$value": "#0d8070",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -3072,7 +3072,7 @@
       },
       "600": {
         "key": "{color.green.600}",
-        "$value": "#2f7549",
+        "$value": "#0c7265",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -3080,7 +3080,7 @@
         "filePath": "src/constant/color.green.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#2f7549",
+          "$value": "#0c7265",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -3097,7 +3097,7 @@
       },
       "700": {
         "key": "{color.green.700}",
-        "$value": "#306440",
+        "$value": "#0b645a",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -3105,7 +3105,7 @@
         "filePath": "src/constant/color.green.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#306440",
+          "$value": "#0b645a",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -3122,7 +3122,7 @@
       },
       "800": {
         "key": "{color.green.800}",
-        "$value": "#225131",
+        "$value": "#075048",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -3130,7 +3130,7 @@
         "filePath": "src/constant/color.green.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#225131",
+          "$value": "#075048",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -3147,7 +3147,7 @@
       },
       "900": {
         "key": "{color.green.900}",
-        "$value": "#1e3e28",
+        "$value": "#003c36",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -3155,7 +3155,7 @@
         "filePath": "src/constant/color.green.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#1e3e28",
+          "$value": "#003c36",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -3172,7 +3172,7 @@
       },
       "950": {
         "key": "{color.green.950}",
-        "$value": "#17291c",
+        "$value": "#002c26",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -3180,7 +3180,7 @@
         "filePath": "src/constant/color.green.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#17291c",
+          "$value": "#002c26",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -3551,7 +3551,7 @@
     "orange": {
       "50": {
         "key": "{color.orange.50}",
-        "$value": "#fdf1dd",
+        "$value": "#fdf0d5",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -3559,7 +3559,7 @@
         "filePath": "src/constant/color.orange.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#fdf1dd",
+          "$value": "#fdf0d5",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -3576,7 +3576,7 @@
       },
       "100": {
         "key": "{color.orange.100}",
-        "$value": "#f5d9a8",
+        "$value": "#fada9c",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -3584,7 +3584,7 @@
         "filePath": "src/constant/color.orange.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#f5d9a8",
+          "$value": "#fada9c",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -3601,7 +3601,7 @@
       },
       "200": {
         "key": "{color.orange.200}",
-        "$value": "#e9be74",
+        "$value": "#f7b951",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -3609,7 +3609,7 @@
         "filePath": "src/constant/color.orange.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#e9be74",
+          "$value": "#f7b951",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -3626,7 +3626,7 @@
       },
       "300": {
         "key": "{color.orange.300}",
-        "$value": "#d99530",
+        "$value": "#fb8017",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -3634,7 +3634,7 @@
         "filePath": "src/constant/color.orange.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#d99530",
+          "$value": "#fb8017",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -3651,7 +3651,7 @@
       },
       "400": {
         "key": "{color.orange.400}",
-        "$value": "#c17d10",
+        "$value": "#e95f21",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -3659,7 +3659,7 @@
         "filePath": "src/constant/color.orange.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#c17d10",
+          "$value": "#e95f21",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -3676,7 +3676,7 @@
       },
       "500": {
         "key": "{color.orange.500}",
-        "$value": "#ab6100",
+        "$value": "#c74816",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -3684,7 +3684,7 @@
         "filePath": "src/constant/color.orange.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#ab6100",
+          "$value": "#c74816",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -3701,7 +3701,7 @@
       },
       "600": {
         "key": "{color.orange.600}",
-        "$value": "#995715",
+        "$value": "#b34013",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -3709,7 +3709,7 @@
         "filePath": "src/constant/color.orange.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#995715",
+          "$value": "#b34013",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -3726,7 +3726,7 @@
       },
       "700": {
         "key": "{color.orange.700}",
-        "$value": "#894b16",
+        "$value": "#9e3811",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -3734,7 +3734,7 @@
         "filePath": "src/constant/color.orange.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#894b16",
+          "$value": "#9e3811",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -3751,7 +3751,7 @@
       },
       "800": {
         "key": "{color.orange.800}",
-        "$value": "#693c14",
+        "$value": "#7d2d0e",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -3759,7 +3759,7 @@
         "filePath": "src/constant/color.orange.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#693c14",
+          "$value": "#7d2d0e",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -3776,7 +3776,7 @@
       },
       "900": {
         "key": "{color.orange.900}",
-        "$value": "#532e16",
+        "$value": "#5d220d",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -3784,7 +3784,7 @@
         "filePath": "src/constant/color.orange.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#532e16",
+          "$value": "#5d220d",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -3801,7 +3801,7 @@
       },
       "950": {
         "key": "{color.orange.950}",
-        "$value": "#382315",
+        "$value": "#461807",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -3809,7 +3809,7 @@
         "filePath": "src/constant/color.orange.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#382315",
+          "$value": "#461807",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -3828,7 +3828,7 @@
     "purple": {
       "50": {
         "key": "{color.purple.50}",
-        "$value": "#f4f0ff",
+        "$value": "#f4f0fc",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -3836,7 +3836,7 @@
         "filePath": "src/constant/color.purple.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#f4f0ff",
+          "$value": "#f4f0fc",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -3853,7 +3853,7 @@
       },
       "100": {
         "key": "{color.purple.100}",
-        "$value": "#e1d8f9",
+        "$value": "#e1daf7",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -3861,7 +3861,7 @@
         "filePath": "src/constant/color.purple.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#e1d8f9",
+          "$value": "#e1daf7",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -3878,7 +3878,7 @@
       },
       "200": {
         "key": "{color.purple.200}",
-        "$value": "#cbbbf2",
+        "$value": "#c9beef",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -3886,7 +3886,7 @@
         "filePath": "src/constant/color.purple.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#cbbbf2",
+          "$value": "#c9beef",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -3903,7 +3903,7 @@
       },
       "300": {
         "key": "{color.purple.300}",
-        "$value": "#ac93e6",
+        "$value": "#a997e1",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -3911,7 +3911,7 @@
         "filePath": "src/constant/color.purple.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#ac93e6",
+          "$value": "#a997e1",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -3928,7 +3928,7 @@
       },
       "400": {
         "key": "{color.purple.400}",
-        "$value": "#9475db",
+        "$value": "#927cd7",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -3936,7 +3936,7 @@
         "filePath": "src/constant/color.purple.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#9475db",
+          "$value": "#927cd7",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -3953,7 +3953,7 @@
       },
       "500": {
         "key": "{color.purple.500}",
-        "$value": "#7b58cf",
+        "$value": "#7862c8",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -3961,7 +3961,7 @@
         "filePath": "src/constant/color.purple.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#7b58cf",
+          "$value": "#7862c8",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -3978,7 +3978,7 @@
       },
       "600": {
         "key": "{color.purple.600}",
-        "$value": "#6a4fb4",
+        "$value": "#6a54c0",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -3986,7 +3986,7 @@
         "filePath": "src/constant/color.purple.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#6a4fb4",
+          "$value": "#6a54c0",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -4003,7 +4003,7 @@
       },
       "700": {
         "key": "{color.purple.700}",
-        "$value": "#5c47a6",
+        "$value": "#5b46b8",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -4011,7 +4011,7 @@
         "filePath": "src/constant/color.purple.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#5c47a6",
+          "$value": "#5b46b8",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -4028,7 +4028,7 @@
       },
       "800": {
         "key": "{color.purple.800}",
-        "$value": "#493c83",
+        "$value": "#483698",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -4036,7 +4036,7 @@
         "filePath": "src/constant/color.purple.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#493c83",
+          "$value": "#483698",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -4053,7 +4053,7 @@
       },
       "900": {
         "key": "{color.purple.900}",
-        "$value": "#342d59",
+        "$value": "#362676",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -4061,7 +4061,7 @@
         "filePath": "src/constant/color.purple.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#342d59",
+          "$value": "#362676",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -4078,7 +4078,7 @@
       },
       "950": {
         "key": "{color.purple.950}",
-        "$value": "#27243e",
+        "$value": "#291a5c",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -4086,7 +4086,7 @@
         "filePath": "src/constant/color.purple.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#27243e",
+          "$value": "#291a5c",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -4105,7 +4105,7 @@
     "red": {
       "50": {
         "key": "{color.red.50}",
-        "$value": "#fcf1ef",
+        "$value": "#feeef0",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -4113,7 +4113,7 @@
         "filePath": "src/constant/color.red.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#fcf1ef",
+          "$value": "#feeef0",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -4130,7 +4130,7 @@
       },
       "100": {
         "key": "{color.red.100}",
-        "$value": "#fdd4cd",
+        "$value": "#ffd3d7",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -4138,7 +4138,7 @@
         "filePath": "src/constant/color.red.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#fdd4cd",
+          "$value": "#ffd3d7",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -4155,7 +4155,7 @@
       },
       "200": {
         "key": "{color.red.200}",
-        "$value": "#fcb5aa",
+        "$value": "#ffafb8",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -4163,7 +4163,7 @@
         "filePath": "src/constant/color.red.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#fcb5aa",
+          "$value": "#ffafb8",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -4180,7 +4180,7 @@
       },
       "300": {
         "key": "{color.red.300}",
-        "$value": "#f6806d",
+        "$value": "#fc7988",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -4188,7 +4188,7 @@
         "filePath": "src/constant/color.red.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#f6806d",
+          "$value": "#fc7988",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -4205,7 +4205,7 @@
       },
       "400": {
         "key": "{color.red.400}",
-        "$value": "#ec5941",
+        "$value": "#f15168",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -4213,7 +4213,7 @@
         "filePath": "src/constant/color.red.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#ec5941",
+          "$value": "#f15168",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -4230,7 +4230,7 @@
       },
       "500": {
         "key": "{color.red.500}",
-        "$value": "#dd2b0e",
+        "$value": "#de1d4b",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -4238,7 +4238,7 @@
         "filePath": "src/constant/color.red.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#dd2b0e",
+          "$value": "#de1d4b",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -4255,7 +4255,7 @@
       },
       "600": {
         "key": "{color.red.600}",
-        "$value": "#c02f12",
+        "$value": "#c52042",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -4263,7 +4263,7 @@
         "filePath": "src/constant/color.red.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#c02f12",
+          "$value": "#c52042",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -4280,7 +4280,7 @@
       },
       "700": {
         "key": "{color.red.700}",
-        "$value": "#a32c12",
+        "$value": "#ac203a",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -4288,7 +4288,7 @@
         "filePath": "src/constant/color.red.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#a32c12",
+          "$value": "#ac203a",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -4305,7 +4305,7 @@
       },
       "800": {
         "key": "{color.red.800}",
-        "$value": "#812713",
+        "$value": "#891c2f",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -4313,7 +4313,7 @@
         "filePath": "src/constant/color.red.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#812713",
+          "$value": "#891c2f",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -4330,7 +4330,7 @@
       },
       "900": {
         "key": "{color.red.900}",
-        "$value": "#582014",
+        "$value": "#641925",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -4338,7 +4338,7 @@
         "filePath": "src/constant/color.red.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#582014",
+          "$value": "#641925",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -4355,7 +4355,7 @@
       },
       "950": {
         "key": "{color.red.950}",
-        "$value": "#3e1a14",
+        "$value": "#48151d",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -4363,7 +4363,7 @@
         "filePath": "src/constant/color.red.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#3e1a14",
+          "$value": "#48151d",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -8314,7 +8314,7 @@
       "title": {
         "color": {
           "key": "{alert.info.title.color}",
-          "$value": "#9dc7f1",
+          "$value": "#9dc8f2",
           "$type": "color",
           "$description": "Used for the title color of an info alert.",
           "$extensions": {
@@ -8348,7 +8348,7 @@
       "background": {
         "color": {
           "key": "{alert.info.background.color}",
-          "$value": "#1d283e",
+          "$value": "#1d2153",
           "$type": "color",
           "$description": "Used for the background color of an info alert.",
           "$extensions": {
@@ -8384,7 +8384,7 @@
       "border": {
         "color": {
           "key": "{alert.info.border.color}",
-          "$value": "#2f68b4",
+          "$value": "#2566b5",
           "$type": "color",
           "$description": "Used for the border color of an info alert.",
           "$extensions": {
@@ -8417,7 +8417,7 @@
         "top": {
           "color": {
             "key": "{alert.info.border.top.color}",
-            "$value": "#428fdc",
+            "$value": "#3f8edd",
             "$type": "color",
             "$description": "Used for the border color of an info alert.",
             "$extensions": {
@@ -8480,7 +8480,7 @@
       "title": {
         "color": {
           "key": "{alert.success.title.color}",
-          "$value": "#91d4a8",
+          "$value": "#84d4b6",
           "$type": "color",
           "$description": "Used for the title color of a success alert.",
           "$extensions": {
@@ -8514,7 +8514,7 @@
       "background": {
         "color": {
           "key": "{alert.success.background.color}",
-          "$value": "#1e3e28",
+          "$value": "#003c36",
           "$type": "color",
           "$description": "Used for the background color of a success alert.",
           "$extensions": {
@@ -8550,7 +8550,7 @@
       "border": {
         "color": {
           "key": "{alert.success.border.color}",
-          "$value": "#2f7549",
+          "$value": "#0c7265",
           "$type": "color",
           "$description": "Used for the border color of a success alert.",
           "$extensions": {
@@ -8583,7 +8583,7 @@
         "top": {
           "color": {
             "key": "{alert.success.border.top.color}",
-            "$value": "#2da160",
+            "$value": "#129c84",
             "$type": "color",
             "$description": "Used for the border color of a success alert.",
             "$extensions": {
@@ -8656,7 +8656,7 @@
       "title": {
         "color": {
           "key": "{alert.warning.title.color}",
-          "$value": "#e9be74",
+          "$value": "#f7b951",
           "$type": "color",
           "$description": "Used for the title color of a warning alert.",
           "$extensions": {
@@ -8690,7 +8690,7 @@
       "background": {
         "color": {
           "key": "{alert.warning.background.color}",
-          "$value": "#532e16",
+          "$value": "#5d220d",
           "$type": "color",
           "$description": "Used for the background color of a warning alert.",
           "$extensions": {
@@ -8726,7 +8726,7 @@
       "border": {
         "color": {
           "key": "{alert.warning.border.color}",
-          "$value": "#995715",
+          "$value": "#b34013",
           "$type": "color",
           "$description": "Used for the border color of a warning alert.",
           "$extensions": {
@@ -8759,7 +8759,7 @@
         "top": {
           "color": {
             "key": "{alert.warning.border.top.color}",
-            "$value": "#c17d10",
+            "$value": "#e95f21",
             "$type": "color",
             "$description": "Used for the border color of a warning alert.",
             "$extensions": {
@@ -8832,7 +8832,7 @@
       "title": {
         "color": {
           "key": "{alert.danger.title.color}",
-          "$value": "#fcb5aa",
+          "$value": "#ffafb8",
           "$type": "color",
           "$description": "Used for the title color of a danger alert.",
           "$extensions": {
@@ -8866,7 +8866,7 @@
       "background": {
         "color": {
           "key": "{alert.danger.background.color}",
-          "$value": "#582014",
+          "$value": "#641925",
           "$type": "color",
           "$description": "Used for the background color of a danger alert.",
           "$extensions": {
@@ -8902,7 +8902,7 @@
       "border": {
         "color": {
           "key": "{alert.danger.border.color}",
-          "$value": "#f6806d",
+          "$value": "#fc7988",
           "$type": "color",
           "$description": "Used for the border color of a danger alert.",
           "$extensions": {
@@ -8935,7 +8935,7 @@
         "top": {
           "color": {
             "key": "{alert.danger.border.top.color}",
-            "$value": "#ec5941",
+            "$value": "#f15168",
             "$type": "color",
             "$description": "Used for the border color of a danger alert.",
             "$extensions": {
@@ -9227,7 +9227,7 @@
         "color": {
           "red": {
             "key": "{avatar.fallback.text.color.red}",
-            "$value": "#fcb5aa",
+            "$value": "#ffafb8",
             "$type": "color",
             "$description": "Red text color for avatar fallback with no particular meaning.",
             "$extensions": {
@@ -9260,7 +9260,7 @@
           },
           "purple": {
             "key": "{avatar.fallback.text.color.purple}",
-            "$value": "#cbbbf2",
+            "$value": "#c9beef",
             "$type": "color",
             "$description": "Purple text color for avatar fallback with no particular meaning.",
             "$extensions": {
@@ -9293,7 +9293,7 @@
           },
           "blue": {
             "key": "{avatar.fallback.text.color.blue}",
-            "$value": "#9dc7f1",
+            "$value": "#9dc8f2",
             "$type": "color",
             "$description": "Blue text color for avatar fallback with no particular meaning.",
             "$extensions": {
@@ -9326,7 +9326,7 @@
           },
           "green": {
             "key": "{avatar.fallback.text.color.green}",
-            "$value": "#91d4a8",
+            "$value": "#84d4b6",
             "$type": "color",
             "$description": "Green text color for avatar fallback with no particular meaning.",
             "$extensions": {
@@ -9359,7 +9359,7 @@
           },
           "orange": {
             "key": "{avatar.fallback.text.color.orange}",
-            "$value": "#e9be74",
+            "$value": "#f7b951",
             "$type": "color",
             "$description": "Orange text color for avatar fallback with no particular meaning.",
             "$extensions": {
@@ -9429,7 +9429,7 @@
         "color": {
           "red": {
             "key": "{avatar.fallback.background.color.red}",
-            "$value": "rgba(252, 181, 170, 0.23921568627450981)",
+            "$value": "rgba(255, 175, 184, 0.23921568627450981)",
             "$type": "color",
             "$description": "Red background for avatar fallback with no particular meaning.",
             "$extensions": {
@@ -9441,7 +9441,7 @@
             "filePath": "src/contextual/avatar.tokens.json",
             "isSource": true,
             "original": {
-              "$value": "rgba(252, 181, 170, 0.23921568627450981)",
+              "$value": "rgba(255, 175, 184, 0.23921568627450981)",
               "$type": "color",
               "$description": "Red background for avatar fallback with no particular meaning.",
               "$extensions": {
@@ -9464,7 +9464,7 @@
           },
           "purple": {
             "key": "{avatar.fallback.background.color.purple}",
-            "$value": "rgba(203, 187, 242, 0.23921568627450981)",
+            "$value": "rgba(201, 190, 239, 0.23921568627450981)",
             "$type": "color",
             "$description": "Purple background for avatar fallback with no particular meaning.",
             "$extensions": {
@@ -9476,7 +9476,7 @@
             "filePath": "src/contextual/avatar.tokens.json",
             "isSource": true,
             "original": {
-              "$value": "rgba(203, 187, 242, 0.23921568627450981)",
+              "$value": "rgba(201, 190, 239, 0.23921568627450981)",
               "$type": "color",
               "$description": "Purple background for avatar fallback with no particular meaning.",
               "$extensions": {
@@ -9499,7 +9499,7 @@
           },
           "blue": {
             "key": "{avatar.fallback.background.color.blue}",
-            "$value": "rgba(157, 199, 241, 0.23921568627450981)",
+            "$value": "rgba(157, 200, 242, 0.23921568627450981)",
             "$type": "color",
             "$description": "Blue background for avatar fallback with no particular meaning.",
             "$extensions": {
@@ -9511,7 +9511,7 @@
             "filePath": "src/contextual/avatar.tokens.json",
             "isSource": true,
             "original": {
-              "$value": "rgba(157, 199, 241, 0.23921568627450981)",
+              "$value": "rgba(157, 200, 242, 0.23921568627450981)",
               "$type": "color",
               "$description": "Blue background for avatar fallback with no particular meaning.",
               "$extensions": {
@@ -9534,7 +9534,7 @@
           },
           "green": {
             "key": "{avatar.fallback.background.color.green}",
-            "$value": "rgba(145, 212, 168, 0.23921568627450981)",
+            "$value": "rgba(132, 212, 182, 0.23921568627450981)",
             "$type": "color",
             "$description": "Green background for avatar fallback with no particular meaning.",
             "$extensions": {
@@ -9546,7 +9546,7 @@
             "filePath": "src/contextual/avatar.tokens.json",
             "isSource": true,
             "original": {
-              "$value": "rgba(145, 212, 168, 0.23921568627450981)",
+              "$value": "rgba(132, 212, 182, 0.23921568627450981)",
               "$type": "color",
               "$description": "Green background for avatar fallback with no particular meaning.",
               "$extensions": {
@@ -9569,7 +9569,7 @@
           },
           "orange": {
             "key": "{avatar.fallback.background.color.orange}",
-            "$value": "rgba(233, 190, 116, 0.23921568627450981)",
+            "$value": "rgba(247, 185, 81, 0.23921568627450981)",
             "$type": "color",
             "$description": "Orange background for avatar fallback with no particular meaning.",
             "$extensions": {
@@ -9581,7 +9581,7 @@
             "filePath": "src/contextual/avatar.tokens.json",
             "isSource": true,
             "original": {
-              "$value": "rgba(233, 190, 116, 0.23921568627450981)",
+              "$value": "rgba(247, 185, 81, 0.23921568627450981)",
               "$type": "color",
               "$description": "Orange background for avatar fallback with no particular meaning.",
               "$extensions": {
@@ -10781,7 +10781,7 @@
         "color": {
           "default": {
             "key": "{badge.info.background.color.default}",
-            "$value": "#63a6e9",
+            "$value": "#64a7e9",
             "$type": "color",
             "$description": "Used for the background of an informational badge when static or the default state when linked.",
             "$extensions": {
@@ -10816,7 +10816,7 @@
           },
           "hover": {
             "key": "{badge.info.background.color.hover}",
-            "$value": "#63a6e9",
+            "$value": "#64a7e9",
             "$type": "color",
             "$description": "Used for the background of an informational badge in the hover state.",
             "$extensions": {
@@ -10851,7 +10851,7 @@
           },
           "focus": {
             "key": "{badge.info.background.color.focus}",
-            "$value": "#63a6e9",
+            "$value": "#64a7e9",
             "$type": "color",
             "$description": "Used for the background of an informational badge in the focus state.",
             "$extensions": {
@@ -10886,7 +10886,7 @@
           },
           "active": {
             "key": "{badge.info.background.color.active}",
-            "$value": "#9dc7f1",
+            "$value": "#9dc8f2",
             "$type": "color",
             "$description": "Used for the background of an informational badge in the active state.",
             "$extensions": {
@@ -10958,7 +10958,7 @@
           },
           "hover": {
             "key": "{badge.info.border.color.hover}",
-            "$value": "#9dc7f1",
+            "$value": "#9dc8f2",
             "$type": "color",
             "$description": "Used for the border of an informational badge in the hover state.",
             "$extensions": {
@@ -11061,7 +11061,7 @@
         "color": {
           "default": {
             "key": "{badge.info.text.color.default}",
-            "$value": "#1d283e",
+            "$value": "#1d2153",
             "$type": "color",
             "$description": "Used for the text of an informational badge when static or the default state when linked.",
             "$extensions": {
@@ -11094,7 +11094,7 @@
           },
           "hover": {
             "key": "{badge.info.text.color.hover}",
-            "$value": "#1d283e",
+            "$value": "#1d2153",
             "$type": "color",
             "$description": "Used for the text of an informational badge in the hover state.",
             "$extensions": {
@@ -11127,7 +11127,7 @@
           },
           "focus": {
             "key": "{badge.info.text.color.focus}",
-            "$value": "#1d283e",
+            "$value": "#1d2153",
             "$type": "color",
             "$description": "Used for the text of an informational badge in the focus state.",
             "$extensions": {
@@ -11160,7 +11160,7 @@
           },
           "active": {
             "key": "{badge.info.text.color.active}",
-            "$value": "#1d283e",
+            "$value": "#1d2153",
             "$type": "color",
             "$description": "Used for the text of an informational badge in the active state.",
             "$extensions": {
@@ -11197,7 +11197,7 @@
         "color": {
           "default": {
             "key": "{badge.info.icon.color.default}",
-            "$value": "#1d283e",
+            "$value": "#1d2153",
             "$type": "color",
             "$description": "Used for the icon of an informational badge when static or the default state when linked.",
             "$extensions": {
@@ -11232,7 +11232,7 @@
           },
           "hover": {
             "key": "{badge.info.icon.color.hover}",
-            "$value": "#1d283e",
+            "$value": "#1d2153",
             "$type": "color",
             "$description": "Used for the icon of an informational badge in the hover state.",
             "$extensions": {
@@ -11267,7 +11267,7 @@
           },
           "focus": {
             "key": "{badge.info.icon.color.focus}",
-            "$value": "#1d283e",
+            "$value": "#1d2153",
             "$type": "color",
             "$description": "Used for the icon of an informational badge in the focus state.",
             "$extensions": {
@@ -11302,7 +11302,7 @@
           },
           "active": {
             "key": "{badge.info.icon.color.active}",
-            "$value": "#1d283e",
+            "$value": "#1d2153",
             "$type": "color",
             "$description": "Used for the icon of an informational badge in the active state.",
             "$extensions": {
@@ -11343,7 +11343,7 @@
         "color": {
           "default": {
             "key": "{badge.success.background.color.default}",
-            "$value": "#52b87a",
+            "$value": "#35b597",
             "$type": "color",
             "$description": "Used for the background of a success badge when static or the default state when linked.",
             "$extensions": {
@@ -11378,7 +11378,7 @@
           },
           "hover": {
             "key": "{badge.success.background.color.hover}",
-            "$value": "#52b87a",
+            "$value": "#35b597",
             "$type": "color",
             "$description": "Used for the background of a success badge in the hover state.",
             "$extensions": {
@@ -11413,7 +11413,7 @@
           },
           "focus": {
             "key": "{badge.success.background.color.focus}",
-            "$value": "#52b87a",
+            "$value": "#35b597",
             "$type": "color",
             "$description": "Used for the background of a success badge in the focus state.",
             "$extensions": {
@@ -11448,7 +11448,7 @@
           },
           "active": {
             "key": "{badge.success.background.color.active}",
-            "$value": "#91d4a8",
+            "$value": "#84d4b6",
             "$type": "color",
             "$description": "Used for the background of a success badge in the active state.",
             "$extensions": {
@@ -11520,7 +11520,7 @@
           },
           "hover": {
             "key": "{badge.success.border.color.hover}",
-            "$value": "#91d4a8",
+            "$value": "#84d4b6",
             "$type": "color",
             "$description": "Used for the border of a success badge in the hover state.",
             "$extensions": {
@@ -11623,7 +11623,7 @@
         "color": {
           "default": {
             "key": "{badge.success.text.color.default}",
-            "$value": "#17291c",
+            "$value": "#002c26",
             "$type": "color",
             "$description": "Used for the text of a success badge when static or the default state when linked.",
             "$extensions": {
@@ -11656,7 +11656,7 @@
           },
           "hover": {
             "key": "{badge.success.text.color.hover}",
-            "$value": "#17291c",
+            "$value": "#002c26",
             "$type": "color",
             "$description": "Used for the text of a success badge in the hover state.",
             "$extensions": {
@@ -11689,7 +11689,7 @@
           },
           "focus": {
             "key": "{badge.success.text.color.focus}",
-            "$value": "#17291c",
+            "$value": "#002c26",
             "$type": "color",
             "$description": "Used for the text of a success badge in the focus state.",
             "$extensions": {
@@ -11722,7 +11722,7 @@
           },
           "active": {
             "key": "{badge.success.text.color.active}",
-            "$value": "#17291c",
+            "$value": "#002c26",
             "$type": "color",
             "$description": "Used for the text of a success badge in the active state.",
             "$extensions": {
@@ -11759,7 +11759,7 @@
         "color": {
           "default": {
             "key": "{badge.success.icon.color.default}",
-            "$value": "#17291c",
+            "$value": "#002c26",
             "$type": "color",
             "$description": "Used for the icon of a success badge when static or the default state when linked.",
             "$extensions": {
@@ -11794,7 +11794,7 @@
           },
           "hover": {
             "key": "{badge.success.icon.color.hover}",
-            "$value": "#17291c",
+            "$value": "#002c26",
             "$type": "color",
             "$description": "Used for the icon of a success badge in the hover state.",
             "$extensions": {
@@ -11829,7 +11829,7 @@
           },
           "focus": {
             "key": "{badge.success.icon.color.focus}",
-            "$value": "#17291c",
+            "$value": "#002c26",
             "$type": "color",
             "$description": "Used for the icon of a success badge in the focus state.",
             "$extensions": {
@@ -11864,7 +11864,7 @@
           },
           "active": {
             "key": "{badge.success.icon.color.active}",
-            "$value": "#17291c",
+            "$value": "#002c26",
             "$type": "color",
             "$description": "Used for the icon of a success badge in the active state.",
             "$extensions": {
@@ -11905,7 +11905,7 @@
         "color": {
           "default": {
             "key": "{badge.warning.background.color.default}",
-            "$value": "#d99530",
+            "$value": "#fb8017",
             "$type": "color",
             "$description": "Used for the background of a warning badge when static or the default state when linked.",
             "$extensions": {
@@ -11940,7 +11940,7 @@
           },
           "hover": {
             "key": "{badge.warning.background.color.hover}",
-            "$value": "#d99530",
+            "$value": "#fb8017",
             "$type": "color",
             "$description": "Used for the background of a warning badge in the hover state.",
             "$extensions": {
@@ -11975,7 +11975,7 @@
           },
           "focus": {
             "key": "{badge.warning.background.color.focus}",
-            "$value": "#d99530",
+            "$value": "#fb8017",
             "$type": "color",
             "$description": "Used for the background of a warning badge in the focus state.",
             "$extensions": {
@@ -12010,7 +12010,7 @@
           },
           "active": {
             "key": "{badge.warning.background.color.active}",
-            "$value": "#e9be74",
+            "$value": "#f7b951",
             "$type": "color",
             "$description": "Used for the background of a warning badge in the active state.",
             "$extensions": {
@@ -12082,7 +12082,7 @@
           },
           "hover": {
             "key": "{badge.warning.border.color.hover}",
-            "$value": "#e9be74",
+            "$value": "#f7b951",
             "$type": "color",
             "$description": "Used for the border of a warning badge in the hover state.",
             "$extensions": {
@@ -12185,7 +12185,7 @@
         "color": {
           "default": {
             "key": "{badge.warning.text.color.default}",
-            "$value": "#382315",
+            "$value": "#461807",
             "$type": "color",
             "$description": "Used for the text of a warning badge when static or the default state when linked.",
             "$extensions": {
@@ -12218,7 +12218,7 @@
           },
           "hover": {
             "key": "{badge.warning.text.color.hover}",
-            "$value": "#382315",
+            "$value": "#461807",
             "$type": "color",
             "$description": "Used for the text of a warning badge in the hover state.",
             "$extensions": {
@@ -12251,7 +12251,7 @@
           },
           "focus": {
             "key": "{badge.warning.text.color.focus}",
-            "$value": "#382315",
+            "$value": "#461807",
             "$type": "color",
             "$description": "Used for the text of a warning badge in the focus state.",
             "$extensions": {
@@ -12284,7 +12284,7 @@
           },
           "active": {
             "key": "{badge.warning.text.color.active}",
-            "$value": "#382315",
+            "$value": "#461807",
             "$type": "color",
             "$description": "Used for the text of a warning badge in the active state.",
             "$extensions": {
@@ -12321,7 +12321,7 @@
         "color": {
           "default": {
             "key": "{badge.warning.icon.color.default}",
-            "$value": "#382315",
+            "$value": "#461807",
             "$type": "color",
             "$description": "Used for the icon of a warning badge when static or the default state when linked.",
             "$extensions": {
@@ -12356,7 +12356,7 @@
           },
           "hover": {
             "key": "{badge.warning.icon.color.hover}",
-            "$value": "#382315",
+            "$value": "#461807",
             "$type": "color",
             "$description": "Used for the icon of a warning badge in the hover state.",
             "$extensions": {
@@ -12391,7 +12391,7 @@
           },
           "focus": {
             "key": "{badge.warning.icon.color.focus}",
-            "$value": "#382315",
+            "$value": "#461807",
             "$type": "color",
             "$description": "Used for the icon of a warning badge in the focus state.",
             "$extensions": {
@@ -12426,7 +12426,7 @@
           },
           "active": {
             "key": "{badge.warning.icon.color.active}",
-            "$value": "#382315",
+            "$value": "#461807",
             "$type": "color",
             "$description": "Used for the icon of a warning badge in the active state.",
             "$extensions": {
@@ -12467,7 +12467,7 @@
         "color": {
           "default": {
             "key": "{badge.danger.background.color.default}",
-            "$value": "#f6806d",
+            "$value": "#fc7988",
             "$type": "color",
             "$description": "Used for the background of a danger badge when static or the default state when linked.",
             "$extensions": {
@@ -12502,7 +12502,7 @@
           },
           "hover": {
             "key": "{badge.danger.background.color.hover}",
-            "$value": "#f6806d",
+            "$value": "#fc7988",
             "$type": "color",
             "$description": "Used for the background of a danger badge in the hover state.",
             "$extensions": {
@@ -12537,7 +12537,7 @@
           },
           "focus": {
             "key": "{badge.danger.background.color.focus}",
-            "$value": "#f6806d",
+            "$value": "#fc7988",
             "$type": "color",
             "$description": "Used for the background of a danger badge in the focus state.",
             "$extensions": {
@@ -12572,7 +12572,7 @@
           },
           "active": {
             "key": "{badge.danger.background.color.active}",
-            "$value": "#fcb5aa",
+            "$value": "#ffafb8",
             "$type": "color",
             "$description": "Used for the background of a danger badge in the active state.",
             "$extensions": {
@@ -12644,7 +12644,7 @@
           },
           "hover": {
             "key": "{badge.danger.border.color.hover}",
-            "$value": "#fcb5aa",
+            "$value": "#ffafb8",
             "$type": "color",
             "$description": "Used for the border of a danger badge in the hover state.",
             "$extensions": {
@@ -12747,7 +12747,7 @@
         "color": {
           "default": {
             "key": "{badge.danger.text.color.default}",
-            "$value": "#3e1a14",
+            "$value": "#48151d",
             "$type": "color",
             "$description": "Used for the text of a danger badge when static or the default state when linked.",
             "$extensions": {
@@ -12780,7 +12780,7 @@
           },
           "hover": {
             "key": "{badge.danger.text.color.hover}",
-            "$value": "#3e1a14",
+            "$value": "#48151d",
             "$type": "color",
             "$description": "Used for the text of a danger badge in the hover state.",
             "$extensions": {
@@ -12813,7 +12813,7 @@
           },
           "focus": {
             "key": "{badge.danger.text.color.focus}",
-            "$value": "#3e1a14",
+            "$value": "#48151d",
             "$type": "color",
             "$description": "Used for the text of a danger badge in the focus state.",
             "$extensions": {
@@ -12846,7 +12846,7 @@
           },
           "active": {
             "key": "{badge.danger.text.color.active}",
-            "$value": "#3e1a14",
+            "$value": "#48151d",
             "$type": "color",
             "$description": "Used for the text of a danger badge in the active state.",
             "$extensions": {
@@ -12883,7 +12883,7 @@
         "color": {
           "default": {
             "key": "{badge.danger.icon.color.default}",
-            "$value": "#3e1a14",
+            "$value": "#48151d",
             "$type": "color",
             "$description": "Used for the icon of a danger badge when static or the default state when linked.",
             "$extensions": {
@@ -12918,7 +12918,7 @@
           },
           "hover": {
             "key": "{badge.danger.icon.color.hover}",
-            "$value": "#3e1a14",
+            "$value": "#48151d",
             "$type": "color",
             "$description": "Used for the icon of a danger badge in the hover state.",
             "$extensions": {
@@ -12953,7 +12953,7 @@
           },
           "focus": {
             "key": "{badge.danger.icon.color.focus}",
-            "$value": "#3e1a14",
+            "$value": "#48151d",
             "$type": "color",
             "$description": "Used for the icon of a danger badge in the focus state.",
             "$extensions": {
@@ -12988,7 +12988,7 @@
           },
           "active": {
             "key": "{badge.danger.icon.color.active}",
-            "$value": "#3e1a14",
+            "$value": "#48151d",
             "$type": "color",
             "$description": "Used for the icon of a danger badge in the active state.",
             "$extensions": {
@@ -13029,7 +13029,7 @@
         "color": {
           "default": {
             "key": "{badge.tier.background.color.default}",
-            "$value": "#ac93e6",
+            "$value": "#a997e1",
             "$type": "color",
             "$description": "Used for the background of a tier related badge when static or the default state when linked.",
             "$extensions": {
@@ -13064,7 +13064,7 @@
           },
           "hover": {
             "key": "{badge.tier.background.color.hover}",
-            "$value": "#ac93e6",
+            "$value": "#a997e1",
             "$type": "color",
             "$description": "Used for the background of a tier related badge in the hover state.",
             "$extensions": {
@@ -13099,7 +13099,7 @@
           },
           "focus": {
             "key": "{badge.tier.background.color.focus}",
-            "$value": "#ac93e6",
+            "$value": "#a997e1",
             "$type": "color",
             "$description": "Used for the background of a tier related badge in the focus state.",
             "$extensions": {
@@ -13134,7 +13134,7 @@
           },
           "active": {
             "key": "{badge.tier.background.color.active}",
-            "$value": "#cbbbf2",
+            "$value": "#c9beef",
             "$type": "color",
             "$description": "Used for the background of a tier related badge in the active state.",
             "$extensions": {
@@ -13206,7 +13206,7 @@
           },
           "hover": {
             "key": "{badge.tier.border.color.hover}",
-            "$value": "#cbbbf2",
+            "$value": "#c9beef",
             "$type": "color",
             "$description": "Used for the border of a tier related badge in the hover state.",
             "$extensions": {
@@ -13309,7 +13309,7 @@
         "color": {
           "default": {
             "key": "{badge.tier.text.color.default}",
-            "$value": "#27243e",
+            "$value": "#291a5c",
             "$type": "color",
             "$description": "Used for the text of a tier related badge when static or the default state when linked.",
             "$extensions": {
@@ -13342,7 +13342,7 @@
           },
           "hover": {
             "key": "{badge.tier.text.color.hover}",
-            "$value": "#27243e",
+            "$value": "#291a5c",
             "$type": "color",
             "$description": "Used for the text of a tier related badge in the hover state.",
             "$extensions": {
@@ -13375,7 +13375,7 @@
           },
           "focus": {
             "key": "{badge.tier.text.color.focus}",
-            "$value": "#27243e",
+            "$value": "#291a5c",
             "$type": "color",
             "$description": "Used for the text of a tier related badge in the focus state.",
             "$extensions": {
@@ -13408,7 +13408,7 @@
           },
           "active": {
             "key": "{badge.tier.text.color.active}",
-            "$value": "#27243e",
+            "$value": "#291a5c",
             "$type": "color",
             "$description": "Used for the text of a tier related badge in the active state.",
             "$extensions": {
@@ -13445,7 +13445,7 @@
         "color": {
           "default": {
             "key": "{badge.tier.icon.color.default}",
-            "$value": "#27243e",
+            "$value": "#291a5c",
             "$type": "color",
             "$description": "Used for the icon of a tier related badge when static or the default state when linked.",
             "$extensions": {
@@ -13480,7 +13480,7 @@
           },
           "hover": {
             "key": "{badge.tier.icon.color.hover}",
-            "$value": "#27243e",
+            "$value": "#291a5c",
             "$type": "color",
             "$description": "Used for the icon of a tier related badge in the hover state.",
             "$extensions": {
@@ -13515,7 +13515,7 @@
           },
           "focus": {
             "key": "{badge.tier.icon.color.focus}",
-            "$value": "#27243e",
+            "$value": "#291a5c",
             "$type": "color",
             "$description": "Used for the icon of a tier related badge in the focus state.",
             "$extensions": {
@@ -13550,7 +13550,7 @@
           },
           "active": {
             "key": "{badge.tier.icon.color.active}",
-            "$value": "#27243e",
+            "$value": "#291a5c",
             "$type": "color",
             "$description": "Used for the icon of a tier related badge in the active state.",
             "$extensions": {
@@ -13592,7 +13592,7 @@
       "border": {
         "color": {
           "key": "{banner.intro.border.color}",
-          "$value": "#2f5ca0",
+          "$value": "#27599f",
           "$type": "color",
           "$description": "Used for the border of an info banner.",
           "$extensions": {
@@ -13628,7 +13628,7 @@
       "background": {
         "color": {
           "key": "{banner.promo.background.color}",
-          "$value": "#27243e",
+          "$value": "#291a5c",
           "$type": "color",
           "$description": "Used for the background of a promo banner.",
           "$extensions": {
@@ -13664,7 +13664,7 @@
       "border": {
         "color": {
           "key": "{banner.promo.border.color}",
-          "$value": "#5c47a6",
+          "$value": "#5b46b8",
           "$type": "color",
           "$description": "Used for the border of a promo banner.",
           "$extensions": {
@@ -17526,7 +17526,7 @@
           "color": {
             "default": {
               "key": "{button.danger.primary.background.color.default}",
-              "$value": "#f6806d",
+              "$value": "#f15168",
               "$type": "color",
               "$description": "Used for the background of a danger (destructive) primary button in the default state.",
               "$extensions": {
@@ -17538,7 +17538,7 @@
               "filePath": "src/contextual/button.tokens.json",
               "isSource": true,
               "original": {
-                "$value": "{color.red.300}",
+                "$value": "{color.red.400}",
                 "$type": "color",
                 "$description": "Used for the background of a danger (destructive) primary button in the default state.",
                 "$extensions": {
@@ -17562,7 +17562,7 @@
             },
             "hover": {
               "key": "{button.danger.primary.background.color.hover}",
-              "$value": "#fcb5aa",
+              "$value": "#fc7988",
               "$type": "color",
               "$description": "Used for the background of a danger (destructive) primary button in the hover state.",
               "$extensions": {
@@ -17574,7 +17574,7 @@
               "filePath": "src/contextual/button.tokens.json",
               "isSource": true,
               "original": {
-                "$value": "{color.red.200}",
+                "$value": "{color.red.300}",
                 "$type": "color",
                 "$description": "Used for the background of a danger (destructive) primary button in the hover state.",
                 "$extensions": {
@@ -17598,7 +17598,7 @@
             },
             "focus": {
               "key": "{button.danger.primary.background.color.focus}",
-              "$value": "#fcb5aa",
+              "$value": "#fc7988",
               "$type": "color",
               "$description": "Used for the background of a danger (destructive) primary button in the focus state.",
               "$extensions": {
@@ -17634,7 +17634,7 @@
             },
             "active": {
               "key": "{button.danger.primary.background.color.active}",
-              "$value": "#ec5941",
+              "$value": "#ffafb8",
               "$type": "color",
               "$description": "Used for the background of a danger (destructive) primary button in the active state.",
               "$extensions": {
@@ -17646,7 +17646,7 @@
               "filePath": "src/contextual/button.tokens.json",
               "isSource": true,
               "original": {
-                "$value": "{color.red.400}",
+                "$value": "{color.red.200}",
                 "$type": "color",
                 "$description": "Used for the background of a danger (destructive) primary button in the active state.",
                 "$extensions": {
@@ -17816,7 +17816,7 @@
           "color": {
             "default": {
               "key": "{button.danger.secondary.foreground.color.default}",
-              "$value": "#fdd4cd",
+              "$value": "#ffd3d7",
               "$type": "color",
               "$description": "Used for the foreground of a danger (destructive) button in the default state.",
               "$extensions": {
@@ -17852,7 +17852,7 @@
             },
             "hover": {
               "key": "{button.danger.secondary.foreground.color.hover}",
-              "$value": "#fcf1ef",
+              "$value": "#feeef0",
               "$type": "color",
               "$description": "Used for the foreground of a danger (destructive) button in the hover state.",
               "$extensions": {
@@ -17888,7 +17888,7 @@
             },
             "focus": {
               "key": "{button.danger.secondary.foreground.color.focus}",
-              "$value": "#fcf1ef",
+              "$value": "#feeef0",
               "$type": "color",
               "$description": "Used for the foreground of a danger (destructive) button in the focus state.",
               "$extensions": {
@@ -17924,7 +17924,7 @@
             },
             "active": {
               "key": "{button.danger.secondary.foreground.color.active}",
-              "$value": "#fcf1ef",
+              "$value": "#feeef0",
               "$type": "color",
               "$description": "Used for the foreground of a danger (destructive) button in the active state.",
               "$extensions": {
@@ -17964,7 +17964,7 @@
           "color": {
             "default": {
               "key": "{button.danger.secondary.background.color.default}",
-              "$value": "rgba(236, 89, 65, 0.4)",
+              "$value": "rgba(241, 81, 104, 0.4)",
               "$type": "color",
               "$description": "Used for the background of an outlined danger (destructive) button in the default state.",
               "$extensions": {
@@ -17976,7 +17976,7 @@
               "filePath": "src/contextual/button.tokens.json",
               "isSource": true,
               "original": {
-                "$value": "rgba(236, 89, 65, 0.4)",
+                "$value": "rgba(241, 81, 104, 0.4)",
                 "$type": "color",
                 "$description": "Used for the background of an outlined danger (destructive) button in the default state.",
                 "$extensions": {
@@ -18000,7 +18000,7 @@
             },
             "hover": {
               "key": "{button.danger.secondary.background.color.hover}",
-              "$value": "rgba(236, 89, 65, 0.64)",
+              "$value": "rgba(241, 81, 104, 0.64)",
               "$type": "color",
               "$description": "Used for the background of an outlined danger (destructive) button in the hover state.",
               "$extensions": {
@@ -18012,7 +18012,7 @@
               "filePath": "src/contextual/button.tokens.json",
               "isSource": true,
               "original": {
-                "$value": "rgba(236, 89, 65, 0.64)",
+                "$value": "rgba(241, 81, 104, 0.64)",
                 "$type": "color",
                 "$description": "Used for the background of an outlined danger (destructive) button in the hover state.",
                 "$extensions": {
@@ -18036,7 +18036,7 @@
             },
             "focus": {
               "key": "{button.danger.secondary.background.color.focus}",
-              "$value": "rgba(236, 89, 65, 0.64)",
+              "$value": "rgba(241, 81, 104, 0.64)",
               "$type": "color",
               "$description": "Used for the background of an outlined danger (destructive) button in the focus state.",
               "$extensions": {
@@ -18072,7 +18072,7 @@
             },
             "active": {
               "key": "{button.danger.secondary.background.color.active}",
-              "$value": "rgba(236, 89, 65, 0.32)",
+              "$value": "rgba(241, 81, 104, 0.32)",
               "$type": "color",
               "$description": "Used for the background of an outlined danger (destructive) button in the active state.",
               "$extensions": {
@@ -18084,7 +18084,7 @@
               "filePath": "src/contextual/button.tokens.json",
               "isSource": true,
               "original": {
-                "$value": "rgba(236, 89, 65, 0.32)",
+                "$value": "rgba(241, 81, 104, 0.32)",
                 "$type": "color",
                 "$description": "Used for the background of an outlined danger (destructive) button in the active state.",
                 "$extensions": {
@@ -18254,7 +18254,7 @@
           "color": {
             "default": {
               "key": "{button.danger.tertiary.foreground.color.default}",
-              "$value": "#fcb5aa",
+              "$value": "#ffafb8",
               "$type": "color",
               "$description": "Used for the foreground of a borderless, tertiary danger (destructive) button in the default state.",
               "$extensions": {
@@ -18290,7 +18290,7 @@
             },
             "hover": {
               "key": "{button.danger.tertiary.foreground.color.hover}",
-              "$value": "#fdd4cd",
+              "$value": "#ffd3d7",
               "$type": "color",
               "$description": "Used for the foreground of a borderless, tertiary danger (destructive) button in the hover state.",
               "$extensions": {
@@ -18326,7 +18326,7 @@
             },
             "focus": {
               "key": "{button.danger.tertiary.foreground.color.focus}",
-              "$value": "#fdd4cd",
+              "$value": "#ffd3d7",
               "$type": "color",
               "$description": "Used for the foreground of a borderless, tertiary danger (destructive) button in the focus state.",
               "$extensions": {
@@ -18362,7 +18362,7 @@
             },
             "active": {
               "key": "{button.danger.tertiary.foreground.color.active}",
-              "$value": "#fdd4cd",
+              "$value": "#ffd3d7",
               "$type": "color",
               "$description": "Used for the foreground of a borderless, tertiary danger (destructive) button in the active state.",
               "$extensions": {
@@ -18402,7 +18402,7 @@
           "color": {
             "default": {
               "key": "{button.danger.tertiary.background.color.default}",
-              "$value": "rgba(236, 89, 65, 0)",
+              "$value": "rgba(241, 81, 104, 0)",
               "$type": "color",
               "$description": "Used for the background of a borderless, tertiary danger (destructive) button in the default state.",
               "$extensions": {
@@ -18438,7 +18438,7 @@
             },
             "hover": {
               "key": "{button.danger.tertiary.background.color.hover}",
-              "$value": "rgba(236, 89, 65, 0.4)",
+              "$value": "rgba(241, 81, 104, 0.4)",
               "$type": "color",
               "$description": "Used for the background of a borderless, tertiary danger (destructive) button in the hover state.",
               "$extensions": {
@@ -18474,7 +18474,7 @@
             },
             "focus": {
               "key": "{button.danger.tertiary.background.color.focus}",
-              "$value": "rgba(236, 89, 65, 0.4)",
+              "$value": "rgba(241, 81, 104, 0.4)",
               "$type": "color",
               "$description": "Used for the background of a borderless, tertiary danger (destructive) button in the focus state.",
               "$extensions": {
@@ -18510,7 +18510,7 @@
             },
             "active": {
               "key": "{button.danger.tertiary.background.color.active}",
-              "$value": "rgba(236, 89, 65, 0.16)",
+              "$value": "rgba(241, 81, 104, 0.16)",
               "$type": "color",
               "$description": "Used for the background of a borderless, tertiary danger (destructive) button in the active state.",
               "$extensions": {
@@ -18873,7 +18873,7 @@
         "color": {
           "default": {
             "key": "{button.link.text.color.default}",
-            "$value": "#9dc7f1",
+            "$value": "#9dc8f2",
             "$type": "color",
             "$description": "Used for the text of a link button in the default state.",
             "$extensions": {
@@ -18908,7 +18908,7 @@
           },
           "hover": {
             "key": "{button.link.text.color.hover}",
-            "$value": "#9dc7f1",
+            "$value": "#9dc8f2",
             "$type": "color",
             "$description": "Used for the text of a link button in the hover state.",
             "$extensions": {
@@ -18943,7 +18943,7 @@
           },
           "focus": {
             "key": "{button.link.text.color.focus}",
-            "$value": "#9dc7f1",
+            "$value": "#9dc8f2",
             "$type": "color",
             "$description": "Used for the text of a link button in the focus state.",
             "$extensions": {
@@ -18978,7 +18978,7 @@
           },
           "active": {
             "key": "{button.link.text.color.active}",
-            "$value": "#9dc7f1",
+            "$value": "#9dc8f2",
             "$type": "color",
             "$description": "Used for the text of a link button in the active state.",
             "$extensions": {
@@ -19731,7 +19731,7 @@
       "area": {
         "color": {
           "key": "{chart.threshold.area.color}",
-          "$value": "rgba(221, 43, 14, 0.1)",
+          "$value": "rgba(222, 29, 75, 0.1)",
           "$type": "color",
           "$description": "Used in charts to delineate a threshold area in a chart.",
           "$extensions": {
@@ -19742,7 +19742,7 @@
           "filePath": "src/contextual/chart.tokens.json",
           "isSource": true,
           "original": {
-            "$value": "rgba(221, 43, 14, 0.1)",
+            "$value": "rgba(222, 29, 75, 0.1)",
             "$type": "color",
             "$description": "Used in charts to delineate a threshold area in a chart.",
             "$extensions": {
@@ -19765,7 +19765,7 @@
       "line": {
         "color": {
           "key": "{chart.threshold.line.color}",
-          "$value": "#c02f12",
+          "$value": "#c52042",
           "$type": "color",
           "$description": "Used in charts to divide a threshold area in a chart from other data.",
           "$extensions": {
@@ -22661,7 +22661,7 @@
         "color": {
           "default": {
             "key": "{link.mention.text.color.default}",
-            "$value": "#cbe2f9",
+            "$value": "#c8e0f9",
             "$type": "color",
             "$description": "Used for the mention link text color.",
             "$extensions": {
@@ -22694,7 +22694,7 @@
           },
           "current": {
             "key": "{link.mention.text.color.current}",
-            "$value": "#f5d9a8",
+            "$value": "#fada9c",
             "$type": "color",
             "$description": "Used for the mention link text color when referencing the current user.",
             "$extensions": {
@@ -22731,7 +22731,7 @@
         "color": {
           "default": {
             "key": "{link.mention.background.color.default}",
-            "$value": "#284779",
+            "$value": "#254581",
             "$type": "color",
             "$description": "Used for the mention link default background.",
             "$extensions": {
@@ -22766,7 +22766,7 @@
           },
           "current": {
             "key": "{link.mention.background.color.current}",
-            "$value": "#693c14",
+            "$value": "#7d2d0e",
             "$type": "color",
             "$description": "Used for the mention link background when referencing the current user.",
             "$extensions": {
@@ -23536,7 +23536,7 @@
       "color": {
         "default": {
           "key": "{progress-bar.indicator.color.default}",
-          "$value": "#63a6e9",
+          "$value": "#64a7e9",
           "$type": "color",
           "$description": "Used for the indicator color for the primary progress-bar variant.",
           "$extensions": {
@@ -23570,7 +23570,7 @@
         },
         "success": {
           "key": "{progress-bar.indicator.color.success}",
-          "$value": "#52b87a",
+          "$value": "#35b597",
           "$type": "color",
           "$description": "Used for the indicator color for the success progress-bar variant.",
           "$extensions": {
@@ -23604,7 +23604,7 @@
         },
         "warning": {
           "key": "{progress-bar.indicator.color.warning}",
-          "$value": "#d99530",
+          "$value": "#fb8017",
           "$type": "color",
           "$description": "Used for the indicator color for the warning progress-bar variant.",
           "$extensions": {
@@ -23638,7 +23638,7 @@
         },
         "danger": {
           "key": "{progress-bar.indicator.color.danger}",
-          "$value": "#f6806d",
+          "$value": "#fc7988",
           "$type": "color",
           "$description": "Used for the indicator color for the danger progress-bar variant.",
           "$extensions": {
@@ -23920,7 +23920,7 @@
         "color": {
           "hover": {
             "key": "{table.row.background.color.hover}",
-            "$value": "#1d283e",
+            "$value": "#1d2153",
             "$type": "color",
             "$description": "Used for the background of a table row in hover state.",
             "$extensions": {
@@ -27522,7 +27522,7 @@
   "blue": {
     "50": {
       "key": "{blue.50}",
-      "$value": "#213454",
+      "$value": "#1f3166",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -27552,7 +27552,7 @@
     },
     "100": {
       "key": "{blue.100}",
-      "$value": "#284779",
+      "$value": "#254581",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -27582,7 +27582,7 @@
     },
     "200": {
       "key": "{blue.200}",
-      "$value": "#2f5ca0",
+      "$value": "#27599f",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -27612,7 +27612,7 @@
     },
     "300": {
       "key": "{blue.300}",
-      "$value": "#2f68b4",
+      "$value": "#2566b5",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -27642,7 +27642,7 @@
     },
     "400": {
       "key": "{blue.400}",
-      "$value": "#1f75cb",
+      "$value": "#1f73ca",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -27672,7 +27672,7 @@
     },
     "500": {
       "key": "{blue.500}",
-      "$value": "#428fdc",
+      "$value": "#3f8edd",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -27702,7 +27702,7 @@
     },
     "600": {
       "key": "{blue.600}",
-      "$value": "#63a6e9",
+      "$value": "#64a7e9",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -27732,7 +27732,7 @@
     },
     "700": {
       "key": "{blue.700}",
-      "$value": "#9dc7f1",
+      "$value": "#9dc8f2",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -27762,7 +27762,7 @@
     },
     "800": {
       "key": "{blue.800}",
-      "$value": "#cbe2f9",
+      "$value": "#c8e0f9",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -27792,7 +27792,7 @@
     },
     "900": {
       "key": "{blue.900}",
-      "$value": "#e9f3fc",
+      "$value": "#e8f2fd",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -28216,7 +28216,7 @@
   "green": {
     "50": {
       "key": "{green.50}",
-      "$value": "#1e3e28",
+      "$value": "#003c36",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -28246,7 +28246,7 @@
     },
     "100": {
       "key": "{green.100}",
-      "$value": "#225131",
+      "$value": "#075048",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -28276,7 +28276,7 @@
     },
     "200": {
       "key": "{green.200}",
-      "$value": "#306440",
+      "$value": "#0b645a",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -28306,7 +28306,7 @@
     },
     "300": {
       "key": "{green.300}",
-      "$value": "#2f7549",
+      "$value": "#0c7265",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -28336,7 +28336,7 @@
     },
     "400": {
       "key": "{green.400}",
-      "$value": "#108548",
+      "$value": "#0d8070",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -28366,7 +28366,7 @@
     },
     "500": {
       "key": "{green.500}",
-      "$value": "#2da160",
+      "$value": "#129c84",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -28396,7 +28396,7 @@
     },
     "600": {
       "key": "{green.600}",
-      "$value": "#52b87a",
+      "$value": "#35b597",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -28426,7 +28426,7 @@
     },
     "700": {
       "key": "{green.700}",
-      "$value": "#91d4a8",
+      "$value": "#84d4b6",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -28456,7 +28456,7 @@
     },
     "800": {
       "key": "{green.800}",
-      "$value": "#c3e6cd",
+      "$value": "#bee6d0",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -28486,7 +28486,7 @@
     },
     "900": {
       "key": "{green.900}",
-      "$value": "#ecf4ee",
+      "$value": "#e6f5ea",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -28548,7 +28548,7 @@
   "orange": {
     "50": {
       "key": "{orange.50}",
-      "$value": "#532e16",
+      "$value": "#5d220d",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -28578,7 +28578,7 @@
     },
     "100": {
       "key": "{orange.100}",
-      "$value": "#693c14",
+      "$value": "#7d2d0e",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -28608,7 +28608,7 @@
     },
     "200": {
       "key": "{orange.200}",
-      "$value": "#894b16",
+      "$value": "#9e3811",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -28638,7 +28638,7 @@
     },
     "300": {
       "key": "{orange.300}",
-      "$value": "#995715",
+      "$value": "#b34013",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -28668,7 +28668,7 @@
     },
     "400": {
       "key": "{orange.400}",
-      "$value": "#ab6100",
+      "$value": "#c74816",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -28698,7 +28698,7 @@
     },
     "500": {
       "key": "{orange.500}",
-      "$value": "#c17d10",
+      "$value": "#e95f21",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -28728,7 +28728,7 @@
     },
     "600": {
       "key": "{orange.600}",
-      "$value": "#d99530",
+      "$value": "#fb8017",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -28758,7 +28758,7 @@
     },
     "700": {
       "key": "{orange.700}",
-      "$value": "#e9be74",
+      "$value": "#f7b951",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -28788,7 +28788,7 @@
     },
     "800": {
       "key": "{orange.800}",
-      "$value": "#f5d9a8",
+      "$value": "#fada9c",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -28818,7 +28818,7 @@
     },
     "900": {
       "key": "{orange.900}",
-      "$value": "#fdf1dd",
+      "$value": "#fdf0d5",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -28880,7 +28880,7 @@
   "purple": {
     "50": {
       "key": "{purple.50}",
-      "$value": "#27243e",
+      "$value": "#291a5c",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -28910,7 +28910,7 @@
     },
     "100": {
       "key": "{purple.100}",
-      "$value": "#342d59",
+      "$value": "#362676",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -28940,7 +28940,7 @@
     },
     "200": {
       "key": "{purple.200}",
-      "$value": "#493c83",
+      "$value": "#483698",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -28970,7 +28970,7 @@
     },
     "300": {
       "key": "{purple.300}",
-      "$value": "#5c47a6",
+      "$value": "#5b46b8",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -29000,7 +29000,7 @@
     },
     "400": {
       "key": "{purple.400}",
-      "$value": "#6a4fb4",
+      "$value": "#6a54c0",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -29030,7 +29030,7 @@
     },
     "500": {
       "key": "{purple.500}",
-      "$value": "#7b58cf",
+      "$value": "#7862c8",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -29060,7 +29060,7 @@
     },
     "600": {
       "key": "{purple.600}",
-      "$value": "#9475db",
+      "$value": "#927cd7",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -29090,7 +29090,7 @@
     },
     "700": {
       "key": "{purple.700}",
-      "$value": "#ac93e6",
+      "$value": "#a997e1",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -29120,7 +29120,7 @@
     },
     "800": {
       "key": "{purple.800}",
-      "$value": "#cbbbf2",
+      "$value": "#c9beef",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -29150,7 +29150,7 @@
     },
     "900": {
       "key": "{purple.900}",
-      "$value": "#e1d8f9",
+      "$value": "#e1daf7",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -29180,7 +29180,7 @@
     },
     "950": {
       "key": "{purple.950}",
-      "$value": "#f4f0ff",
+      "$value": "#f4f0fc",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -29212,7 +29212,7 @@
   "red": {
     "50": {
       "key": "{red.50}",
-      "$value": "#582014",
+      "$value": "#641925",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -29242,7 +29242,7 @@
     },
     "100": {
       "key": "{red.100}",
-      "$value": "#812713",
+      "$value": "#891c2f",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -29272,7 +29272,7 @@
     },
     "200": {
       "key": "{red.200}",
-      "$value": "#a32c12",
+      "$value": "#ac203a",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -29302,7 +29302,7 @@
     },
     "300": {
       "key": "{red.300}",
-      "$value": "#c02f12",
+      "$value": "#c52042",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -29332,7 +29332,7 @@
     },
     "400": {
       "key": "{red.400}",
-      "$value": "#dd2b0e",
+      "$value": "#de1d4b",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -29362,7 +29362,7 @@
     },
     "500": {
       "key": "{red.500}",
-      "$value": "#ec5941",
+      "$value": "#f15168",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -29392,7 +29392,7 @@
     },
     "600": {
       "key": "{red.600}",
-      "$value": "#f6806d",
+      "$value": "#fc7988",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -29422,7 +29422,7 @@
     },
     "700": {
       "key": "{red.700}",
-      "$value": "#fcb5aa",
+      "$value": "#ffafb8",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -29452,7 +29452,7 @@
     },
     "800": {
       "key": "{red.800}",
-      "$value": "#fdd4cd",
+      "$value": "#ffd3d7",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -29482,7 +29482,7 @@
     },
     "900": {
       "key": "{red.900}",
-      "$value": "#fcf1ef",
+      "$value": "#feeef0",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -31791,7 +31791,7 @@
         "color": {
           "default": {
             "key": "{action.danger.foreground.color.default}",
-            "$value": "#fcb5aa",
+            "$value": "#ffafb8",
             "$type": "color",
             "$description": "Used for the foreground of a danger (destructive) action in the default state.",
             "$extensions": {
@@ -31826,7 +31826,7 @@
           },
           "hover": {
             "key": "{action.danger.foreground.color.hover}",
-            "$value": "#fdd4cd",
+            "$value": "#ffd3d7",
             "$type": "color",
             "$description": "Used for the foreground of a danger (destructive) action in the hover state.",
             "$extensions": {
@@ -31861,7 +31861,7 @@
           },
           "focus": {
             "key": "{action.danger.foreground.color.focus}",
-            "$value": "#fdd4cd",
+            "$value": "#ffd3d7",
             "$type": "color",
             "$description": "Used for the foreground of a danger (destructive) action in the focus state.",
             "$extensions": {
@@ -31896,7 +31896,7 @@
           },
           "active": {
             "key": "{action.danger.foreground.color.active}",
-            "$value": "#fdd4cd",
+            "$value": "#ffd3d7",
             "$type": "color",
             "$description": "Used for the foreground of a danger (destructive) action in the active state.",
             "$extensions": {
@@ -31935,7 +31935,7 @@
         "color": {
           "default": {
             "key": "{action.danger.background.color.default}",
-            "$value": "rgba(236, 89, 65, 0)",
+            "$value": "rgba(241, 81, 104, 0)",
             "$type": "color",
             "$description": "Used for the background of a danger (destructive) action in the default state.",
             "$extensions": {
@@ -31947,7 +31947,7 @@
             "filePath": "src/semantic/action.tokens.json",
             "isSource": true,
             "original": {
-              "$value": "rgba(236, 89, 65, 0)",
+              "$value": "rgba(241, 81, 104, 0)",
               "$type": "color",
               "$description": "Used for the background of a danger (destructive) action in the default state.",
               "$extensions": {
@@ -31970,7 +31970,7 @@
           },
           "hover": {
             "key": "{action.danger.background.color.hover}",
-            "$value": "rgba(236, 89, 65, 0.4)",
+            "$value": "rgba(241, 81, 104, 0.4)",
             "$type": "color",
             "$description": "Used for the background of a danger (destructive) action in the hover state.",
             "$extensions": {
@@ -31982,7 +31982,7 @@
             "filePath": "src/semantic/action.tokens.json",
             "isSource": true,
             "original": {
-              "$value": "rgba(236, 89, 65, 0.4)",
+              "$value": "rgba(241, 81, 104, 0.4)",
               "$type": "color",
               "$description": "Used for the background of a danger (destructive) action in the hover state.",
               "$extensions": {
@@ -32005,7 +32005,7 @@
           },
           "focus": {
             "key": "{action.danger.background.color.focus}",
-            "$value": "rgba(236, 89, 65, 0.4)",
+            "$value": "rgba(241, 81, 104, 0.4)",
             "$type": "color",
             "$description": "Used for the background of a danger (destructive) action in the focus state.",
             "$extensions": {
@@ -32040,7 +32040,7 @@
           },
           "active": {
             "key": "{action.danger.background.color.active}",
-            "$value": "rgba(236, 89, 65, 0.16)",
+            "$value": "rgba(241, 81, 104, 0.16)",
             "$type": "color",
             "$description": "Used for the background of a danger (destructive) action in the active state.",
             "$extensions": {
@@ -32052,7 +32052,7 @@
             "filePath": "src/semantic/action.tokens.json",
             "isSource": true,
             "original": {
-              "$value": "rgba(236, 89, 65, 0.16)",
+              "$value": "rgba(241, 81, 104, 0.16)",
               "$type": "color",
               "$description": "Used for the background of a danger (destructive) action in the active state.",
               "$extensions": {
@@ -32218,7 +32218,7 @@
           "color": {
             "default": {
               "key": "{action.strong.confirm.background.color.default}",
-              "$value": "#63a6e9",
+              "$value": "#64a7e9",
               "$type": "color",
               "$description": "Used for the background of a strong confirm action in the default state.",
               "$extensions": {
@@ -32254,7 +32254,7 @@
             },
             "hover": {
               "key": "{action.strong.confirm.background.color.hover}",
-              "$value": "#9dc7f1",
+              "$value": "#9dc8f2",
               "$type": "color",
               "$description": "Used for the background of a strong confirm action in the hover state.",
               "$extensions": {
@@ -32290,7 +32290,7 @@
             },
             "focus": {
               "key": "{action.strong.confirm.background.color.focus}",
-              "$value": "#9dc7f1",
+              "$value": "#9dc8f2",
               "$type": "color",
               "$description": "Used for the background of a strong confirm action in the focus state.",
               "$extensions": {
@@ -32326,7 +32326,7 @@
             },
             "active": {
               "key": "{action.strong.confirm.background.color.active}",
-              "$value": "#428fdc",
+              "$value": "#3f8edd",
               "$type": "color",
               "$description": "Used for the background of a strong confirm action in the active state.",
               "$extensions": {
@@ -33706,7 +33706,7 @@
         },
         "error": {
           "key": "{control.border.color.error}",
-          "$value": "#f6806d",
+          "$value": "#fc7988",
           "$type": "color",
           "$description": "Used for invalid form control (input, textarea) border.",
           "$extensions": {
@@ -33874,7 +33874,7 @@
       "color": {
         "error": {
           "key": "{control.text.color.error}",
-          "$value": "#f6806d",
+          "$value": "#fc7988",
           "$type": "color",
           "$description": "Used for the helper text when the input is invalid.",
           "$extensions": {
@@ -33906,7 +33906,7 @@
         },
         "valid": {
           "key": "{control.text.color.valid}",
-          "$value": "#52b87a",
+          "$value": "#35b597",
           "$type": "color",
           "$description": "Used for the helper text when the input is valid.",
           "$extensions": {
@@ -34222,7 +34222,7 @@
       "link": {
         "color": {
           "key": "{feedback.strong.link.color}",
-          "$value": "#63a6e9",
+          "$value": "#64a7e9",
           "$type": "color",
           "$description": "Used for a link on a strong feedback background.",
           "$extensions": {
@@ -34400,7 +34400,7 @@
       "background": {
         "color": {
           "key": "{feedback.info.background.color}",
-          "$value": "#1d283e",
+          "$value": "#1d2153",
           "$type": "color",
           "$description": "Used for the background of an informational feedback item when highlighting new information or a change that doesn't require immediate action.",
           "$extensions": {
@@ -34436,7 +34436,7 @@
       "border": {
         "color": {
           "key": "{feedback.info.border.color}",
-          "$value": "#2f68b4",
+          "$value": "#2566b5",
           "$type": "color",
           "$description": "Used for the border of an informational feedback item when highlighting new information or a change that doesn't require immediate action.",
           "$extensions": {
@@ -34470,7 +34470,7 @@
       "text": {
         "color": {
           "key": "{feedback.info.text.color}",
-          "$value": "#9dc7f1",
+          "$value": "#9dc8f2",
           "$type": "color",
           "$description": "Used for the text of an informational feedback item when highlighting new information or a change that doesn't require immediate action.",
           "$extensions": {
@@ -34504,7 +34504,7 @@
       "icon": {
         "color": {
           "key": "{feedback.info.icon.color}",
-          "$value": "#9dc7f1",
+          "$value": "#9dc8f2",
           "$type": "color",
           "$description": "Used for the icon of an informational feedback item when highlighting new information or a change that doesn't require immediate action.",
           "$extensions": {
@@ -34542,7 +34542,7 @@
       "background": {
         "color": {
           "key": "{feedback.success.background.color}",
-          "$value": "#1e3e28",
+          "$value": "#003c36",
           "$type": "color",
           "$description": "Used for the background of a success feedback item when confirming the successful completion of a user-initiated action.",
           "$extensions": {
@@ -34578,7 +34578,7 @@
       "border": {
         "color": {
           "key": "{feedback.success.border.color}",
-          "$value": "#2f7549",
+          "$value": "#0c7265",
           "$type": "color",
           "$description": "Used for the border of a success feedback item when confirming the successful completion of a user-initiated action.",
           "$extensions": {
@@ -34612,7 +34612,7 @@
       "text": {
         "color": {
           "key": "{feedback.success.text.color}",
-          "$value": "#91d4a8",
+          "$value": "#84d4b6",
           "$type": "color",
           "$description": "Used for the text of a success feedback item when confirming the successful completion of a user-initiated action.",
           "$extensions": {
@@ -34646,7 +34646,7 @@
       "icon": {
         "color": {
           "key": "{feedback.success.icon.color}",
-          "$value": "#91d4a8",
+          "$value": "#84d4b6",
           "$type": "color",
           "$description": "Used for the icon of a success feedback item when confirming the successful completion of a user-initiated action.",
           "$extensions": {
@@ -34684,7 +34684,7 @@
       "background": {
         "color": {
           "key": "{feedback.warning.background.color}",
-          "$value": "#532e16",
+          "$value": "#5d220d",
           "$type": "color",
           "$description": "Used for the background of a warning feedback item when notifying about a potential issue or sensitive information.",
           "$extensions": {
@@ -34720,7 +34720,7 @@
       "border": {
         "color": {
           "key": "{feedback.warning.border.color}",
-          "$value": "#995715",
+          "$value": "#b34013",
           "$type": "color",
           "$description": "Used for the border of a warning feedback item when notifying about a potential issue or sensitive information.",
           "$extensions": {
@@ -34754,7 +34754,7 @@
       "text": {
         "color": {
           "key": "{feedback.warning.text.color}",
-          "$value": "#e9be74",
+          "$value": "#f7b951",
           "$type": "color",
           "$description": "Used for the text of a warning feedback item when notifying about a potential issue or sensitive information.",
           "$extensions": {
@@ -34788,7 +34788,7 @@
       "icon": {
         "color": {
           "key": "{feedback.warning.icon.color}",
-          "$value": "#e9be74",
+          "$value": "#f7b951",
           "$type": "color",
           "$description": "Used for the icon of a warning feedback item when notifying about a potential issue or sensitive information.",
           "$extensions": {
@@ -34826,7 +34826,7 @@
       "background": {
         "color": {
           "key": "{feedback.danger.background.color}",
-          "$value": "#582014",
+          "$value": "#641925",
           "$type": "color",
           "$description": "Used for the background of a danger feedback item when notifying about a critical issue that has just occurred and requires immediate attention.",
           "$extensions": {
@@ -34862,7 +34862,7 @@
       "border": {
         "color": {
           "key": "{feedback.danger.border.color}",
-          "$value": "#f6806d",
+          "$value": "#fc7988",
           "$type": "color",
           "$description": "Used for the border of a danger feedback item when notifying about a critical issue that has just occurred and requires immediate attention.",
           "$extensions": {
@@ -34896,7 +34896,7 @@
       "text": {
         "color": {
           "key": "{feedback.danger.text.color}",
-          "$value": "#fcb5aa",
+          "$value": "#ffafb8",
           "$type": "color",
           "$description": "Used for the text of a danger feedback item when notifying about a critical issue that has just occurred and requires immediate attention.",
           "$extensions": {
@@ -34930,7 +34930,7 @@
       "icon": {
         "color": {
           "key": "{feedback.danger.icon.color}",
-          "$value": "#fcb5aa",
+          "$value": "#ffafb8",
           "$type": "color",
           "$description": "Used for the icon of a danger feedback item when notifying about a critical issue that has just occurred and requires immediate attention.",
           "$extensions": {
@@ -34968,7 +34968,7 @@
       "background": {
         "color": {
           "key": "{feedback.brand.background.color}",
-          "$value": "#27243e",
+          "$value": "#291a5c",
           "$type": "color",
           "$description": "Used for the background of a brand-related feedback item when highlighting information that pertains to GitLab.",
           "$extensions": {
@@ -35004,7 +35004,7 @@
       "border": {
         "color": {
           "key": "{feedback.brand.border.color}",
-          "$value": "#6a4fb4",
+          "$value": "#6a54c0",
           "$type": "color",
           "$description": "Used for the border of a brand-related feedback item when highlighting information that pertains to GitLab.",
           "$extensions": {
@@ -35038,7 +35038,7 @@
       "text": {
         "color": {
           "key": "{feedback.brand.text.color}",
-          "$value": "#cbbbf2",
+          "$value": "#c9beef",
           "$type": "color",
           "$description": "Used for the text of a brand-related feedback item when highlighting information that pertains to GitLab.",
           "$extensions": {
@@ -35072,7 +35072,7 @@
       "icon": {
         "color": {
           "key": "{feedback.brand.icon.color}",
-          "$value": "#cbbbf2",
+          "$value": "#c9beef",
           "$type": "color",
           "$description": "Used for the icon of a brand-related feedback item when highlighting information that pertains to GitLab.",
           "$extensions": {
@@ -35111,7 +35111,7 @@
     "outer": {
       "color": {
         "key": "{focus-ring.outer.color}",
-        "$value": "#428fdc",
+        "$value": "#3f8edd",
         "$type": "color",
         "$description": "Used for the outer color portion of the focus ring.",
         "$extensions": {
@@ -35180,7 +35180,7 @@
       "background": {
         "color": {
           "key": "{highlight.match.background.color}",
-          "$value": "#e9be74",
+          "$value": "#f7b951",
           "$type": "color",
           "$description": "Used for temporary visual emphasis of backgrounds of matched search terms, filtered results, or autocomplete suggestions without implying any particular state or meaning.",
           "$extensions": {
@@ -35252,7 +35252,7 @@
       "background": {
         "color": {
           "key": "{highlight.target.background.color}",
-          "$value": "#1d283e",
+          "$value": "#1d2153",
           "$type": "color",
           "$description": "Used for temporary visual emphasis for backgrounds of referenced elements (for example URL anchors, hover states) or to show relationships between content without implying status or requiring action.",
           "$extensions": {
@@ -35288,7 +35288,7 @@
       "border": {
         "color": {
           "key": "{highlight.target.border.color}",
-          "$value": "#2f5ca0",
+          "$value": "#27599f",
           "$type": "color",
           "$description": "Used to provide additional visual emphasis for borders of temporarily targeted elements or when visualizing connections between related content, distinct from persistent states.",
           "$extensions": {
@@ -35457,7 +35457,7 @@
       },
       "link": {
         "key": "{icon.color.link}",
-        "$value": "#9dc7f1",
+        "$value": "#9dc8f2",
         "$type": "color",
         "$description": "Used for an icon within a link.",
         "$extensions": {
@@ -35490,7 +35490,7 @@
       },
       "info": {
         "key": "{icon.color.info}",
-        "$value": "#9dc7f1",
+        "$value": "#9dc8f2",
         "$type": "color",
         "$description": "Used for an icon associated with information or help.",
         "$extensions": {
@@ -35523,7 +35523,7 @@
       },
       "warning": {
         "key": "{icon.color.warning}",
-        "$value": "#d99530",
+        "$value": "#fb8017",
         "$type": "color",
         "$description": "Used for an icon associated with a warning.",
         "$extensions": {
@@ -35556,7 +35556,7 @@
       },
       "danger": {
         "key": "{icon.color.danger}",
-        "$value": "#f6806d",
+        "$value": "#fc7988",
         "$type": "color",
         "$description": "Used for an icon associated with an error or danger.",
         "$extensions": {
@@ -35589,7 +35589,7 @@
       },
       "success": {
         "key": "{icon.color.success}",
-        "$value": "#52b87a",
+        "$value": "#35b597",
         "$type": "color",
         "$description": "Used for an icon associated with success or validity.",
         "$extensions": {
@@ -35765,7 +35765,7 @@
       "background": {
         "color": {
           "key": "{status.info.background.color}",
-          "$value": "#284779",
+          "$value": "#254581",
           "$type": "color",
           "$description": "Used for the background of an informational status item when indicating a noteworthy ongoing condition or a state of active progress.",
           "$extensions": {
@@ -35801,7 +35801,7 @@
       "text": {
         "color": {
           "key": "{status.info.text.color}",
-          "$value": "#9dc7f1",
+          "$value": "#9dc8f2",
           "$type": "color",
           "$description": "Used for the text of an informational status item when indicating a noteworthy ongoing condition or a state of active progress.",
           "$extensions": {
@@ -35835,7 +35835,7 @@
       "icon": {
         "color": {
           "key": "{status.info.icon.color}",
-          "$value": "#63a6e9",
+          "$value": "#64a7e9",
           "$type": "color",
           "$description": "Used for the icon of an informational status item when indicating a noteworthy ongoing condition or a state of active progress.",
           "$extensions": {
@@ -35873,7 +35873,7 @@
       "background": {
         "color": {
           "key": "{status.success.background.color}",
-          "$value": "#225131",
+          "$value": "#075048",
           "$type": "color",
           "$description": "Used for the background of a success status item when indicating a positive outcome, completion, or desired state. Clearly conveys a positive connotation.",
           "$extensions": {
@@ -35909,7 +35909,7 @@
       "text": {
         "color": {
           "key": "{status.success.text.color}",
-          "$value": "#91d4a8",
+          "$value": "#84d4b6",
           "$type": "color",
           "$description": "Used for the text of a success status item when indicating a positive outcome, completion, or desired state. Clearly conveys a positive connotation.",
           "$extensions": {
@@ -35943,7 +35943,7 @@
       "icon": {
         "color": {
           "key": "{status.success.icon.color}",
-          "$value": "#52b87a",
+          "$value": "#35b597",
           "$type": "color",
           "$description": "Used for the icon of a success status item when indicating a positive outcome, completion, or desired state. Clearly conveys a positive connotation.",
           "$extensions": {
@@ -35981,7 +35981,7 @@
       "background": {
         "color": {
           "key": "{status.warning.background.color}",
-          "$value": "#693c14",
+          "$value": "#7d2d0e",
           "$type": "color",
           "$description": "Used for the background of a warning status item when indicating a state that requires heightened awareness or caution, but is not necessarily problematic. Represents a state that warrants extra attention or care when interacting with the item.",
           "$extensions": {
@@ -36017,7 +36017,7 @@
       "text": {
         "color": {
           "key": "{status.warning.text.color}",
-          "$value": "#e9be74",
+          "$value": "#f7b951",
           "$type": "color",
           "$description": "Used for the text of a warning status item when indicating a state that requires heightened awareness or caution, but is not necessarily problematic. Represents a state that warrants extra attention or care when interacting with the item.",
           "$extensions": {
@@ -36051,7 +36051,7 @@
       "icon": {
         "color": {
           "key": "{status.warning.icon.color}",
-          "$value": "#d99530",
+          "$value": "#fb8017",
           "$type": "color",
           "$description": "Used for the icon of a warning status item when indicating a state that requires heightened awareness or caution, but is not necessarily problematic. Represents a state that warrants extra attention or care when interacting with the item.",
           "$extensions": {
@@ -36089,7 +36089,7 @@
       "background": {
         "color": {
           "key": "{status.danger.background.color}",
-          "$value": "#812713",
+          "$value": "#891c2f",
           "$type": "color",
           "$description": "Used for the background of a danger status item when indicating a critical or severely problematic current state. Clearly conveys a negative connotation, representing a serious, ongoing issue or undesired condition.",
           "$extensions": {
@@ -36125,7 +36125,7 @@
       "text": {
         "color": {
           "key": "{status.danger.text.color}",
-          "$value": "#fcb5aa",
+          "$value": "#ffafb8",
           "$type": "color",
           "$description": "Used for the text of a danger status item when indicating a critical or severely problematic current state. Clearly conveys a negative connotation, representing a serious, ongoing issue or undesired condition.",
           "$extensions": {
@@ -36159,7 +36159,7 @@
       "icon": {
         "color": {
           "key": "{status.danger.icon.color}",
-          "$value": "#f6806d",
+          "$value": "#fc7988",
           "$type": "color",
           "$description": "Used for the icon of a danger status item when indicating a critical or severely problematic current state. Clearly conveys a negative connotation, representing a serious, ongoing issue or undesired condition.",
           "$extensions": {
@@ -36197,7 +36197,7 @@
       "background": {
         "color": {
           "key": "{status.brand.background.color}",
-          "$value": "#342d59",
+          "$value": "#362676",
           "$type": "color",
           "$description": "Used for the background of a brand-related status item when highlighting the state of unique features or elements specific to the GitLab brand identity. Helps distinguish and emphasize brand-specific elements within the interface.",
           "$extensions": {
@@ -36233,7 +36233,7 @@
       "text": {
         "color": {
           "key": "{status.brand.text.color}",
-          "$value": "#ac93e6",
+          "$value": "#a997e1",
           "$type": "color",
           "$description": "Used for the text of a brand-related status item when highlighting the state of unique features or elements specific to the GitLab brand identity. Helps distinguish and emphasize brand-specific elements within the interface.",
           "$extensions": {
@@ -36267,7 +36267,7 @@
       "icon": {
         "color": {
           "key": "{status.brand.icon.color}",
-          "$value": "#7b58cf",
+          "$value": "#7862c8",
           "$type": "color",
           "$description": "Used for the icon of a brand-related status item when highlighting the state of unique features or elements specific to the GitLab brand identity. Helps distinguish and emphasize brand-specific elements within the interface.",
           "$extensions": {
@@ -36526,7 +36526,7 @@
       },
       "link": {
         "key": "{text.color.link}",
-        "$value": "#9dc7f1",
+        "$value": "#9dc8f2",
         "$type": "color",
         "$description": "Used for default text links.",
         "$extensions": {
@@ -36557,7 +36557,7 @@
       },
       "warning": {
         "key": "{text.color.warning}",
-        "$value": "#d99530",
+        "$value": "#fb8017",
         "$type": "color",
         "$description": "Used for text that requires caution or careful attention.",
         "$extensions": {
@@ -36588,7 +36588,7 @@
       },
       "danger": {
         "key": "{text.color.danger}",
-        "$value": "#f6806d",
+        "$value": "#fc7988",
         "$type": "color",
         "$description": "Used for text indicating a problem, critical state, destructive action, error, failure, removal, stop, or declination.",
         "$extensions": {
@@ -36619,7 +36619,7 @@
       },
       "success": {
         "key": "{text.color.success}",
-        "$value": "#52b87a",
+        "$value": "#35b597",
         "$type": "color",
         "$description": "Used for text indicating success, completion, approval, addition, or validity.",
         "$extensions": {
diff --git a/packages/tokens/dist/json/tokens.json b/packages/tokens/dist/json/tokens.json
index d7208ae..005bf7e 100644
--- a/packages/tokens/dist/json/tokens.json
+++ b/packages/tokens/dist/json/tokens.json
@@ -879,7 +879,7 @@
     "blue": {
       "50": {
         "key": "{color.blue.50}",
-        "$value": "#e9f3fc",
+        "$value": "#e8f2fd",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -887,7 +887,7 @@
         "filePath": "src/constant/color.blue.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#e9f3fc",
+          "$value": "#e8f2fd",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -904,7 +904,7 @@
       },
       "100": {
         "key": "{color.blue.100}",
-        "$value": "#cbe2f9",
+        "$value": "#c8e0f9",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -912,7 +912,7 @@
         "filePath": "src/constant/color.blue.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#cbe2f9",
+          "$value": "#c8e0f9",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -929,7 +929,7 @@
       },
       "200": {
         "key": "{color.blue.200}",
-        "$value": "#9dc7f1",
+        "$value": "#9dc8f2",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -937,7 +937,7 @@
         "filePath": "src/constant/color.blue.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#9dc7f1",
+          "$value": "#9dc8f2",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -954,7 +954,7 @@
       },
       "300": {
         "key": "{color.blue.300}",
-        "$value": "#63a6e9",
+        "$value": "#64a7e9",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -962,7 +962,7 @@
         "filePath": "src/constant/color.blue.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#63a6e9",
+          "$value": "#64a7e9",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -979,7 +979,7 @@
       },
       "400": {
         "key": "{color.blue.400}",
-        "$value": "#428fdc",
+        "$value": "#3f8edd",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -987,7 +987,7 @@
         "filePath": "src/constant/color.blue.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#428fdc",
+          "$value": "#3f8edd",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -1004,7 +1004,7 @@
       },
       "500": {
         "key": "{color.blue.500}",
-        "$value": "#1f75cb",
+        "$value": "#1f73ca",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -1012,7 +1012,7 @@
         "filePath": "src/constant/color.blue.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#1f75cb",
+          "$value": "#1f73ca",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -1029,7 +1029,7 @@
       },
       "600": {
         "key": "{color.blue.600}",
-        "$value": "#2f68b4",
+        "$value": "#2566b5",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -1037,7 +1037,7 @@
         "filePath": "src/constant/color.blue.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#2f68b4",
+          "$value": "#2566b5",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -1054,7 +1054,7 @@
       },
       "700": {
         "key": "{color.blue.700}",
-        "$value": "#2f5ca0",
+        "$value": "#27599f",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -1062,7 +1062,7 @@
         "filePath": "src/constant/color.blue.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#2f5ca0",
+          "$value": "#27599f",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -1079,7 +1079,7 @@
       },
       "800": {
         "key": "{color.blue.800}",
-        "$value": "#284779",
+        "$value": "#254581",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -1087,7 +1087,7 @@
         "filePath": "src/constant/color.blue.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#284779",
+          "$value": "#254581",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -1104,7 +1104,7 @@
       },
       "900": {
         "key": "{color.blue.900}",
-        "$value": "#213454",
+        "$value": "#1f3166",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -1112,7 +1112,7 @@
         "filePath": "src/constant/color.blue.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#213454",
+          "$value": "#1f3166",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -1129,7 +1129,7 @@
       },
       "950": {
         "key": "{color.blue.950}",
-        "$value": "#1d283e",
+        "$value": "#1d2153",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -1137,7 +1137,7 @@
         "filePath": "src/constant/color.blue.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#1d283e",
+          "$value": "#1d2153",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -2922,7 +2922,7 @@
     "green": {
       "50": {
         "key": "{color.green.50}",
-        "$value": "#ecf4ee",
+        "$value": "#e6f5ea",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -2930,7 +2930,7 @@
         "filePath": "src/constant/color.green.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#ecf4ee",
+          "$value": "#e6f5ea",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -2947,7 +2947,7 @@
       },
       "100": {
         "key": "{color.green.100}",
-        "$value": "#c3e6cd",
+        "$value": "#bee6d0",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -2955,7 +2955,7 @@
         "filePath": "src/constant/color.green.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#c3e6cd",
+          "$value": "#bee6d0",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -2972,7 +2972,7 @@
       },
       "200": {
         "key": "{color.green.200}",
-        "$value": "#91d4a8",
+        "$value": "#84d4b6",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -2980,7 +2980,7 @@
         "filePath": "src/constant/color.green.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#91d4a8",
+          "$value": "#84d4b6",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -2997,7 +2997,7 @@
       },
       "300": {
         "key": "{color.green.300}",
-        "$value": "#52b87a",
+        "$value": "#35b597",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -3005,7 +3005,7 @@
         "filePath": "src/constant/color.green.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#52b87a",
+          "$value": "#35b597",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -3022,7 +3022,7 @@
       },
       "400": {
         "key": "{color.green.400}",
-        "$value": "#2da160",
+        "$value": "#129c84",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -3030,7 +3030,7 @@
         "filePath": "src/constant/color.green.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#2da160",
+          "$value": "#129c84",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -3047,7 +3047,7 @@
       },
       "500": {
         "key": "{color.green.500}",
-        "$value": "#108548",
+        "$value": "#0d8070",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -3055,7 +3055,7 @@
         "filePath": "src/constant/color.green.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#108548",
+          "$value": "#0d8070",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -3072,7 +3072,7 @@
       },
       "600": {
         "key": "{color.green.600}",
-        "$value": "#2f7549",
+        "$value": "#0c7265",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -3080,7 +3080,7 @@
         "filePath": "src/constant/color.green.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#2f7549",
+          "$value": "#0c7265",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -3097,7 +3097,7 @@
       },
       "700": {
         "key": "{color.green.700}",
-        "$value": "#306440",
+        "$value": "#0b645a",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -3105,7 +3105,7 @@
         "filePath": "src/constant/color.green.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#306440",
+          "$value": "#0b645a",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -3122,7 +3122,7 @@
       },
       "800": {
         "key": "{color.green.800}",
-        "$value": "#225131",
+        "$value": "#075048",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -3130,7 +3130,7 @@
         "filePath": "src/constant/color.green.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#225131",
+          "$value": "#075048",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -3147,7 +3147,7 @@
       },
       "900": {
         "key": "{color.green.900}",
-        "$value": "#1e3e28",
+        "$value": "#003c36",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -3155,7 +3155,7 @@
         "filePath": "src/constant/color.green.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#1e3e28",
+          "$value": "#003c36",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -3172,7 +3172,7 @@
       },
       "950": {
         "key": "{color.green.950}",
-        "$value": "#17291c",
+        "$value": "#002c26",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -3180,7 +3180,7 @@
         "filePath": "src/constant/color.green.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#17291c",
+          "$value": "#002c26",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -3551,7 +3551,7 @@
     "orange": {
       "50": {
         "key": "{color.orange.50}",
-        "$value": "#fdf1dd",
+        "$value": "#fdf0d5",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -3559,7 +3559,7 @@
         "filePath": "src/constant/color.orange.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#fdf1dd",
+          "$value": "#fdf0d5",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -3576,7 +3576,7 @@
       },
       "100": {
         "key": "{color.orange.100}",
-        "$value": "#f5d9a8",
+        "$value": "#fada9c",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -3584,7 +3584,7 @@
         "filePath": "src/constant/color.orange.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#f5d9a8",
+          "$value": "#fada9c",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -3601,7 +3601,7 @@
       },
       "200": {
         "key": "{color.orange.200}",
-        "$value": "#e9be74",
+        "$value": "#f7b951",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -3609,7 +3609,7 @@
         "filePath": "src/constant/color.orange.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#e9be74",
+          "$value": "#f7b951",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -3626,7 +3626,7 @@
       },
       "300": {
         "key": "{color.orange.300}",
-        "$value": "#d99530",
+        "$value": "#fb8017",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -3634,7 +3634,7 @@
         "filePath": "src/constant/color.orange.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#d99530",
+          "$value": "#fb8017",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -3651,7 +3651,7 @@
       },
       "400": {
         "key": "{color.orange.400}",
-        "$value": "#c17d10",
+        "$value": "#e95f21",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -3659,7 +3659,7 @@
         "filePath": "src/constant/color.orange.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#c17d10",
+          "$value": "#e95f21",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -3676,7 +3676,7 @@
       },
       "500": {
         "key": "{color.orange.500}",
-        "$value": "#ab6100",
+        "$value": "#c74816",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -3684,7 +3684,7 @@
         "filePath": "src/constant/color.orange.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#ab6100",
+          "$value": "#c74816",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -3701,7 +3701,7 @@
       },
       "600": {
         "key": "{color.orange.600}",
-        "$value": "#995715",
+        "$value": "#b34013",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -3709,7 +3709,7 @@
         "filePath": "src/constant/color.orange.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#995715",
+          "$value": "#b34013",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -3726,7 +3726,7 @@
       },
       "700": {
         "key": "{color.orange.700}",
-        "$value": "#894b16",
+        "$value": "#9e3811",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -3734,7 +3734,7 @@
         "filePath": "src/constant/color.orange.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#894b16",
+          "$value": "#9e3811",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -3751,7 +3751,7 @@
       },
       "800": {
         "key": "{color.orange.800}",
-        "$value": "#693c14",
+        "$value": "#7d2d0e",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -3759,7 +3759,7 @@
         "filePath": "src/constant/color.orange.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#693c14",
+          "$value": "#7d2d0e",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -3776,7 +3776,7 @@
       },
       "900": {
         "key": "{color.orange.900}",
-        "$value": "#532e16",
+        "$value": "#5d220d",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -3784,7 +3784,7 @@
         "filePath": "src/constant/color.orange.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#532e16",
+          "$value": "#5d220d",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -3801,7 +3801,7 @@
       },
       "950": {
         "key": "{color.orange.950}",
-        "$value": "#382315",
+        "$value": "#461807",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -3809,7 +3809,7 @@
         "filePath": "src/constant/color.orange.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#382315",
+          "$value": "#461807",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -3828,7 +3828,7 @@
     "purple": {
       "50": {
         "key": "{color.purple.50}",
-        "$value": "#f4f0ff",
+        "$value": "#f4f0fc",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -3836,7 +3836,7 @@
         "filePath": "src/constant/color.purple.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#f4f0ff",
+          "$value": "#f4f0fc",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -3853,7 +3853,7 @@
       },
       "100": {
         "key": "{color.purple.100}",
-        "$value": "#e1d8f9",
+        "$value": "#e1daf7",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -3861,7 +3861,7 @@
         "filePath": "src/constant/color.purple.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#e1d8f9",
+          "$value": "#e1daf7",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -3878,7 +3878,7 @@
       },
       "200": {
         "key": "{color.purple.200}",
-        "$value": "#cbbbf2",
+        "$value": "#c9beef",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -3886,7 +3886,7 @@
         "filePath": "src/constant/color.purple.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#cbbbf2",
+          "$value": "#c9beef",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -3903,7 +3903,7 @@
       },
       "300": {
         "key": "{color.purple.300}",
-        "$value": "#ac93e6",
+        "$value": "#a997e1",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -3911,7 +3911,7 @@
         "filePath": "src/constant/color.purple.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#ac93e6",
+          "$value": "#a997e1",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -3928,7 +3928,7 @@
       },
       "400": {
         "key": "{color.purple.400}",
-        "$value": "#9475db",
+        "$value": "#927cd7",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -3936,7 +3936,7 @@
         "filePath": "src/constant/color.purple.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#9475db",
+          "$value": "#927cd7",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -3953,7 +3953,7 @@
       },
       "500": {
         "key": "{color.purple.500}",
-        "$value": "#7b58cf",
+        "$value": "#7862c8",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -3961,7 +3961,7 @@
         "filePath": "src/constant/color.purple.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#7b58cf",
+          "$value": "#7862c8",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -3978,7 +3978,7 @@
       },
       "600": {
         "key": "{color.purple.600}",
-        "$value": "#6a4fb4",
+        "$value": "#6a54c0",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -3986,7 +3986,7 @@
         "filePath": "src/constant/color.purple.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#6a4fb4",
+          "$value": "#6a54c0",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -4003,7 +4003,7 @@
       },
       "700": {
         "key": "{color.purple.700}",
-        "$value": "#5c47a6",
+        "$value": "#5b46b8",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -4011,7 +4011,7 @@
         "filePath": "src/constant/color.purple.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#5c47a6",
+          "$value": "#5b46b8",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -4028,7 +4028,7 @@
       },
       "800": {
         "key": "{color.purple.800}",
-        "$value": "#493c83",
+        "$value": "#483698",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -4036,7 +4036,7 @@
         "filePath": "src/constant/color.purple.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#493c83",
+          "$value": "#483698",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -4053,7 +4053,7 @@
       },
       "900": {
         "key": "{color.purple.900}",
-        "$value": "#342d59",
+        "$value": "#362676",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -4061,7 +4061,7 @@
         "filePath": "src/constant/color.purple.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#342d59",
+          "$value": "#362676",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -4078,7 +4078,7 @@
       },
       "950": {
         "key": "{color.purple.950}",
-        "$value": "#27243e",
+        "$value": "#291a5c",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -4086,7 +4086,7 @@
         "filePath": "src/constant/color.purple.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#27243e",
+          "$value": "#291a5c",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -4105,7 +4105,7 @@
     "red": {
       "50": {
         "key": "{color.red.50}",
-        "$value": "#fcf1ef",
+        "$value": "#feeef0",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -4113,7 +4113,7 @@
         "filePath": "src/constant/color.red.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#fcf1ef",
+          "$value": "#feeef0",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -4130,7 +4130,7 @@
       },
       "100": {
         "key": "{color.red.100}",
-        "$value": "#fdd4cd",
+        "$value": "#ffd3d7",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -4138,7 +4138,7 @@
         "filePath": "src/constant/color.red.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#fdd4cd",
+          "$value": "#ffd3d7",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -4155,7 +4155,7 @@
       },
       "200": {
         "key": "{color.red.200}",
-        "$value": "#fcb5aa",
+        "$value": "#ffafb8",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -4163,7 +4163,7 @@
         "filePath": "src/constant/color.red.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#fcb5aa",
+          "$value": "#ffafb8",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -4180,7 +4180,7 @@
       },
       "300": {
         "key": "{color.red.300}",
-        "$value": "#f6806d",
+        "$value": "#fc7988",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -4188,7 +4188,7 @@
         "filePath": "src/constant/color.red.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#f6806d",
+          "$value": "#fc7988",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -4205,7 +4205,7 @@
       },
       "400": {
         "key": "{color.red.400}",
-        "$value": "#ec5941",
+        "$value": "#f15168",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -4213,7 +4213,7 @@
         "filePath": "src/constant/color.red.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#ec5941",
+          "$value": "#f15168",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -4230,7 +4230,7 @@
       },
       "500": {
         "key": "{color.red.500}",
-        "$value": "#dd2b0e",
+        "$value": "#de1d4b",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -4238,7 +4238,7 @@
         "filePath": "src/constant/color.red.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#dd2b0e",
+          "$value": "#de1d4b",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -4255,7 +4255,7 @@
       },
       "600": {
         "key": "{color.red.600}",
-        "$value": "#c02f12",
+        "$value": "#c52042",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -4263,7 +4263,7 @@
         "filePath": "src/constant/color.red.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#c02f12",
+          "$value": "#c52042",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -4280,7 +4280,7 @@
       },
       "700": {
         "key": "{color.red.700}",
-        "$value": "#a32c12",
+        "$value": "#ac203a",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -4288,7 +4288,7 @@
         "filePath": "src/constant/color.red.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#a32c12",
+          "$value": "#ac203a",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -4305,7 +4305,7 @@
       },
       "800": {
         "key": "{color.red.800}",
-        "$value": "#812713",
+        "$value": "#891c2f",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -4313,7 +4313,7 @@
         "filePath": "src/constant/color.red.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#812713",
+          "$value": "#891c2f",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -4330,7 +4330,7 @@
       },
       "900": {
         "key": "{color.red.900}",
-        "$value": "#582014",
+        "$value": "#641925",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -4338,7 +4338,7 @@
         "filePath": "src/constant/color.red.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#582014",
+          "$value": "#641925",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -4355,7 +4355,7 @@
       },
       "950": {
         "key": "{color.red.950}",
-        "$value": "#3e1a14",
+        "$value": "#48151d",
         "$type": "color",
         "$extensions": {
           "com.figma.scopes": []
@@ -4363,7 +4363,7 @@
         "filePath": "src/constant/color.red.tokens.json",
         "isSource": true,
         "original": {
-          "$value": "#3e1a14",
+          "$value": "#48151d",
           "$type": "color",
           "$extensions": {
             "com.figma.scopes": []
@@ -8348,7 +8348,7 @@
       "background": {
         "color": {
           "key": "{alert.info.background.color}",
-          "$value": "#e9f3fc",
+          "$value": "#e8f2fd",
           "$type": "color",
           "$description": "Used for the background color of an info alert.",
           "$extensions": {
@@ -8384,7 +8384,7 @@
       "border": {
         "color": {
           "key": "{alert.info.border.color}",
-          "$value": "#9dc7f1",
+          "$value": "#9dc8f2",
           "$type": "color",
           "$description": "Used for the border color of an info alert.",
           "$extensions": {
@@ -8514,7 +8514,7 @@
       "background": {
         "color": {
           "key": "{alert.success.background.color}",
-          "$value": "#ecf4ee",
+          "$value": "#e6f5ea",
           "$type": "color",
           "$description": "Used for the background color of a success alert.",
           "$extensions": {
@@ -8550,7 +8550,7 @@
       "border": {
         "color": {
           "key": "{alert.success.border.color}",
-          "$value": "#91d4a8",
+          "$value": "#84d4b6",
           "$type": "color",
           "$description": "Used for the border color of a success alert.",
           "$extensions": {
@@ -8690,7 +8690,7 @@
       "background": {
         "color": {
           "key": "{alert.warning.background.color}",
-          "$value": "#fdf1dd",
+          "$value": "#fdf0d5",
           "$type": "color",
           "$description": "Used for the background color of a warning alert.",
           "$extensions": {
@@ -8726,7 +8726,7 @@
       "border": {
         "color": {
           "key": "{alert.warning.border.color}",
-          "$value": "#e9be74",
+          "$value": "#f7b951",
           "$type": "color",
           "$description": "Used for the border color of a warning alert.",
           "$extensions": {
@@ -8866,7 +8866,7 @@
       "background": {
         "color": {
           "key": "{alert.danger.background.color}",
-          "$value": "#fcf1ef",
+          "$value": "#feeef0",
           "$type": "color",
           "$description": "Used for the background color of a danger alert.",
           "$extensions": {
@@ -8902,7 +8902,7 @@
       "border": {
         "color": {
           "key": "{alert.danger.border.color}",
-          "$value": "#dd2b0e",
+          "$value": "#de1d4b",
           "$type": "color",
           "$description": "Used for the border color of a danger alert.",
           "$extensions": {
@@ -9227,7 +9227,7 @@
         "color": {
           "red": {
             "key": "{avatar.fallback.text.color.red}",
-            "$value": "#812713",
+            "$value": "#891c2f",
             "$type": "color",
             "$description": "Red text color for avatar fallback with no particular meaning.",
             "$extensions": {
@@ -9260,7 +9260,7 @@
           },
           "purple": {
             "key": "{avatar.fallback.text.color.purple}",
-            "$value": "#493c83",
+            "$value": "#483698",
             "$type": "color",
             "$description": "Purple text color for avatar fallback with no particular meaning.",
             "$extensions": {
@@ -9293,7 +9293,7 @@
           },
           "blue": {
             "key": "{avatar.fallback.text.color.blue}",
-            "$value": "#284779",
+            "$value": "#254581",
             "$type": "color",
             "$description": "Blue text color for avatar fallback with no particular meaning.",
             "$extensions": {
@@ -9326,7 +9326,7 @@
           },
           "green": {
             "key": "{avatar.fallback.text.color.green}",
-            "$value": "#225131",
+            "$value": "#075048",
             "$type": "color",
             "$description": "Green text color for avatar fallback with no particular meaning.",
             "$extensions": {
@@ -9359,7 +9359,7 @@
           },
           "orange": {
             "key": "{avatar.fallback.text.color.orange}",
-            "$value": "#693c14",
+            "$value": "#7d2d0e",
             "$type": "color",
             "$description": "Orange text color for avatar fallback with no particular meaning.",
             "$extensions": {
@@ -9429,7 +9429,7 @@
         "color": {
           "red": {
             "key": "{avatar.fallback.background.color.red}",
-            "$value": "rgba(252, 181, 170, 0.23921568627450981)",
+            "$value": "rgba(255, 175, 184, 0.23921568627450981)",
             "$type": "color",
             "$description": "Red background for avatar fallback with no particular meaning.",
             "$extensions": {
@@ -9441,7 +9441,7 @@
             "filePath": "src/contextual/avatar.tokens.json",
             "isSource": true,
             "original": {
-              "$value": "rgba(252, 181, 170, 0.23921568627450981)",
+              "$value": "rgba(255, 175, 184, 0.23921568627450981)",
               "$type": "color",
               "$description": "Red background for avatar fallback with no particular meaning.",
               "$extensions": {
@@ -9464,7 +9464,7 @@
           },
           "purple": {
             "key": "{avatar.fallback.background.color.purple}",
-            "$value": "rgba(203, 187, 242, 0.23921568627450981)",
+            "$value": "rgba(201, 190, 239, 0.23921568627450981)",
             "$type": "color",
             "$description": "Purple background for avatar fallback with no particular meaning.",
             "$extensions": {
@@ -9476,7 +9476,7 @@
             "filePath": "src/contextual/avatar.tokens.json",
             "isSource": true,
             "original": {
-              "$value": "rgba(203, 187, 242, 0.23921568627450981)",
+              "$value": "rgba(201, 190, 239, 0.23921568627450981)",
               "$type": "color",
               "$description": "Purple background for avatar fallback with no particular meaning.",
               "$extensions": {
@@ -9499,7 +9499,7 @@
           },
           "blue": {
             "key": "{avatar.fallback.background.color.blue}",
-            "$value": "rgba(157, 199, 241, 0.23921568627450981)",
+            "$value": "rgba(157, 200, 242, 0.23921568627450981)",
             "$type": "color",
             "$description": "Blue background for avatar fallback with no particular meaning.",
             "$extensions": {
@@ -9511,7 +9511,7 @@
             "filePath": "src/contextual/avatar.tokens.json",
             "isSource": true,
             "original": {
-              "$value": "rgba(157, 199, 241, 0.23921568627450981)",
+              "$value": "rgba(157, 200, 242, 0.23921568627450981)",
               "$type": "color",
               "$description": "Blue background for avatar fallback with no particular meaning.",
               "$extensions": {
@@ -9534,7 +9534,7 @@
           },
           "green": {
             "key": "{avatar.fallback.background.color.green}",
-            "$value": "rgba(145, 212, 168, 0.23921568627450981)",
+            "$value": "rgba(132, 212, 182, 0.23921568627450981)",
             "$type": "color",
             "$description": "Green background for avatar fallback with no particular meaning.",
             "$extensions": {
@@ -9546,7 +9546,7 @@
             "filePath": "src/contextual/avatar.tokens.json",
             "isSource": true,
             "original": {
-              "$value": "rgba(145, 212, 168, 0.23921568627450981)",
+              "$value": "rgba(132, 212, 182, 0.23921568627450981)",
               "$type": "color",
               "$description": "Green background for avatar fallback with no particular meaning.",
               "$extensions": {
@@ -9569,7 +9569,7 @@
           },
           "orange": {
             "key": "{avatar.fallback.background.color.orange}",
-            "$value": "rgba(233, 190, 116, 0.23921568627450981)",
+            "$value": "rgba(247, 185, 81, 0.23921568627450981)",
             "$type": "color",
             "$description": "Orange background for avatar fallback with no particular meaning.",
             "$extensions": {
@@ -9581,7 +9581,7 @@
             "filePath": "src/contextual/avatar.tokens.json",
             "isSource": true,
             "original": {
-              "$value": "rgba(233, 190, 116, 0.23921568627450981)",
+              "$value": "rgba(247, 185, 81, 0.23921568627450981)",
               "$type": "color",
               "$description": "Orange background for avatar fallback with no particular meaning.",
               "$extensions": {
@@ -10781,7 +10781,7 @@
         "color": {
           "default": {
             "key": "{badge.info.background.color.default}",
-            "$value": "#cbe2f9",
+            "$value": "#c8e0f9",
             "$type": "color",
             "$description": "Used for the background of an informational badge when static or the default state when linked.",
             "$extensions": {
@@ -10816,7 +10816,7 @@
           },
           "hover": {
             "key": "{badge.info.background.color.hover}",
-            "$value": "#cbe2f9",
+            "$value": "#c8e0f9",
             "$type": "color",
             "$description": "Used for the background of an informational badge in the hover state.",
             "$extensions": {
@@ -10851,7 +10851,7 @@
           },
           "focus": {
             "key": "{badge.info.background.color.focus}",
-            "$value": "#cbe2f9",
+            "$value": "#c8e0f9",
             "$type": "color",
             "$description": "Used for the background of an informational badge in the focus state.",
             "$extensions": {
@@ -10886,7 +10886,7 @@
           },
           "active": {
             "key": "{badge.info.background.color.active}",
-            "$value": "#9dc7f1",
+            "$value": "#9dc8f2",
             "$type": "color",
             "$description": "Used for the background of an informational badge in the active state.",
             "$extensions": {
@@ -10958,7 +10958,7 @@
           },
           "hover": {
             "key": "{badge.info.border.color.hover}",
-            "$value": "#9dc7f1",
+            "$value": "#9dc8f2",
             "$type": "color",
             "$description": "Used for the border of an informational badge in the hover state.",
             "$extensions": {
@@ -11061,7 +11061,7 @@
         "color": {
           "default": {
             "key": "{badge.info.text.color.default}",
-            "$value": "#2f5ca0",
+            "$value": "#27599f",
             "$type": "color",
             "$description": "Used for the text of an informational badge when static or the default state when linked.",
             "$extensions": {
@@ -11094,7 +11094,7 @@
           },
           "hover": {
             "key": "{badge.info.text.color.hover}",
-            "$value": "#284779",
+            "$value": "#254581",
             "$type": "color",
             "$description": "Used for the text of an informational badge in the hover state.",
             "$extensions": {
@@ -11127,7 +11127,7 @@
           },
           "focus": {
             "key": "{badge.info.text.color.focus}",
-            "$value": "#284779",
+            "$value": "#254581",
             "$type": "color",
             "$description": "Used for the text of an informational badge in the focus state.",
             "$extensions": {
@@ -11160,7 +11160,7 @@
           },
           "active": {
             "key": "{badge.info.text.color.active}",
-            "$value": "#213454",
+            "$value": "#1f3166",
             "$type": "color",
             "$description": "Used for the text of an informational badge in the active state.",
             "$extensions": {
@@ -11197,7 +11197,7 @@
         "color": {
           "default": {
             "key": "{badge.info.icon.color.default}",
-            "$value": "#1f75cb",
+            "$value": "#1f73ca",
             "$type": "color",
             "$description": "Used for the icon of an informational badge when static or the default state when linked.",
             "$extensions": {
@@ -11232,7 +11232,7 @@
           },
           "hover": {
             "key": "{badge.info.icon.color.hover}",
-            "$value": "#2f68b4",
+            "$value": "#2566b5",
             "$type": "color",
             "$description": "Used for the icon of an informational badge in the hover state.",
             "$extensions": {
@@ -11267,7 +11267,7 @@
           },
           "focus": {
             "key": "{badge.info.icon.color.focus}",
-            "$value": "#2f68b4",
+            "$value": "#2566b5",
             "$type": "color",
             "$description": "Used for the icon of an informational badge in the focus state.",
             "$extensions": {
@@ -11302,7 +11302,7 @@
           },
           "active": {
             "key": "{badge.info.icon.color.active}",
-            "$value": "#2f5ca0",
+            "$value": "#27599f",
             "$type": "color",
             "$description": "Used for the icon of an informational badge in the active state.",
             "$extensions": {
@@ -11343,7 +11343,7 @@
         "color": {
           "default": {
             "key": "{badge.success.background.color.default}",
-            "$value": "#c3e6cd",
+            "$value": "#bee6d0",
             "$type": "color",
             "$description": "Used for the background of a success badge when static or the default state when linked.",
             "$extensions": {
@@ -11378,7 +11378,7 @@
           },
           "hover": {
             "key": "{badge.success.background.color.hover}",
-            "$value": "#c3e6cd",
+            "$value": "#bee6d0",
             "$type": "color",
             "$description": "Used for the background of a success badge in the hover state.",
             "$extensions": {
@@ -11413,7 +11413,7 @@
           },
           "focus": {
             "key": "{badge.success.background.color.focus}",
-            "$value": "#c3e6cd",
+            "$value": "#bee6d0",
             "$type": "color",
             "$description": "Used for the background of a success badge in the focus state.",
             "$extensions": {
@@ -11448,7 +11448,7 @@
           },
           "active": {
             "key": "{badge.success.background.color.active}",
-            "$value": "#91d4a8",
+            "$value": "#84d4b6",
             "$type": "color",
             "$description": "Used for the background of a success badge in the active state.",
             "$extensions": {
@@ -11520,7 +11520,7 @@
           },
           "hover": {
             "key": "{badge.success.border.color.hover}",
-            "$value": "#91d4a8",
+            "$value": "#84d4b6",
             "$type": "color",
             "$description": "Used for the border of a success badge in the hover state.",
             "$extensions": {
@@ -11623,7 +11623,7 @@
         "color": {
           "default": {
             "key": "{badge.success.text.color.default}",
-            "$value": "#306440",
+            "$value": "#0b645a",
             "$type": "color",
             "$description": "Used for the text of a success badge when static or the default state when linked.",
             "$extensions": {
@@ -11656,7 +11656,7 @@
           },
           "hover": {
             "key": "{badge.success.text.color.hover}",
-            "$value": "#225131",
+            "$value": "#075048",
             "$type": "color",
             "$description": "Used for the text of a success badge in the hover state.",
             "$extensions": {
@@ -11689,7 +11689,7 @@
           },
           "focus": {
             "key": "{badge.success.text.color.focus}",
-            "$value": "#225131",
+            "$value": "#075048",
             "$type": "color",
             "$description": "Used for the text of a success badge in the focus state.",
             "$extensions": {
@@ -11722,7 +11722,7 @@
           },
           "active": {
             "key": "{badge.success.text.color.active}",
-            "$value": "#1e3e28",
+            "$value": "#003c36",
             "$type": "color",
             "$description": "Used for the text of a success badge in the active state.",
             "$extensions": {
@@ -11759,7 +11759,7 @@
         "color": {
           "default": {
             "key": "{badge.success.icon.color.default}",
-            "$value": "#108548",
+            "$value": "#0d8070",
             "$type": "color",
             "$description": "Used for the icon of a success badge when static or the default state when linked.",
             "$extensions": {
@@ -11794,7 +11794,7 @@
           },
           "hover": {
             "key": "{badge.success.icon.color.hover}",
-            "$value": "#2f7549",
+            "$value": "#0c7265",
             "$type": "color",
             "$description": "Used for the icon of a success badge in the hover state.",
             "$extensions": {
@@ -11829,7 +11829,7 @@
           },
           "focus": {
             "key": "{badge.success.icon.color.focus}",
-            "$value": "#2f7549",
+            "$value": "#0c7265",
             "$type": "color",
             "$description": "Used for the icon of a success badge in the focus state.",
             "$extensions": {
@@ -11864,7 +11864,7 @@
           },
           "active": {
             "key": "{badge.success.icon.color.active}",
-            "$value": "#306440",
+            "$value": "#0b645a",
             "$type": "color",
             "$description": "Used for the icon of a success badge in the active state.",
             "$extensions": {
@@ -11905,7 +11905,7 @@
         "color": {
           "default": {
             "key": "{badge.warning.background.color.default}",
-            "$value": "#f5d9a8",
+            "$value": "#fada9c",
             "$type": "color",
             "$description": "Used for the background of a warning badge when static or the default state when linked.",
             "$extensions": {
@@ -11940,7 +11940,7 @@
           },
           "hover": {
             "key": "{badge.warning.background.color.hover}",
-            "$value": "#f5d9a8",
+            "$value": "#fada9c",
             "$type": "color",
             "$description": "Used for the background of a warning badge in the hover state.",
             "$extensions": {
@@ -11975,7 +11975,7 @@
           },
           "focus": {
             "key": "{badge.warning.background.color.focus}",
-            "$value": "#f5d9a8",
+            "$value": "#fada9c",
             "$type": "color",
             "$description": "Used for the background of a warning badge in the focus state.",
             "$extensions": {
@@ -12010,7 +12010,7 @@
           },
           "active": {
             "key": "{badge.warning.background.color.active}",
-            "$value": "#e9be74",
+            "$value": "#f7b951",
             "$type": "color",
             "$description": "Used for the background of a warning badge in the active state.",
             "$extensions": {
@@ -12082,7 +12082,7 @@
           },
           "hover": {
             "key": "{badge.warning.border.color.hover}",
-            "$value": "#e9be74",
+            "$value": "#f7b951",
             "$type": "color",
             "$description": "Used for the border of a warning badge in the hover state.",
             "$extensions": {
@@ -12185,7 +12185,7 @@
         "color": {
           "default": {
             "key": "{badge.warning.text.color.default}",
-            "$value": "#894b16",
+            "$value": "#9e3811",
             "$type": "color",
             "$description": "Used for the text of a warning badge when static or the default state when linked.",
             "$extensions": {
@@ -12218,7 +12218,7 @@
           },
           "hover": {
             "key": "{badge.warning.text.color.hover}",
-            "$value": "#693c14",
+            "$value": "#7d2d0e",
             "$type": "color",
             "$description": "Used for the text of a warning badge in the hover state.",
             "$extensions": {
@@ -12251,7 +12251,7 @@
           },
           "focus": {
             "key": "{badge.warning.text.color.focus}",
-            "$value": "#693c14",
+            "$value": "#7d2d0e",
             "$type": "color",
             "$description": "Used for the text of a warning badge in the focus state.",
             "$extensions": {
@@ -12284,7 +12284,7 @@
           },
           "active": {
             "key": "{badge.warning.text.color.active}",
-            "$value": "#532e16",
+            "$value": "#5d220d",
             "$type": "color",
             "$description": "Used for the text of a warning badge in the active state.",
             "$extensions": {
@@ -12321,7 +12321,7 @@
         "color": {
           "default": {
             "key": "{badge.warning.icon.color.default}",
-            "$value": "#ab6100",
+            "$value": "#c74816",
             "$type": "color",
             "$description": "Used for the icon of a warning badge when static or the default state when linked.",
             "$extensions": {
@@ -12356,7 +12356,7 @@
           },
           "hover": {
             "key": "{badge.warning.icon.color.hover}",
-            "$value": "#995715",
+            "$value": "#b34013",
             "$type": "color",
             "$description": "Used for the icon of a warning badge in the hover state.",
             "$extensions": {
@@ -12391,7 +12391,7 @@
           },
           "focus": {
             "key": "{badge.warning.icon.color.focus}",
-            "$value": "#995715",
+            "$value": "#b34013",
             "$type": "color",
             "$description": "Used for the icon of a warning badge in the focus state.",
             "$extensions": {
@@ -12426,7 +12426,7 @@
           },
           "active": {
             "key": "{badge.warning.icon.color.active}",
-            "$value": "#894b16",
+            "$value": "#9e3811",
             "$type": "color",
             "$description": "Used for the icon of a warning badge in the active state.",
             "$extensions": {
@@ -12467,7 +12467,7 @@
         "color": {
           "default": {
             "key": "{badge.danger.background.color.default}",
-            "$value": "#fdd4cd",
+            "$value": "#ffd3d7",
             "$type": "color",
             "$description": "Used for the background of a danger badge when static or the default state when linked.",
             "$extensions": {
@@ -12502,7 +12502,7 @@
           },
           "hover": {
             "key": "{badge.danger.background.color.hover}",
-            "$value": "#fdd4cd",
+            "$value": "#ffd3d7",
             "$type": "color",
             "$description": "Used for the background of a danger badge in the hover state.",
             "$extensions": {
@@ -12537,7 +12537,7 @@
           },
           "focus": {
             "key": "{badge.danger.background.color.focus}",
-            "$value": "#fdd4cd",
+            "$value": "#ffd3d7",
             "$type": "color",
             "$description": "Used for the background of a danger badge in the focus state.",
             "$extensions": {
@@ -12572,7 +12572,7 @@
           },
           "active": {
             "key": "{badge.danger.background.color.active}",
-            "$value": "#fcb5aa",
+            "$value": "#ffafb8",
             "$type": "color",
             "$description": "Used for the background of a danger badge in the active state.",
             "$extensions": {
@@ -12644,7 +12644,7 @@
           },
           "hover": {
             "key": "{badge.danger.border.color.hover}",
-            "$value": "#fcb5aa",
+            "$value": "#ffafb8",
             "$type": "color",
             "$description": "Used for the border of a danger badge in the hover state.",
             "$extensions": {
@@ -12747,7 +12747,7 @@
         "color": {
           "default": {
             "key": "{badge.danger.text.color.default}",
-            "$value": "#a32c12",
+            "$value": "#ac203a",
             "$type": "color",
             "$description": "Used for the text of a danger badge when static or the default state when linked.",
             "$extensions": {
@@ -12780,7 +12780,7 @@
           },
           "hover": {
             "key": "{badge.danger.text.color.hover}",
-            "$value": "#812713",
+            "$value": "#891c2f",
             "$type": "color",
             "$description": "Used for the text of a danger badge in the hover state.",
             "$extensions": {
@@ -12813,7 +12813,7 @@
           },
           "focus": {
             "key": "{badge.danger.text.color.focus}",
-            "$value": "#812713",
+            "$value": "#891c2f",
             "$type": "color",
             "$description": "Used for the text of a danger badge in the focus state.",
             "$extensions": {
@@ -12846,7 +12846,7 @@
           },
           "active": {
             "key": "{badge.danger.text.color.active}",
-            "$value": "#582014",
+            "$value": "#641925",
             "$type": "color",
             "$description": "Used for the text of a danger badge in the active state.",
             "$extensions": {
@@ -12883,7 +12883,7 @@
         "color": {
           "default": {
             "key": "{badge.danger.icon.color.default}",
-            "$value": "#a32c12",
+            "$value": "#ac203a",
             "$type": "color",
             "$description": "Used for the icon of a danger badge when static or the default state when linked.",
             "$extensions": {
@@ -12918,7 +12918,7 @@
           },
           "hover": {
             "key": "{badge.danger.icon.color.hover}",
-            "$value": "#812713",
+            "$value": "#891c2f",
             "$type": "color",
             "$description": "Used for the icon of a danger badge in the hover state.",
             "$extensions": {
@@ -12953,7 +12953,7 @@
           },
           "focus": {
             "key": "{badge.danger.icon.color.focus}",
-            "$value": "#812713",
+            "$value": "#891c2f",
             "$type": "color",
             "$description": "Used for the icon of a danger badge in the focus state.",
             "$extensions": {
@@ -12988,7 +12988,7 @@
           },
           "active": {
             "key": "{badge.danger.icon.color.active}",
-            "$value": "#582014",
+            "$value": "#641925",
             "$type": "color",
             "$description": "Used for the icon of a danger badge in the active state.",
             "$extensions": {
@@ -13029,7 +13029,7 @@
         "color": {
           "default": {
             "key": "{badge.tier.background.color.default}",
-            "$value": "#e1d8f9",
+            "$value": "#e1daf7",
             "$type": "color",
             "$description": "Used for the background of a tier related badge when static or the default state when linked.",
             "$extensions": {
@@ -13064,7 +13064,7 @@
           },
           "hover": {
             "key": "{badge.tier.background.color.hover}",
-            "$value": "#e1d8f9",
+            "$value": "#e1daf7",
             "$type": "color",
             "$description": "Used for the background of a tier related badge in the hover state.",
             "$extensions": {
@@ -13099,7 +13099,7 @@
           },
           "focus": {
             "key": "{badge.tier.background.color.focus}",
-            "$value": "#e1d8f9",
+            "$value": "#e1daf7",
             "$type": "color",
             "$description": "Used for the background of a tier related badge in the focus state.",
             "$extensions": {
@@ -13134,7 +13134,7 @@
           },
           "active": {
             "key": "{badge.tier.background.color.active}",
-            "$value": "#cbbbf2",
+            "$value": "#c9beef",
             "$type": "color",
             "$description": "Used for the background of a tier related badge in the active state.",
             "$extensions": {
@@ -13206,7 +13206,7 @@
           },
           "hover": {
             "key": "{badge.tier.border.color.hover}",
-            "$value": "#cbbbf2",
+            "$value": "#c9beef",
             "$type": "color",
             "$description": "Used for the border of a tier related badge in the hover state.",
             "$extensions": {
@@ -13309,7 +13309,7 @@
         "color": {
           "default": {
             "key": "{badge.tier.text.color.default}",
-            "$value": "#5c47a6",
+            "$value": "#5b46b8",
             "$type": "color",
             "$description": "Used for the text of a tier related badge when static or the default state when linked.",
             "$extensions": {
@@ -13342,7 +13342,7 @@
           },
           "hover": {
             "key": "{badge.tier.text.color.hover}",
-            "$value": "#493c83",
+            "$value": "#483698",
             "$type": "color",
             "$description": "Used for the text of a tier related badge in the hover state.",
             "$extensions": {
@@ -13375,7 +13375,7 @@
           },
           "focus": {
             "key": "{badge.tier.text.color.focus}",
-            "$value": "#493c83",
+            "$value": "#483698",
             "$type": "color",
             "$description": "Used for the text of a tier related badge in the focus state.",
             "$extensions": {
@@ -13408,7 +13408,7 @@
           },
           "active": {
             "key": "{badge.tier.text.color.active}",
-            "$value": "#342d59",
+            "$value": "#362676",
             "$type": "color",
             "$description": "Used for the text of a tier related badge in the active state.",
             "$extensions": {
@@ -13445,7 +13445,7 @@
         "color": {
           "default": {
             "key": "{badge.tier.icon.color.default}",
-            "$value": "#5c47a6",
+            "$value": "#5b46b8",
             "$type": "color",
             "$description": "Used for the icon of a tier related badge when static or the default state when linked.",
             "$extensions": {
@@ -13480,7 +13480,7 @@
           },
           "hover": {
             "key": "{badge.tier.icon.color.hover}",
-            "$value": "#493c83",
+            "$value": "#483698",
             "$type": "color",
             "$description": "Used for the icon of a tier related badge in the hover state.",
             "$extensions": {
@@ -13515,7 +13515,7 @@
           },
           "focus": {
             "key": "{badge.tier.icon.color.focus}",
-            "$value": "#493c83",
+            "$value": "#483698",
             "$type": "color",
             "$description": "Used for the icon of a tier related badge in the focus state.",
             "$extensions": {
@@ -13550,7 +13550,7 @@
           },
           "active": {
             "key": "{badge.tier.icon.color.active}",
-            "$value": "#342d59",
+            "$value": "#362676",
             "$type": "color",
             "$description": "Used for the icon of a tier related badge in the active state.",
             "$extensions": {
@@ -13592,7 +13592,7 @@
       "border": {
         "color": {
           "key": "{banner.intro.border.color}",
-          "$value": "#9dc7f1",
+          "$value": "#9dc8f2",
           "$type": "color",
           "$description": "Used for the border of an info banner.",
           "$extensions": {
@@ -13628,7 +13628,7 @@
       "background": {
         "color": {
           "key": "{banner.promo.background.color}",
-          "$value": "#f4f0ff",
+          "$value": "#f4f0fc",
           "$type": "color",
           "$description": "Used for the background of a promo banner.",
           "$extensions": {
@@ -13664,7 +13664,7 @@
       "border": {
         "color": {
           "key": "{banner.promo.border.color}",
-          "$value": "#cbbbf2",
+          "$value": "#c9beef",
           "$type": "color",
           "$description": "Used for the border of a promo banner.",
           "$extensions": {
@@ -17526,7 +17526,7 @@
           "color": {
             "default": {
               "key": "{button.danger.primary.background.color.default}",
-              "$value": "#dd2b0e",
+              "$value": "#c52042",
               "$type": "color",
               "$description": "Used for the background of a danger (destructive) primary button in the default state.",
               "$extensions": {
@@ -17538,7 +17538,7 @@
               "filePath": "src/contextual/button.tokens.json",
               "isSource": true,
               "original": {
-                "$value": "{color.red.500}",
+                "$value": "{color.red.600}",
                 "$type": "color",
                 "$description": "Used for the background of a danger (destructive) primary button in the default state.",
                 "$extensions": {
@@ -17562,7 +17562,7 @@
             },
             "hover": {
               "key": "{button.danger.primary.background.color.hover}",
-              "$value": "#c02f12",
+              "$value": "#ac203a",
               "$type": "color",
               "$description": "Used for the background of a danger (destructive) primary button in the hover state.",
               "$extensions": {
@@ -17574,7 +17574,7 @@
               "filePath": "src/contextual/button.tokens.json",
               "isSource": true,
               "original": {
-                "$value": "{color.red.600}",
+                "$value": "{color.red.700}",
                 "$type": "color",
                 "$description": "Used for the background of a danger (destructive) primary button in the hover state.",
                 "$extensions": {
@@ -17598,7 +17598,7 @@
             },
             "focus": {
               "key": "{button.danger.primary.background.color.focus}",
-              "$value": "#c02f12",
+              "$value": "#ac203a",
               "$type": "color",
               "$description": "Used for the background of a danger (destructive) primary button in the focus state.",
               "$extensions": {
@@ -17634,7 +17634,7 @@
             },
             "active": {
               "key": "{button.danger.primary.background.color.active}",
-              "$value": "#812713",
+              "$value": "#641925",
               "$type": "color",
               "$description": "Used for the background of a danger (destructive) primary button in the active state.",
               "$extensions": {
@@ -17646,7 +17646,7 @@
               "filePath": "src/contextual/button.tokens.json",
               "isSource": true,
               "original": {
-                "$value": "{color.red.800}",
+                "$value": "{color.red.900}",
                 "$type": "color",
                 "$description": "Used for the background of a danger (destructive) primary button in the active state.",
                 "$extensions": {
@@ -17674,7 +17674,7 @@
           "color": {
             "default": {
               "key": "{button.danger.primary.border.color.default}",
-              "$value": "#c02f12",
+              "$value": "#ac203a",
               "$type": "color",
               "$description": "Used for the border of a danger (destructive) primary button in the default state.",
               "$extensions": {
@@ -17685,7 +17685,7 @@
               "filePath": "src/contextual/button.tokens.json",
               "isSource": true,
               "original": {
-                "$value": "{color.red.600}",
+                "$value": "{color.red.700}",
                 "$type": "color",
                 "$description": "Used for the border of a danger (destructive) primary button in the default state.",
                 "$extensions": {
@@ -17708,7 +17708,7 @@
             },
             "hover": {
               "key": "{button.danger.primary.border.color.hover}",
-              "$value": "#812713",
+              "$value": "#641925",
               "$type": "color",
               "$description": "Used for the border of a danger (destructive) primary button in the hover state.",
               "$extensions": {
@@ -17719,7 +17719,7 @@
               "filePath": "src/contextual/button.tokens.json",
               "isSource": true,
               "original": {
-                "$value": "{color.red.800}",
+                "$value": "{color.red.900}",
                 "$type": "color",
                 "$description": "Used for the border of a danger (destructive) primary button in the hover state.",
                 "$extensions": {
@@ -17742,7 +17742,7 @@
             },
             "focus": {
               "key": "{button.danger.primary.border.color.focus}",
-              "$value": "#812713",
+              "$value": "#641925",
               "$type": "color",
               "$description": "Used for the border of a danger (destructive) primary button in the focus state.",
               "$extensions": {
@@ -17776,7 +17776,7 @@
             },
             "active": {
               "key": "{button.danger.primary.border.color.active}",
-              "$value": "#582014",
+              "$value": "#48151d",
               "$type": "color",
               "$description": "Used for the border of a danger (destructive) primary button in the active state.",
               "$extensions": {
@@ -17787,7 +17787,7 @@
               "filePath": "src/contextual/button.tokens.json",
               "isSource": true,
               "original": {
-                "$value": "{color.red.900}",
+                "$value": "{color.red.950}",
                 "$type": "color",
                 "$description": "Used for the border of a danger (destructive) primary button in the active state.",
                 "$extensions": {
@@ -17816,7 +17816,7 @@
           "color": {
             "default": {
               "key": "{button.danger.secondary.foreground.color.default}",
-              "$value": "#dd2b0e",
+              "$value": "#c52042",
               "$type": "color",
               "$description": "Used for the foreground of a danger (destructive) button in the default state.",
               "$extensions": {
@@ -17828,7 +17828,7 @@
               "filePath": "src/contextual/button.tokens.json",
               "isSource": true,
               "original": {
-                "$value": "{color.red.500}",
+                "$value": "{color.red.600}",
                 "$type": "color",
                 "$description": "Used for the foreground of a danger (destructive) button in the default state.",
                 "$extensions": {
@@ -17852,7 +17852,7 @@
             },
             "hover": {
               "key": "{button.danger.secondary.foreground.color.hover}",
-              "$value": "#a32c12",
+              "$value": "#891c2f",
               "$type": "color",
               "$description": "Used for the foreground of a danger (destructive) button in the hover state.",
               "$extensions": {
@@ -17864,7 +17864,7 @@
               "filePath": "src/contextual/button.tokens.json",
               "isSource": true,
               "original": {
-                "$value": "{color.red.700}",
+                "$value": "{color.red.800}",
                 "$type": "color",
                 "$description": "Used for the foreground of a danger (destructive) button in the hover state.",
                 "$extensions": {
@@ -17888,7 +17888,7 @@
             },
             "focus": {
               "key": "{button.danger.secondary.foreground.color.focus}",
-              "$value": "#a32c12",
+              "$value": "#891c2f",
               "$type": "color",
               "$description": "Used for the foreground of a danger (destructive) button in the focus state.",
               "$extensions": {
@@ -17924,7 +17924,7 @@
             },
             "active": {
               "key": "{button.danger.secondary.foreground.color.active}",
-              "$value": "#582014",
+              "$value": "#641925",
               "$type": "color",
               "$description": "Used for the foreground of a danger (destructive) button in the active state.",
               "$extensions": {
@@ -18000,7 +18000,7 @@
             },
             "hover": {
               "key": "{button.danger.secondary.background.color.hover}",
-              "$value": "#fcf1ef",
+              "$value": "#feeef0",
               "$type": "color",
               "$description": "Used for the background of an outlined danger (destructive) button in the hover state.",
               "$extensions": {
@@ -18036,7 +18036,7 @@
             },
             "focus": {
               "key": "{button.danger.secondary.background.color.focus}",
-              "$value": "#fcf1ef",
+              "$value": "#feeef0",
               "$type": "color",
               "$description": "Used for the background of an outlined danger (destructive) button in the focus state.",
               "$extensions": {
@@ -18072,7 +18072,7 @@
             },
             "active": {
               "key": "{button.danger.secondary.background.color.active}",
-              "$value": "#fdd4cd",
+              "$value": "#ffd3d7",
               "$type": "color",
               "$description": "Used for the background of an outlined danger (destructive) button in the active state.",
               "$extensions": {
@@ -18112,7 +18112,7 @@
           "color": {
             "default": {
               "key": "{button.danger.secondary.border.color.default}",
-              "$value": "#dd2b0e",
+              "$value": "#c52042",
               "$type": "color",
               "$description": "Used for the border of an outlined danger (destructive) button in the default state.",
               "$extensions": {
@@ -18123,7 +18123,7 @@
               "filePath": "src/contextual/button.tokens.json",
               "isSource": true,
               "original": {
-                "$value": "{color.red.500}",
+                "$value": "{color.red.600}",
                 "$type": "color",
                 "$description": "Used for the border of an outlined danger (destructive) button in the default state.",
                 "$extensions": {
@@ -18146,7 +18146,7 @@
             },
             "hover": {
               "key": "{button.danger.secondary.border.color.hover}",
-              "$value": "#a32c12",
+              "$value": "#891c2f",
               "$type": "color",
               "$description": "Used for the border of an outlined danger (destructive) button in the hover state.",
               "$extensions": {
@@ -18157,7 +18157,7 @@
               "filePath": "src/contextual/button.tokens.json",
               "isSource": true,
               "original": {
-                "$value": "{color.red.700}",
+                "$value": "{color.red.800}",
                 "$type": "color",
                 "$description": "Used for the border of an outlined danger (destructive) button in the hover state.",
                 "$extensions": {
@@ -18180,7 +18180,7 @@
             },
             "focus": {
               "key": "{button.danger.secondary.border.color.focus}",
-              "$value": "#a32c12",
+              "$value": "#891c2f",
               "$type": "color",
               "$description": "Used for the border of an outlined danger (destructive) button in the focus state.",
               "$extensions": {
@@ -18214,7 +18214,7 @@
             },
             "active": {
               "key": "{button.danger.secondary.border.color.active}",
-              "$value": "#582014",
+              "$value": "#641925",
               "$type": "color",
               "$description": "Used for the border of an outlined danger (destructive) button in the active state.",
               "$extensions": {
@@ -18254,7 +18254,7 @@
           "color": {
             "default": {
               "key": "{button.danger.tertiary.foreground.color.default}",
-              "$value": "#c02f12",
+              "$value": "#c52042",
               "$type": "color",
               "$description": "Used for the foreground of a borderless, tertiary danger (destructive) button in the default state.",
               "$extensions": {
@@ -18290,7 +18290,7 @@
             },
             "hover": {
               "key": "{button.danger.tertiary.foreground.color.hover}",
-              "$value": "#812713",
+              "$value": "#891c2f",
               "$type": "color",
               "$description": "Used for the foreground of a borderless, tertiary danger (destructive) button in the hover state.",
               "$extensions": {
@@ -18326,7 +18326,7 @@
             },
             "focus": {
               "key": "{button.danger.tertiary.foreground.color.focus}",
-              "$value": "#812713",
+              "$value": "#891c2f",
               "$type": "color",
               "$description": "Used for the foreground of a borderless, tertiary danger (destructive) button in the focus state.",
               "$extensions": {
@@ -18362,7 +18362,7 @@
             },
             "active": {
               "key": "{button.danger.tertiary.foreground.color.active}",
-              "$value": "#3e1a14",
+              "$value": "#48151d",
               "$type": "color",
               "$description": "Used for the foreground of a borderless, tertiary danger (destructive) button in the active state.",
               "$extensions": {
@@ -18402,7 +18402,7 @@
           "color": {
             "default": {
               "key": "{button.danger.tertiary.background.color.default}",
-              "$value": "rgba(245, 127, 108, 0)",
+              "$value": "rgba(222, 29, 75, 0)",
               "$type": "color",
               "$description": "Used for the background of a borderless, tertiary danger (destructive) button in the default state.",
               "$extensions": {
@@ -18438,7 +18438,7 @@
             },
             "hover": {
               "key": "{button.danger.tertiary.background.color.hover}",
-              "$value": "rgba(245, 127, 108, 0.16)",
+              "$value": "rgba(222, 29, 75, 0.16)",
               "$type": "color",
               "$description": "Used for the background of a borderless, tertiary danger (destructive) button in the hover state.",
               "$extensions": {
@@ -18474,7 +18474,7 @@
             },
             "focus": {
               "key": "{button.danger.tertiary.background.color.focus}",
-              "$value": "rgba(245, 127, 108, 0.16)",
+              "$value": "rgba(222, 29, 75, 0.16)",
               "$type": "color",
               "$description": "Used for the background of a borderless, tertiary danger (destructive) button in the focus state.",
               "$extensions": {
@@ -18510,7 +18510,7 @@
             },
             "active": {
               "key": "{button.danger.tertiary.background.color.active}",
-              "$value": "rgba(174, 24, 0, 0.24)",
+              "$value": "rgba(172, 32, 58, 0.24)",
               "$type": "color",
               "$description": "Used for the background of a borderless, tertiary danger (destructive) button in the active state.",
               "$extensions": {
@@ -18873,7 +18873,7 @@
         "color": {
           "default": {
             "key": "{button.link.text.color.default}",
-            "$value": "#2f5ca0",
+            "$value": "#27599f",
             "$type": "color",
             "$description": "Used for the text of a link button in the default state.",
             "$extensions": {
@@ -18908,7 +18908,7 @@
           },
           "hover": {
             "key": "{button.link.text.color.hover}",
-            "$value": "#2f5ca0",
+            "$value": "#27599f",
             "$type": "color",
             "$description": "Used for the text of a link button in the hover state.",
             "$extensions": {
@@ -18943,7 +18943,7 @@
           },
           "focus": {
             "key": "{button.link.text.color.focus}",
-            "$value": "#2f5ca0",
+            "$value": "#27599f",
             "$type": "color",
             "$description": "Used for the text of a link button in the focus state.",
             "$extensions": {
@@ -18978,7 +18978,7 @@
           },
           "active": {
             "key": "{button.link.text.color.active}",
-            "$value": "#2f5ca0",
+            "$value": "#27599f",
             "$type": "color",
             "$description": "Used for the text of a link button in the active state.",
             "$extensions": {
@@ -19731,7 +19731,7 @@
       "area": {
         "color": {
           "key": "{chart.threshold.area.color}",
-          "$value": "rgba(221, 43, 14, 0.1)",
+          "$value": "rgba(222, 29, 75, 0.1)",
           "$type": "color",
           "$description": "Used in charts to delineate a threshold area in a chart.",
           "$extensions": {
@@ -19742,7 +19742,7 @@
           "filePath": "src/contextual/chart.tokens.json",
           "isSource": true,
           "original": {
-            "$value": "rgba(221, 43, 14, 0.1)",
+            "$value": "rgba(222, 29, 75, 0.1)",
             "$type": "color",
             "$description": "Used in charts to delineate a threshold area in a chart.",
             "$extensions": {
@@ -19765,7 +19765,7 @@
       "line": {
         "color": {
           "key": "{chart.threshold.line.color}",
-          "$value": "#dd2b0e",
+          "$value": "#de1d4b",
           "$type": "color",
           "$description": "Used in charts to divide a threshold area in a chart from other data.",
           "$extensions": {
@@ -22661,7 +22661,7 @@
         "color": {
           "default": {
             "key": "{link.mention.text.color.default}",
-            "$value": "#284779",
+            "$value": "#254581",
             "$type": "color",
             "$description": "Used for the mention link text color.",
             "$extensions": {
@@ -22694,7 +22694,7 @@
           },
           "current": {
             "key": "{link.mention.text.color.current}",
-            "$value": "#693c14",
+            "$value": "#7d2d0e",
             "$type": "color",
             "$description": "Used for the mention link text color when referencing the current user.",
             "$extensions": {
@@ -22731,7 +22731,7 @@
         "color": {
           "default": {
             "key": "{link.mention.background.color.default}",
-            "$value": "#cbe2f9",
+            "$value": "#c8e0f9",
             "$type": "color",
             "$description": "Used for the mention link default background.",
             "$extensions": {
@@ -22766,7 +22766,7 @@
           },
           "current": {
             "key": "{link.mention.background.color.current}",
-            "$value": "#f5d9a8",
+            "$value": "#fada9c",
             "$type": "color",
             "$description": "Used for the mention link background when referencing the current user.",
             "$extensions": {
@@ -23536,7 +23536,7 @@
       "color": {
         "default": {
           "key": "{progress-bar.indicator.color.default}",
-          "$value": "#1f75cb",
+          "$value": "#1f73ca",
           "$type": "color",
           "$description": "Used for the indicator color for the primary progress-bar variant.",
           "$extensions": {
@@ -23570,7 +23570,7 @@
         },
         "success": {
           "key": "{progress-bar.indicator.color.success}",
-          "$value": "#108548",
+          "$value": "#0d8070",
           "$type": "color",
           "$description": "Used for the indicator color for the success progress-bar variant.",
           "$extensions": {
@@ -23604,7 +23604,7 @@
         },
         "warning": {
           "key": "{progress-bar.indicator.color.warning}",
-          "$value": "#ab6100",
+          "$value": "#c74816",
           "$type": "color",
           "$description": "Used for the indicator color for the warning progress-bar variant.",
           "$extensions": {
@@ -23638,7 +23638,7 @@
         },
         "danger": {
           "key": "{progress-bar.indicator.color.danger}",
-          "$value": "#dd2b0e",
+          "$value": "#de1d4b",
           "$type": "color",
           "$description": "Used for the indicator color for the danger progress-bar variant.",
           "$extensions": {
@@ -23920,7 +23920,7 @@
         "color": {
           "hover": {
             "key": "{table.row.background.color.hover}",
-            "$value": "#e9f3fc",
+            "$value": "#e8f2fd",
             "$type": "color",
             "$description": "Used for the background of a table row in hover state.",
             "$extensions": {
@@ -27522,7 +27522,7 @@
   "blue": {
     "50": {
       "key": "{blue.50}",
-      "$value": "#e9f3fc",
+      "$value": "#e8f2fd",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -27552,7 +27552,7 @@
     },
     "100": {
       "key": "{blue.100}",
-      "$value": "#cbe2f9",
+      "$value": "#c8e0f9",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -27582,7 +27582,7 @@
     },
     "200": {
       "key": "{blue.200}",
-      "$value": "#9dc7f1",
+      "$value": "#9dc8f2",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -27612,7 +27612,7 @@
     },
     "300": {
       "key": "{blue.300}",
-      "$value": "#63a6e9",
+      "$value": "#64a7e9",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -27642,7 +27642,7 @@
     },
     "400": {
       "key": "{blue.400}",
-      "$value": "#428fdc",
+      "$value": "#3f8edd",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -27672,7 +27672,7 @@
     },
     "500": {
       "key": "{blue.500}",
-      "$value": "#1f75cb",
+      "$value": "#1f73ca",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -27702,7 +27702,7 @@
     },
     "600": {
       "key": "{blue.600}",
-      "$value": "#2f68b4",
+      "$value": "#2566b5",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -27732,7 +27732,7 @@
     },
     "700": {
       "key": "{blue.700}",
-      "$value": "#2f5ca0",
+      "$value": "#27599f",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -27762,7 +27762,7 @@
     },
     "800": {
       "key": "{blue.800}",
-      "$value": "#284779",
+      "$value": "#254581",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -27792,7 +27792,7 @@
     },
     "900": {
       "key": "{blue.900}",
-      "$value": "#213454",
+      "$value": "#1f3166",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -27822,7 +27822,7 @@
     },
     "950": {
       "key": "{blue.950}",
-      "$value": "#1d283e",
+      "$value": "#1d2153",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -28216,7 +28216,7 @@
   "green": {
     "50": {
       "key": "{green.50}",
-      "$value": "#ecf4ee",
+      "$value": "#e6f5ea",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -28246,7 +28246,7 @@
     },
     "100": {
       "key": "{green.100}",
-      "$value": "#c3e6cd",
+      "$value": "#bee6d0",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -28276,7 +28276,7 @@
     },
     "200": {
       "key": "{green.200}",
-      "$value": "#91d4a8",
+      "$value": "#84d4b6",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -28306,7 +28306,7 @@
     },
     "300": {
       "key": "{green.300}",
-      "$value": "#52b87a",
+      "$value": "#35b597",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -28336,7 +28336,7 @@
     },
     "400": {
       "key": "{green.400}",
-      "$value": "#2da160",
+      "$value": "#129c84",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -28366,7 +28366,7 @@
     },
     "500": {
       "key": "{green.500}",
-      "$value": "#108548",
+      "$value": "#0d8070",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -28396,7 +28396,7 @@
     },
     "600": {
       "key": "{green.600}",
-      "$value": "#2f7549",
+      "$value": "#0c7265",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -28426,7 +28426,7 @@
     },
     "700": {
       "key": "{green.700}",
-      "$value": "#306440",
+      "$value": "#0b645a",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -28456,7 +28456,7 @@
     },
     "800": {
       "key": "{green.800}",
-      "$value": "#225131",
+      "$value": "#075048",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -28486,7 +28486,7 @@
     },
     "900": {
       "key": "{green.900}",
-      "$value": "#1e3e28",
+      "$value": "#003c36",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -28516,7 +28516,7 @@
     },
     "950": {
       "key": "{green.950}",
-      "$value": "#17291c",
+      "$value": "#002c26",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -28548,7 +28548,7 @@
   "orange": {
     "50": {
       "key": "{orange.50}",
-      "$value": "#fdf1dd",
+      "$value": "#fdf0d5",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -28578,7 +28578,7 @@
     },
     "100": {
       "key": "{orange.100}",
-      "$value": "#f5d9a8",
+      "$value": "#fada9c",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -28608,7 +28608,7 @@
     },
     "200": {
       "key": "{orange.200}",
-      "$value": "#e9be74",
+      "$value": "#f7b951",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -28638,7 +28638,7 @@
     },
     "300": {
       "key": "{orange.300}",
-      "$value": "#d99530",
+      "$value": "#fb8017",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -28668,7 +28668,7 @@
     },
     "400": {
       "key": "{orange.400}",
-      "$value": "#c17d10",
+      "$value": "#e95f21",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -28698,7 +28698,7 @@
     },
     "500": {
       "key": "{orange.500}",
-      "$value": "#ab6100",
+      "$value": "#c74816",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -28728,7 +28728,7 @@
     },
     "600": {
       "key": "{orange.600}",
-      "$value": "#995715",
+      "$value": "#b34013",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -28758,7 +28758,7 @@
     },
     "700": {
       "key": "{orange.700}",
-      "$value": "#894b16",
+      "$value": "#9e3811",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -28788,7 +28788,7 @@
     },
     "800": {
       "key": "{orange.800}",
-      "$value": "#693c14",
+      "$value": "#7d2d0e",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -28818,7 +28818,7 @@
     },
     "900": {
       "key": "{orange.900}",
-      "$value": "#532e16",
+      "$value": "#5d220d",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -28848,7 +28848,7 @@
     },
     "950": {
       "key": "{orange.950}",
-      "$value": "#382315",
+      "$value": "#461807",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -28880,7 +28880,7 @@
   "purple": {
     "50": {
       "key": "{purple.50}",
-      "$value": "#f4f0ff",
+      "$value": "#f4f0fc",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -28910,7 +28910,7 @@
     },
     "100": {
       "key": "{purple.100}",
-      "$value": "#e1d8f9",
+      "$value": "#e1daf7",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -28940,7 +28940,7 @@
     },
     "200": {
       "key": "{purple.200}",
-      "$value": "#cbbbf2",
+      "$value": "#c9beef",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -28970,7 +28970,7 @@
     },
     "300": {
       "key": "{purple.300}",
-      "$value": "#ac93e6",
+      "$value": "#a997e1",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -29000,7 +29000,7 @@
     },
     "400": {
       "key": "{purple.400}",
-      "$value": "#9475db",
+      "$value": "#927cd7",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -29030,7 +29030,7 @@
     },
     "500": {
       "key": "{purple.500}",
-      "$value": "#7b58cf",
+      "$value": "#7862c8",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -29060,7 +29060,7 @@
     },
     "600": {
       "key": "{purple.600}",
-      "$value": "#6a4fb4",
+      "$value": "#6a54c0",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -29090,7 +29090,7 @@
     },
     "700": {
       "key": "{purple.700}",
-      "$value": "#5c47a6",
+      "$value": "#5b46b8",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -29120,7 +29120,7 @@
     },
     "800": {
       "key": "{purple.800}",
-      "$value": "#493c83",
+      "$value": "#483698",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -29150,7 +29150,7 @@
     },
     "900": {
       "key": "{purple.900}",
-      "$value": "#342d59",
+      "$value": "#362676",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -29180,7 +29180,7 @@
     },
     "950": {
       "key": "{purple.950}",
-      "$value": "#27243e",
+      "$value": "#291a5c",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -29212,7 +29212,7 @@
   "red": {
     "50": {
       "key": "{red.50}",
-      "$value": "#fcf1ef",
+      "$value": "#feeef0",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -29242,7 +29242,7 @@
     },
     "100": {
       "key": "{red.100}",
-      "$value": "#fdd4cd",
+      "$value": "#ffd3d7",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -29272,7 +29272,7 @@
     },
     "200": {
       "key": "{red.200}",
-      "$value": "#fcb5aa",
+      "$value": "#ffafb8",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -29302,7 +29302,7 @@
     },
     "300": {
       "key": "{red.300}",
-      "$value": "#f6806d",
+      "$value": "#fc7988",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -29332,7 +29332,7 @@
     },
     "400": {
       "key": "{red.400}",
-      "$value": "#ec5941",
+      "$value": "#f15168",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -29362,7 +29362,7 @@
     },
     "500": {
       "key": "{red.500}",
-      "$value": "#dd2b0e",
+      "$value": "#de1d4b",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -29392,7 +29392,7 @@
     },
     "600": {
       "key": "{red.600}",
-      "$value": "#c02f12",
+      "$value": "#c52042",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -29422,7 +29422,7 @@
     },
     "700": {
       "key": "{red.700}",
-      "$value": "#a32c12",
+      "$value": "#ac203a",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -29452,7 +29452,7 @@
     },
     "800": {
       "key": "{red.800}",
-      "$value": "#812713",
+      "$value": "#891c2f",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -29482,7 +29482,7 @@
     },
     "900": {
       "key": "{red.900}",
-      "$value": "#582014",
+      "$value": "#641925",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -29512,7 +29512,7 @@
     },
     "950": {
       "key": "{red.950}",
-      "$value": "#3e1a14",
+      "$value": "#48151d",
       "$type": "color",
       "$extensions": {
         "com.figma.scopes": []
@@ -31791,7 +31791,7 @@
         "color": {
           "default": {
             "key": "{action.danger.foreground.color.default}",
-            "$value": "#c02f12",
+            "$value": "#c52042",
             "$type": "color",
             "$description": "Used for the foreground of a danger (destructive) action in the default state.",
             "$extensions": {
@@ -31826,7 +31826,7 @@
           },
           "hover": {
             "key": "{action.danger.foreground.color.hover}",
-            "$value": "#812713",
+            "$value": "#891c2f",
             "$type": "color",
             "$description": "Used for the foreground of a danger (destructive) action in the hover state.",
             "$extensions": {
@@ -31861,7 +31861,7 @@
           },
           "focus": {
             "key": "{action.danger.foreground.color.focus}",
-            "$value": "#812713",
+            "$value": "#891c2f",
             "$type": "color",
             "$description": "Used for the foreground of a danger (destructive) action in the focus state.",
             "$extensions": {
@@ -31896,7 +31896,7 @@
           },
           "active": {
             "key": "{action.danger.foreground.color.active}",
-            "$value": "#3e1a14",
+            "$value": "#48151d",
             "$type": "color",
             "$description": "Used for the foreground of a danger (destructive) action in the active state.",
             "$extensions": {
@@ -31935,7 +31935,7 @@
         "color": {
           "default": {
             "key": "{action.danger.background.color.default}",
-            "$value": "rgba(245, 127, 108, 0)",
+            "$value": "rgba(222, 29, 75, 0)",
             "$type": "color",
             "$description": "Used for the background of a danger (destructive) action in the default state.",
             "$extensions": {
@@ -31947,7 +31947,7 @@
             "filePath": "src/semantic/action.tokens.json",
             "isSource": true,
             "original": {
-              "$value": "rgba(245, 127, 108, 0)",
+              "$value": "rgba(222, 29, 75, 0)",
               "$type": "color",
               "$description": "Used for the background of a danger (destructive) action in the default state.",
               "$extensions": {
@@ -31970,7 +31970,7 @@
           },
           "hover": {
             "key": "{action.danger.background.color.hover}",
-            "$value": "rgba(245, 127, 108, 0.16)",
+            "$value": "rgba(222, 29, 75, 0.16)",
             "$type": "color",
             "$description": "Used for the background of a danger (destructive) action in the hover state.",
             "$extensions": {
@@ -31982,7 +31982,7 @@
             "filePath": "src/semantic/action.tokens.json",
             "isSource": true,
             "original": {
-              "$value": "rgba(245, 127, 108, 0.16)",
+              "$value": "rgba(222, 29, 75, 0.16)",
               "$type": "color",
               "$description": "Used for the background of a danger (destructive) action in the hover state.",
               "$extensions": {
@@ -32005,7 +32005,7 @@
           },
           "focus": {
             "key": "{action.danger.background.color.focus}",
-            "$value": "rgba(245, 127, 108, 0.16)",
+            "$value": "rgba(222, 29, 75, 0.16)",
             "$type": "color",
             "$description": "Used for the background of a danger (destructive) action in the focus state.",
             "$extensions": {
@@ -32040,7 +32040,7 @@
           },
           "active": {
             "key": "{action.danger.background.color.active}",
-            "$value": "rgba(174, 24, 0, 0.24)",
+            "$value": "rgba(172, 32, 58, 0.24)",
             "$type": "color",
             "$description": "Used for the background of a danger (destructive) action in the active state.",
             "$extensions": {
@@ -32052,7 +32052,7 @@
             "filePath": "src/semantic/action.tokens.json",
             "isSource": true,
             "original": {
-              "$value": "rgba(174, 24, 0, 0.24)",
+              "$value": "rgba(172, 32, 58, 0.24)",
               "$type": "color",
               "$description": "Used for the background of a danger (destructive) action in the active state.",
               "$extensions": {
@@ -32218,7 +32218,7 @@
           "color": {
             "default": {
               "key": "{action.strong.confirm.background.color.default}",
-              "$value": "#1f75cb",
+              "$value": "#1f73ca",
               "$type": "color",
               "$description": "Used for the background of a strong confirm action in the default state.",
               "$extensions": {
@@ -32254,7 +32254,7 @@
             },
             "hover": {
               "key": "{action.strong.confirm.background.color.hover}",
-              "$value": "#2f68b4",
+              "$value": "#2566b5",
               "$type": "color",
               "$description": "Used for the background of a strong confirm action in the hover state.",
               "$extensions": {
@@ -32290,7 +32290,7 @@
             },
             "focus": {
               "key": "{action.strong.confirm.background.color.focus}",
-              "$value": "#2f68b4",
+              "$value": "#2566b5",
               "$type": "color",
               "$description": "Used for the background of a strong confirm action in the focus state.",
               "$extensions": {
@@ -32326,7 +32326,7 @@
             },
             "active": {
               "key": "{action.strong.confirm.background.color.active}",
-              "$value": "#2f5ca0",
+              "$value": "#27599f",
               "$type": "color",
               "$description": "Used for the background of a strong confirm action in the active state.",
               "$extensions": {
@@ -33706,7 +33706,7 @@
         },
         "error": {
           "key": "{control.border.color.error}",
-          "$value": "#dd2b0e",
+          "$value": "#de1d4b",
           "$type": "color",
           "$description": "Used for invalid form control (input, textarea) border.",
           "$extensions": {
@@ -33874,7 +33874,7 @@
       "color": {
         "error": {
           "key": "{control.text.color.error}",
-          "$value": "#c02f12",
+          "$value": "#c52042",
           "$type": "color",
           "$description": "Used for the helper text when the input is invalid.",
           "$extensions": {
@@ -33906,7 +33906,7 @@
         },
         "valid": {
           "key": "{control.text.color.valid}",
-          "$value": "#2f7549",
+          "$value": "#0c7265",
           "$type": "color",
           "$description": "Used for the helper text when the input is valid.",
           "$extensions": {
@@ -34222,7 +34222,7 @@
       "link": {
         "color": {
           "key": "{feedback.strong.link.color}",
-          "$value": "#63a6e9",
+          "$value": "#64a7e9",
           "$type": "color",
           "$description": "Used for a link on a strong feedback background.",
           "$extensions": {
@@ -34400,7 +34400,7 @@
       "background": {
         "color": {
           "key": "{feedback.info.background.color}",
-          "$value": "#e9f3fc",
+          "$value": "#e8f2fd",
           "$type": "color",
           "$description": "Used for the background of an informational feedback item when highlighting new information or a change that doesn't require immediate action.",
           "$extensions": {
@@ -34436,7 +34436,7 @@
       "border": {
         "color": {
           "key": "{feedback.info.border.color}",
-          "$value": "#9dc7f1",
+          "$value": "#9dc8f2",
           "$type": "color",
           "$description": "Used for the border of an informational feedback item when highlighting new information or a change that doesn't require immediate action.",
           "$extensions": {
@@ -34470,7 +34470,7 @@
       "text": {
         "color": {
           "key": "{feedback.info.text.color}",
-          "$value": "#2f5ca0",
+          "$value": "#27599f",
           "$type": "color",
           "$description": "Used for the text of an informational feedback item when highlighting new information or a change that doesn't require immediate action.",
           "$extensions": {
@@ -34504,7 +34504,7 @@
       "icon": {
         "color": {
           "key": "{feedback.info.icon.color}",
-          "$value": "#2f68b4",
+          "$value": "#2566b5",
           "$type": "color",
           "$description": "Used for the icon of an informational feedback item when highlighting new information or a change that doesn't require immediate action.",
           "$extensions": {
@@ -34542,7 +34542,7 @@
       "background": {
         "color": {
           "key": "{feedback.success.background.color}",
-          "$value": "#ecf4ee",
+          "$value": "#e6f5ea",
           "$type": "color",
           "$description": "Used for the background of a success feedback item when confirming the successful completion of a user-initiated action.",
           "$extensions": {
@@ -34578,7 +34578,7 @@
       "border": {
         "color": {
           "key": "{feedback.success.border.color}",
-          "$value": "#91d4a8",
+          "$value": "#84d4b6",
           "$type": "color",
           "$description": "Used for the border of a success feedback item when confirming the successful completion of a user-initiated action.",
           "$extensions": {
@@ -34612,7 +34612,7 @@
       "text": {
         "color": {
           "key": "{feedback.success.text.color}",
-          "$value": "#306440",
+          "$value": "#0b645a",
           "$type": "color",
           "$description": "Used for the text of a success feedback item when confirming the successful completion of a user-initiated action.",
           "$extensions": {
@@ -34646,7 +34646,7 @@
       "icon": {
         "color": {
           "key": "{feedback.success.icon.color}",
-          "$value": "#2f7549",
+          "$value": "#0c7265",
           "$type": "color",
           "$description": "Used for the icon of a success feedback item when confirming the successful completion of a user-initiated action.",
           "$extensions": {
@@ -34684,7 +34684,7 @@
       "background": {
         "color": {
           "key": "{feedback.warning.background.color}",
-          "$value": "#fdf1dd",
+          "$value": "#fdf0d5",
           "$type": "color",
           "$description": "Used for the background of a warning feedback item when notifying about a potential issue or sensitive information.",
           "$extensions": {
@@ -34720,7 +34720,7 @@
       "border": {
         "color": {
           "key": "{feedback.warning.border.color}",
-          "$value": "#e9be74",
+          "$value": "#f7b951",
           "$type": "color",
           "$description": "Used for the border of a warning feedback item when notifying about a potential issue or sensitive information.",
           "$extensions": {
@@ -34754,7 +34754,7 @@
       "text": {
         "color": {
           "key": "{feedback.warning.text.color}",
-          "$value": "#894b16",
+          "$value": "#9e3811",
           "$type": "color",
           "$description": "Used for the text of a warning feedback item when notifying about a potential issue or sensitive information.",
           "$extensions": {
@@ -34788,7 +34788,7 @@
       "icon": {
         "color": {
           "key": "{feedback.warning.icon.color}",
-          "$value": "#995715",
+          "$value": "#b34013",
           "$type": "color",
           "$description": "Used for the icon of a warning feedback item when notifying about a potential issue or sensitive information.",
           "$extensions": {
@@ -34826,7 +34826,7 @@
       "background": {
         "color": {
           "key": "{feedback.danger.background.color}",
-          "$value": "#fcf1ef",
+          "$value": "#feeef0",
           "$type": "color",
           "$description": "Used for the background of a danger feedback item when notifying about a critical issue that has just occurred and requires immediate attention.",
           "$extensions": {
@@ -34862,7 +34862,7 @@
       "border": {
         "color": {
           "key": "{feedback.danger.border.color}",
-          "$value": "#dd2b0e",
+          "$value": "#de1d4b",
           "$type": "color",
           "$description": "Used for the border of a danger feedback item when notifying about a critical issue that has just occurred and requires immediate attention.",
           "$extensions": {
@@ -34896,7 +34896,7 @@
       "text": {
         "color": {
           "key": "{feedback.danger.text.color}",
-          "$value": "#a32c12",
+          "$value": "#ac203a",
           "$type": "color",
           "$description": "Used for the text of a danger feedback item when notifying about a critical issue that has just occurred and requires immediate attention.",
           "$extensions": {
@@ -34930,7 +34930,7 @@
       "icon": {
         "color": {
           "key": "{feedback.danger.icon.color}",
-          "$value": "#c02f12",
+          "$value": "#c52042",
           "$type": "color",
           "$description": "Used for the icon of a danger feedback item when notifying about a critical issue that has just occurred and requires immediate attention.",
           "$extensions": {
@@ -34968,7 +34968,7 @@
       "background": {
         "color": {
           "key": "{feedback.brand.background.color}",
-          "$value": "#f4f0ff",
+          "$value": "#f4f0fc",
           "$type": "color",
           "$description": "Used for the background of a brand-related feedback item when highlighting information that pertains to GitLab.",
           "$extensions": {
@@ -35004,7 +35004,7 @@
       "border": {
         "color": {
           "key": "{feedback.brand.border.color}",
-          "$value": "#cbbbf2",
+          "$value": "#c9beef",
           "$type": "color",
           "$description": "Used for the border of a brand-related feedback item when highlighting information that pertains to GitLab.",
           "$extensions": {
@@ -35038,7 +35038,7 @@
       "text": {
         "color": {
           "key": "{feedback.brand.text.color}",
-          "$value": "#5c47a6",
+          "$value": "#5b46b8",
           "$type": "color",
           "$description": "Used for the text of a brand-related feedback item when highlighting information that pertains to GitLab.",
           "$extensions": {
@@ -35072,7 +35072,7 @@
       "icon": {
         "color": {
           "key": "{feedback.brand.icon.color}",
-          "$value": "#6a4fb4",
+          "$value": "#6a54c0",
           "$type": "color",
           "$description": "Used for the icon of a brand-related feedback item when highlighting information that pertains to GitLab.",
           "$extensions": {
@@ -35111,7 +35111,7 @@
     "outer": {
       "color": {
         "key": "{focus-ring.outer.color}",
-        "$value": "#1f75cb",
+        "$value": "#1f73ca",
         "$type": "color",
         "$description": "Used for the outer color portion of the focus ring.",
         "$extensions": {
@@ -35180,7 +35180,7 @@
       "background": {
         "color": {
           "key": "{highlight.match.background.color}",
-          "$value": "#ab6100",
+          "$value": "#c74816",
           "$type": "color",
           "$description": "Used for temporary visual emphasis of backgrounds of matched search terms, filtered results, or autocomplete suggestions without implying any particular state or meaning.",
           "$extensions": {
@@ -35252,7 +35252,7 @@
       "background": {
         "color": {
           "key": "{highlight.target.background.color}",
-          "$value": "#e9f3fc",
+          "$value": "#e8f2fd",
           "$type": "color",
           "$description": "Used for temporary visual emphasis for backgrounds of referenced elements (for example URL anchors, hover states) or to show relationships between content without implying status or requiring action.",
           "$extensions": {
@@ -35288,7 +35288,7 @@
       "border": {
         "color": {
           "key": "{highlight.target.border.color}",
-          "$value": "#9dc7f1",
+          "$value": "#9dc8f2",
           "$type": "color",
           "$description": "Used to provide additional visual emphasis for borders of temporarily targeted elements or when visualizing connections between related content, distinct from persistent states.",
           "$extensions": {
@@ -35457,7 +35457,7 @@
       },
       "link": {
         "key": "{icon.color.link}",
-        "$value": "#2f5ca0",
+        "$value": "#27599f",
         "$type": "color",
         "$description": "Used for an icon within a link.",
         "$extensions": {
@@ -35490,7 +35490,7 @@
       },
       "info": {
         "key": "{icon.color.info}",
-        "$value": "#2f5ca0",
+        "$value": "#27599f",
         "$type": "color",
         "$description": "Used for an icon associated with information or help.",
         "$extensions": {
@@ -35523,7 +35523,7 @@
       },
       "warning": {
         "key": "{icon.color.warning}",
-        "$value": "#995715",
+        "$value": "#b34013",
         "$type": "color",
         "$description": "Used for an icon associated with a warning.",
         "$extensions": {
@@ -35556,7 +35556,7 @@
       },
       "danger": {
         "key": "{icon.color.danger}",
-        "$value": "#c02f12",
+        "$value": "#c52042",
         "$type": "color",
         "$description": "Used for an icon associated with an error or danger.",
         "$extensions": {
@@ -35589,7 +35589,7 @@
       },
       "success": {
         "key": "{icon.color.success}",
-        "$value": "#2f7549",
+        "$value": "#0c7265",
         "$type": "color",
         "$description": "Used for an icon associated with success or validity.",
         "$extensions": {
@@ -35765,7 +35765,7 @@
       "background": {
         "color": {
           "key": "{status.info.background.color}",
-          "$value": "#cbe2f9",
+          "$value": "#c8e0f9",
           "$type": "color",
           "$description": "Used for the background of an informational status item when indicating a noteworthy ongoing condition or a state of active progress.",
           "$extensions": {
@@ -35801,7 +35801,7 @@
       "text": {
         "color": {
           "key": "{status.info.text.color}",
-          "$value": "#2f5ca0",
+          "$value": "#27599f",
           "$type": "color",
           "$description": "Used for the text of an informational status item when indicating a noteworthy ongoing condition or a state of active progress.",
           "$extensions": {
@@ -35835,7 +35835,7 @@
       "icon": {
         "color": {
           "key": "{status.info.icon.color}",
-          "$value": "#1f75cb",
+          "$value": "#1f73ca",
           "$type": "color",
           "$description": "Used for the icon of an informational status item when indicating a noteworthy ongoing condition or a state of active progress.",
           "$extensions": {
@@ -35873,7 +35873,7 @@
       "background": {
         "color": {
           "key": "{status.success.background.color}",
-          "$value": "#c3e6cd",
+          "$value": "#bee6d0",
           "$type": "color",
           "$description": "Used for the background of a success status item when indicating a positive outcome, completion, or desired state. Clearly conveys a positive connotation.",
           "$extensions": {
@@ -35909,7 +35909,7 @@
       "text": {
         "color": {
           "key": "{status.success.text.color}",
-          "$value": "#306440",
+          "$value": "#0b645a",
           "$type": "color",
           "$description": "Used for the text of a success status item when indicating a positive outcome, completion, or desired state. Clearly conveys a positive connotation.",
           "$extensions": {
@@ -35943,7 +35943,7 @@
       "icon": {
         "color": {
           "key": "{status.success.icon.color}",
-          "$value": "#108548",
+          "$value": "#0d8070",
           "$type": "color",
           "$description": "Used for the icon of a success status item when indicating a positive outcome, completion, or desired state. Clearly conveys a positive connotation.",
           "$extensions": {
@@ -35981,7 +35981,7 @@
       "background": {
         "color": {
           "key": "{status.warning.background.color}",
-          "$value": "#f5d9a8",
+          "$value": "#fada9c",
           "$type": "color",
           "$description": "Used for the background of a warning status item when indicating a state that requires heightened awareness or caution, but is not necessarily problematic. Represents a state that warrants extra attention or care when interacting with the item.",
           "$extensions": {
@@ -36017,7 +36017,7 @@
       "text": {
         "color": {
           "key": "{status.warning.text.color}",
-          "$value": "#894b16",
+          "$value": "#9e3811",
           "$type": "color",
           "$description": "Used for the text of a warning status item when indicating a state that requires heightened awareness or caution, but is not necessarily problematic. Represents a state that warrants extra attention or care when interacting with the item.",
           "$extensions": {
@@ -36051,7 +36051,7 @@
       "icon": {
         "color": {
           "key": "{status.warning.icon.color}",
-          "$value": "#ab6100",
+          "$value": "#c74816",
           "$type": "color",
           "$description": "Used for the icon of a warning status item when indicating a state that requires heightened awareness or caution, but is not necessarily problematic. Represents a state that warrants extra attention or care when interacting with the item.",
           "$extensions": {
@@ -36089,7 +36089,7 @@
       "background": {
         "color": {
           "key": "{status.danger.background.color}",
-          "$value": "#fdd4cd",
+          "$value": "#ffd3d7",
           "$type": "color",
           "$description": "Used for the background of a danger status item when indicating a critical or severely problematic current state. Clearly conveys a negative connotation, representing a serious, ongoing issue or undesired condition.",
           "$extensions": {
@@ -36125,7 +36125,7 @@
       "text": {
         "color": {
           "key": "{status.danger.text.color}",
-          "$value": "#a32c12",
+          "$value": "#ac203a",
           "$type": "color",
           "$description": "Used for the text of a danger status item when indicating a critical or severely problematic current state. Clearly conveys a negative connotation, representing a serious, ongoing issue or undesired condition.",
           "$extensions": {
@@ -36159,7 +36159,7 @@
       "icon": {
         "color": {
           "key": "{status.danger.icon.color}",
-          "$value": "#dd2b0e",
+          "$value": "#de1d4b",
           "$type": "color",
           "$description": "Used for the icon of a danger status item when indicating a critical or severely problematic current state. Clearly conveys a negative connotation, representing a serious, ongoing issue or undesired condition.",
           "$extensions": {
@@ -36197,7 +36197,7 @@
       "background": {
         "color": {
           "key": "{status.brand.background.color}",
-          "$value": "#e1d8f9",
+          "$value": "#e1daf7",
           "$type": "color",
           "$description": "Used for the background of a brand-related status item when highlighting the state of unique features or elements specific to the GitLab brand identity. Helps distinguish and emphasize brand-specific elements within the interface.",
           "$extensions": {
@@ -36233,7 +36233,7 @@
       "text": {
         "color": {
           "key": "{status.brand.text.color}",
-          "$value": "#5c47a6",
+          "$value": "#5b46b8",
           "$type": "color",
           "$description": "Used for the text of a brand-related status item when highlighting the state of unique features or elements specific to the GitLab brand identity. Helps distinguish and emphasize brand-specific elements within the interface.",
           "$extensions": {
@@ -36267,7 +36267,7 @@
       "icon": {
         "color": {
           "key": "{status.brand.icon.color}",
-          "$value": "#7b58cf",
+          "$value": "#7862c8",
           "$type": "color",
           "$description": "Used for the icon of a brand-related status item when highlighting the state of unique features or elements specific to the GitLab brand identity. Helps distinguish and emphasize brand-specific elements within the interface.",
           "$extensions": {
@@ -36526,7 +36526,7 @@
       },
       "link": {
         "key": "{text.color.link}",
-        "$value": "#2f5ca0",
+        "$value": "#27599f",
         "$type": "color",
         "$description": "Used for default text links.",
         "$extensions": {
@@ -36557,7 +36557,7 @@
       },
       "warning": {
         "key": "{text.color.warning}",
-        "$value": "#995715",
+        "$value": "#b34013",
         "$type": "color",
         "$description": "Used for text that requires caution or careful attention.",
         "$extensions": {
@@ -36588,7 +36588,7 @@
       },
       "danger": {
         "key": "{text.color.danger}",
-        "$value": "#c02f12",
+        "$value": "#c52042",
         "$type": "color",
         "$description": "Used for text indicating a problem, critical state, destructive action, error, failure, removal, stop, or declination.",
         "$extensions": {
@@ -36619,7 +36619,7 @@
       },
       "success": {
         "key": "{text.color.success}",
-        "$value": "#2f7549",
+        "$value": "#0c7265",
         "$type": "color",
         "$description": "Used for text indicating success, completion, approval, addition, or validity.",
         "$extensions": {
diff --git a/packages/tokens/dist/scss/_tokens.dark.scss b/packages/tokens/dist/scss/_tokens.dark.scss
index 115eba9..ae8ac53 100644
--- a/packages/tokens/dist/scss/_tokens.dark.scss
+++ b/packages/tokens/dist/scss/_tokens.dark.scss
@@ -18,17 +18,17 @@ $gl-color-alpha-light-16: rgba(255, 255, 255, 0.16);
 $gl-color-alpha-light-24: rgba(255, 255, 255, 0.24);
 $gl-color-alpha-light-36: rgba(255, 255, 255, 0.36);
 $gl-color-alpha-light-40: rgba(255, 255, 255, 0.4);
-$gl-color-blue-50: #e9f3fc;
-$gl-color-blue-100: #cbe2f9;
-$gl-color-blue-200: #9dc7f1;
-$gl-color-blue-300: #63a6e9;
-$gl-color-blue-400: #428fdc;
-$gl-color-blue-500: #1f75cb;
-$gl-color-blue-600: #2f68b4;
-$gl-color-blue-700: #2f5ca0;
-$gl-color-blue-800: #284779;
-$gl-color-blue-900: #213454;
-$gl-color-blue-950: #1d283e;
+$gl-color-blue-50: #e8f2fd;
+$gl-color-blue-100: #c8e0f9;
+$gl-color-blue-200: #9dc8f2;
+$gl-color-blue-300: #64a7e9;
+$gl-color-blue-400: #3f8edd;
+$gl-color-blue-500: #1f73ca;
+$gl-color-blue-600: #2566b5;
+$gl-color-blue-700: #27599f;
+$gl-color-blue-800: #254581;
+$gl-color-blue-900: #1f3166;
+$gl-color-blue-950: #1d2153;
 $gl-color-brand-white: #fff;
 $gl-color-brand-charcoal: #171321;
 $gl-color-brand-orange-01g: #ffd1bf;
@@ -99,17 +99,17 @@ $gl-color-data-orange-700: #92430a;
 $gl-color-data-orange-800: #6f3500;
 $gl-color-data-orange-900: #5e2f05;
 $gl-color-data-orange-950: #4b2707;
-$gl-color-green-50: #ecf4ee;
-$gl-color-green-100: #c3e6cd;
-$gl-color-green-200: #91d4a8;
-$gl-color-green-300: #52b87a;
-$gl-color-green-400: #2da160;
-$gl-color-green-500: #108548;
-$gl-color-green-600: #2f7549;
-$gl-color-green-700: #306440;
-$gl-color-green-800: #225131;
-$gl-color-green-900: #1e3e28;
-$gl-color-green-950: #17291c;
+$gl-color-green-50: #e6f5ea;
+$gl-color-green-100: #bee6d0;
+$gl-color-green-200: #84d4b6;
+$gl-color-green-300: #35b597;
+$gl-color-green-400: #129c84;
+$gl-color-green-500: #0d8070;
+$gl-color-green-600: #0c7265;
+$gl-color-green-700: #0b645a;
+$gl-color-green-800: #075048;
+$gl-color-green-900: #003c36;
+$gl-color-green-950: #002c26;
 $gl-color-neutral-0: #fff;
 $gl-color-neutral-10: #f7f7f5;
 $gl-color-neutral-50: #ecebea;
@@ -124,39 +124,39 @@ $gl-color-neutral-800: #3a383d;
 $gl-color-neutral-900: #28272d;
 $gl-color-neutral-950: #18171d;
 $gl-color-neutral-1000: #050408;
-$gl-color-orange-50: #fdf1dd;
-$gl-color-orange-100: #f5d9a8;
-$gl-color-orange-200: #e9be74;
-$gl-color-orange-300: #d99530;
-$gl-color-orange-400: #c17d10;
-$gl-color-orange-500: #ab6100;
-$gl-color-orange-600: #995715;
-$gl-color-orange-700: #894b16;
-$gl-color-orange-800: #693c14;
-$gl-color-orange-900: #532e16;
-$gl-color-orange-950: #382315;
-$gl-color-purple-50: #f4f0ff;
-$gl-color-purple-100: #e1d8f9;
-$gl-color-purple-200: #cbbbf2;
-$gl-color-purple-300: #ac93e6;
-$gl-color-purple-400: #9475db;
-$gl-color-purple-500: #7b58cf;
-$gl-color-purple-600: #6a4fb4;
-$gl-color-purple-700: #5c47a6;
-$gl-color-purple-800: #493c83;
-$gl-color-purple-900: #342d59;
-$gl-color-purple-950: #27243e;
-$gl-color-red-50: #fcf1ef;
-$gl-color-red-100: #fdd4cd;
-$gl-color-red-200: #fcb5aa;
-$gl-color-red-300: #f6806d;
-$gl-color-red-400: #ec5941;
-$gl-color-red-500: #dd2b0e;
-$gl-color-red-600: #c02f12;
-$gl-color-red-700: #a32c12;
-$gl-color-red-800: #812713;
-$gl-color-red-900: #582014;
-$gl-color-red-950: #3e1a14;
+$gl-color-orange-50: #fdf0d5;
+$gl-color-orange-100: #fada9c;
+$gl-color-orange-200: #f7b951;
+$gl-color-orange-300: #fb8017;
+$gl-color-orange-400: #e95f21;
+$gl-color-orange-500: #c74816;
+$gl-color-orange-600: #b34013;
+$gl-color-orange-700: #9e3811;
+$gl-color-orange-800: #7d2d0e;
+$gl-color-orange-900: #5d220d;
+$gl-color-orange-950: #461807;
+$gl-color-purple-50: #f4f0fc;
+$gl-color-purple-100: #e1daf7;
+$gl-color-purple-200: #c9beef;
+$gl-color-purple-300: #a997e1;
+$gl-color-purple-400: #927cd7;
+$gl-color-purple-500: #7862c8;
+$gl-color-purple-600: #6a54c0;
+$gl-color-purple-700: #5b46b8;
+$gl-color-purple-800: #483698;
+$gl-color-purple-900: #362676;
+$gl-color-purple-950: #291a5c;
+$gl-color-red-50: #feeef0;
+$gl-color-red-100: #ffd3d7;
+$gl-color-red-200: #ffafb8;
+$gl-color-red-300: #fc7988;
+$gl-color-red-400: #f15168;
+$gl-color-red-500: #de1d4b;
+$gl-color-red-600: #c52042;
+$gl-color-red-700: #ac203a;
+$gl-color-red-800: #891c2f;
+$gl-color-red-900: #641925;
+$gl-color-red-950: #48151d;
 $gl-font-family-regular: var(--default-regular-font, 'GitLab Sans'),'GitLab Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Noto Sans',Ubuntu,Cantarell,'Helvetica Neue',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';
 $gl-font-family-monospace: var(--default-mono-font, 'GitLab Mono'),'GitLab Mono','JetBrains Mono',Menlo,'DejaVu Sans Mono','Liberation Mono',Consolas,'Ubuntu Mono','Courier New','andale mono','lucida console',monospace;
 $gl-font-size-100: 0.75rem; // Used for meta text and small labels.
@@ -242,11 +242,11 @@ $gl-zindex-3: 3;
 $gl-zindex-4: 4;
 $gl-zindex-200: 200;
 $gl-zindex-9999: 9999;
-$gl-avatar-fallback-background-color-red: rgba(252, 181, 170, 0.23921568627450981); // Red background for avatar fallback with no particular meaning.
-$gl-avatar-fallback-background-color-purple: rgba(203, 187, 242, 0.23921568627450981); // Purple background for avatar fallback with no particular meaning.
-$gl-avatar-fallback-background-color-blue: rgba(157, 199, 241, 0.23921568627450981); // Blue background for avatar fallback with no particular meaning.
-$gl-avatar-fallback-background-color-green: rgba(145, 212, 168, 0.23921568627450981); // Green background for avatar fallback with no particular meaning.
-$gl-avatar-fallback-background-color-orange: rgba(233, 190, 116, 0.23921568627450981); // Orange background for avatar fallback with no particular meaning.
+$gl-avatar-fallback-background-color-red: rgba(255, 175, 184, 0.23921568627450981); // Red background for avatar fallback with no particular meaning.
+$gl-avatar-fallback-background-color-purple: rgba(201, 190, 239, 0.23921568627450981); // Purple background for avatar fallback with no particular meaning.
+$gl-avatar-fallback-background-color-blue: rgba(157, 200, 242, 0.23921568627450981); // Blue background for avatar fallback with no particular meaning.
+$gl-avatar-fallback-background-color-green: rgba(132, 212, 182, 0.23921568627450981); // Green background for avatar fallback with no particular meaning.
+$gl-avatar-fallback-background-color-orange: rgba(247, 185, 81, 0.23921568627450981); // Orange background for avatar fallback with no particular meaning.
 $gl-avatar-fallback-background-color-neutral: rgba(191, 191, 195, 0.23921568627450981); // Neutral background for avatar fallback with no particular meaning.
 $gl-broadcast-banner-background-color-blue: #235180; // Used for the background for the blue banner type.
 $gl-broadcast-banner-background-color-green: #1b653f; // Used for the background for the green banner type.
@@ -267,11 +267,11 @@ $gl-broadcast-banner-border-color-red: #580d02; // Used for the border for the r
 $gl-button-default-primary-background-color-default: rgba(137, 136, 141, 0.4); // Used for the background of an default primary button in the default state.
 $gl-button-default-primary-background-color-hover: rgba(137, 136, 141, 0.64); // Used for the background of an default primary button in the hover state.
 $gl-button-default-primary-background-color-active: rgba(137, 136, 141, 0.32); // Used for the background of an default primary button in the active state.
-$gl-button-danger-secondary-background-color-default: rgba(236, 89, 65, 0.4); // Used for the background of an outlined danger (destructive) button in the default state.
-$gl-button-danger-secondary-background-color-hover: rgba(236, 89, 65, 0.64); // Used for the background of an outlined danger (destructive) button in the hover state.
-$gl-button-danger-secondary-background-color-active: rgba(236, 89, 65, 0.32); // Used for the background of an outlined danger (destructive) button in the active state.
+$gl-button-danger-secondary-background-color-default: rgba(241, 81, 104, 0.4); // Used for the background of an outlined danger (destructive) button in the default state.
+$gl-button-danger-secondary-background-color-hover: rgba(241, 81, 104, 0.64); // Used for the background of an outlined danger (destructive) button in the hover state.
+$gl-button-danger-secondary-background-color-active: rgba(241, 81, 104, 0.32); // Used for the background of an outlined danger (destructive) button in the active state.
 $gl-button-disabled-background-color: rgba(137, 136, 141, 0.16); // Used for the background of a disabled button.
-$gl-chart-threshold-area-color: rgba(221, 43, 14, 0.1); // Used in charts to delineate a threshold area in a chart.
+$gl-chart-threshold-area-color: rgba(222, 29, 75, 0.1); // Used in charts to delineate a threshold area in a chart.
 $gl-illustration-stroke-color-default: #e3e3e8; // Default stroke color to define shape and provide essential detail.
 $gl-illustration-stroke-width-default: 1.5; // Default stroke width to define shape and provide essential detail.
 $gl-illustration-fill-color-default: #423f4f; // Default fill color for an element where specific meaning or emphasis is not required.
@@ -388,9 +388,9 @@ $t-white-a-02: rgba(255, 255, 255, 0.02) !default; // Use color.alpha.light.2 in
 $t-white-a-04: rgba(255, 255, 255, 0.04) !default; // Use color.alpha.light.4 instead.
 $t-white-a-06: rgba(255, 255, 255, 0.06) !default; // Use color.alpha.light.6 instead.
 $t-white-a-08: rgba(255, 255, 255, 0.08) !default; // Use color.alpha.light.8 instead.
-$gl-action-danger-background-color-default: rgba(236, 89, 65, 0); // Used for the background of a danger (destructive) action in the default state.
-$gl-action-danger-background-color-hover: rgba(236, 89, 65, 0.4); // Used for the background of a danger (destructive) action in the hover state.
-$gl-action-danger-background-color-active: rgba(236, 89, 65, 0.16); // Used for the background of a danger (destructive) action in the active state.
+$gl-action-danger-background-color-default: rgba(241, 81, 104, 0); // Used for the background of a danger (destructive) action in the default state.
+$gl-action-danger-background-color-hover: rgba(241, 81, 104, 0.4); // Used for the background of a danger (destructive) action in the hover state.
+$gl-action-danger-background-color-active: rgba(241, 81, 104, 0.16); // Used for the background of a danger (destructive) action in the active state.
 $gl-background-color-overlay: rgba(0, 0, 0, 0.64); // Used for an overlay that covers other content.
 $gl-letter-spacing-heading: -0.01em;
 $gl-heading-3-letter-spacing: inherit;
@@ -589,9 +589,9 @@ $gl-button-confirm-secondary-border-color-default: $gl-color-alpha-0; // Used fo
 $gl-button-confirm-secondary-border-color-hover: $gl-color-alpha-0; // Used for the border of an outlined confirm (positive) button in the hover state.
 $gl-button-confirm-secondary-border-color-active: $gl-color-alpha-0; // Used for the border of an outlined confirm (positive) button in the active state.
 $gl-button-danger-primary-foreground-color-default: $gl-color-neutral-950; // Used for the foreground of a danger (destructive) primary button in the default state.
-$gl-button-danger-primary-background-color-default: $gl-color-red-300; // Used for the background of a danger (destructive) primary button in the default state.
-$gl-button-danger-primary-background-color-hover: $gl-color-red-200; // Used for the background of a danger (destructive) primary button in the hover state.
-$gl-button-danger-primary-background-color-active: $gl-color-red-400; // Used for the background of a danger (destructive) primary button in the active state.
+$gl-button-danger-primary-background-color-default: $gl-color-red-400; // Used for the background of a danger (destructive) primary button in the default state.
+$gl-button-danger-primary-background-color-hover: $gl-color-red-300; // Used for the background of a danger (destructive) primary button in the hover state.
+$gl-button-danger-primary-background-color-active: $gl-color-red-200; // Used for the background of a danger (destructive) primary button in the active state.
 $gl-button-danger-primary-border-color-default: $gl-color-alpha-0; // Used for the border of a danger (destructive) primary button in the default state.
 $gl-button-danger-primary-border-color-hover: $gl-color-alpha-0; // Used for the border of a danger (destructive) primary button in the hover state.
 $gl-button-danger-primary-border-color-active: $gl-color-alpha-0; // Used for the border of a danger (destructive) primary button in the active state.
diff --git a/packages/tokens/dist/scss/_tokens.scss b/packages/tokens/dist/scss/_tokens.scss
index abe316b..f3eb67e 100644
--- a/packages/tokens/dist/scss/_tokens.scss
+++ b/packages/tokens/dist/scss/_tokens.scss
@@ -18,17 +18,17 @@ $gl-color-alpha-light-16: rgba(255, 255, 255, 0.16);
 $gl-color-alpha-light-24: rgba(255, 255, 255, 0.24);
 $gl-color-alpha-light-36: rgba(255, 255, 255, 0.36);
 $gl-color-alpha-light-40: rgba(255, 255, 255, 0.4);
-$gl-color-blue-50: #e9f3fc;
-$gl-color-blue-100: #cbe2f9;
-$gl-color-blue-200: #9dc7f1;
-$gl-color-blue-300: #63a6e9;
-$gl-color-blue-400: #428fdc;
-$gl-color-blue-500: #1f75cb;
-$gl-color-blue-600: #2f68b4;
-$gl-color-blue-700: #2f5ca0;
-$gl-color-blue-800: #284779;
-$gl-color-blue-900: #213454;
-$gl-color-blue-950: #1d283e;
+$gl-color-blue-50: #e8f2fd;
+$gl-color-blue-100: #c8e0f9;
+$gl-color-blue-200: #9dc8f2;
+$gl-color-blue-300: #64a7e9;
+$gl-color-blue-400: #3f8edd;
+$gl-color-blue-500: #1f73ca;
+$gl-color-blue-600: #2566b5;
+$gl-color-blue-700: #27599f;
+$gl-color-blue-800: #254581;
+$gl-color-blue-900: #1f3166;
+$gl-color-blue-950: #1d2153;
 $gl-color-brand-white: #fff;
 $gl-color-brand-charcoal: #171321;
 $gl-color-brand-orange-01g: #ffd1bf;
@@ -99,17 +99,17 @@ $gl-color-data-orange-700: #92430a;
 $gl-color-data-orange-800: #6f3500;
 $gl-color-data-orange-900: #5e2f05;
 $gl-color-data-orange-950: #4b2707;
-$gl-color-green-50: #ecf4ee;
-$gl-color-green-100: #c3e6cd;
-$gl-color-green-200: #91d4a8;
-$gl-color-green-300: #52b87a;
-$gl-color-green-400: #2da160;
-$gl-color-green-500: #108548;
-$gl-color-green-600: #2f7549;
-$gl-color-green-700: #306440;
-$gl-color-green-800: #225131;
-$gl-color-green-900: #1e3e28;
-$gl-color-green-950: #17291c;
+$gl-color-green-50: #e6f5ea;
+$gl-color-green-100: #bee6d0;
+$gl-color-green-200: #84d4b6;
+$gl-color-green-300: #35b597;
+$gl-color-green-400: #129c84;
+$gl-color-green-500: #0d8070;
+$gl-color-green-600: #0c7265;
+$gl-color-green-700: #0b645a;
+$gl-color-green-800: #075048;
+$gl-color-green-900: #003c36;
+$gl-color-green-950: #002c26;
 $gl-color-neutral-0: #fff;
 $gl-color-neutral-10: #f7f7f5;
 $gl-color-neutral-50: #ecebea;
@@ -124,39 +124,39 @@ $gl-color-neutral-800: #3a383d;
 $gl-color-neutral-900: #28272d;
 $gl-color-neutral-950: #18171d;
 $gl-color-neutral-1000: #050408;
-$gl-color-orange-50: #fdf1dd;
-$gl-color-orange-100: #f5d9a8;
-$gl-color-orange-200: #e9be74;
-$gl-color-orange-300: #d99530;
-$gl-color-orange-400: #c17d10;
-$gl-color-orange-500: #ab6100;
-$gl-color-orange-600: #995715;
-$gl-color-orange-700: #894b16;
-$gl-color-orange-800: #693c14;
-$gl-color-orange-900: #532e16;
-$gl-color-orange-950: #382315;
-$gl-color-purple-50: #f4f0ff;
-$gl-color-purple-100: #e1d8f9;
-$gl-color-purple-200: #cbbbf2;
-$gl-color-purple-300: #ac93e6;
-$gl-color-purple-400: #9475db;
-$gl-color-purple-500: #7b58cf;
-$gl-color-purple-600: #6a4fb4;
-$gl-color-purple-700: #5c47a6;
-$gl-color-purple-800: #493c83;
-$gl-color-purple-900: #342d59;
-$gl-color-purple-950: #27243e;
-$gl-color-red-50: #fcf1ef;
-$gl-color-red-100: #fdd4cd;
-$gl-color-red-200: #fcb5aa;
-$gl-color-red-300: #f6806d;
-$gl-color-red-400: #ec5941;
-$gl-color-red-500: #dd2b0e;
-$gl-color-red-600: #c02f12;
-$gl-color-red-700: #a32c12;
-$gl-color-red-800: #812713;
-$gl-color-red-900: #582014;
-$gl-color-red-950: #3e1a14;
+$gl-color-orange-50: #fdf0d5;
+$gl-color-orange-100: #fada9c;
+$gl-color-orange-200: #f7b951;
+$gl-color-orange-300: #fb8017;
+$gl-color-orange-400: #e95f21;
+$gl-color-orange-500: #c74816;
+$gl-color-orange-600: #b34013;
+$gl-color-orange-700: #9e3811;
+$gl-color-orange-800: #7d2d0e;
+$gl-color-orange-900: #5d220d;
+$gl-color-orange-950: #461807;
+$gl-color-purple-50: #f4f0fc;
+$gl-color-purple-100: #e1daf7;
+$gl-color-purple-200: #c9beef;
+$gl-color-purple-300: #a997e1;
+$gl-color-purple-400: #927cd7;
+$gl-color-purple-500: #7862c8;
+$gl-color-purple-600: #6a54c0;
+$gl-color-purple-700: #5b46b8;
+$gl-color-purple-800: #483698;
+$gl-color-purple-900: #362676;
+$gl-color-purple-950: #291a5c;
+$gl-color-red-50: #feeef0;
+$gl-color-red-100: #ffd3d7;
+$gl-color-red-200: #ffafb8;
+$gl-color-red-300: #fc7988;
+$gl-color-red-400: #f15168;
+$gl-color-red-500: #de1d4b;
+$gl-color-red-600: #c52042;
+$gl-color-red-700: #ac203a;
+$gl-color-red-800: #891c2f;
+$gl-color-red-900: #641925;
+$gl-color-red-950: #48151d;
 $gl-font-family-regular: var(--default-regular-font, 'GitLab Sans'),'GitLab Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Noto Sans',Ubuntu,Cantarell,'Helvetica Neue',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';
 $gl-font-family-monospace: var(--default-mono-font, 'GitLab Mono'),'GitLab Mono','JetBrains Mono',Menlo,'DejaVu Sans Mono','Liberation Mono',Consolas,'Ubuntu Mono','Courier New','andale mono','lucida console',monospace;
 $gl-font-size-100: 0.75rem; // Used for meta text and small labels.
@@ -242,11 +242,11 @@ $gl-zindex-3: 3;
 $gl-zindex-4: 4;
 $gl-zindex-200: 200;
 $gl-zindex-9999: 9999;
-$gl-avatar-fallback-background-color-red: rgba(252, 181, 170, 0.23921568627450981); // Red background for avatar fallback with no particular meaning.
-$gl-avatar-fallback-background-color-purple: rgba(203, 187, 242, 0.23921568627450981); // Purple background for avatar fallback with no particular meaning.
-$gl-avatar-fallback-background-color-blue: rgba(157, 199, 241, 0.23921568627450981); // Blue background for avatar fallback with no particular meaning.
-$gl-avatar-fallback-background-color-green: rgba(145, 212, 168, 0.23921568627450981); // Green background for avatar fallback with no particular meaning.
-$gl-avatar-fallback-background-color-orange: rgba(233, 190, 116, 0.23921568627450981); // Orange background for avatar fallback with no particular meaning.
+$gl-avatar-fallback-background-color-red: rgba(255, 175, 184, 0.23921568627450981); // Red background for avatar fallback with no particular meaning.
+$gl-avatar-fallback-background-color-purple: rgba(201, 190, 239, 0.23921568627450981); // Purple background for avatar fallback with no particular meaning.
+$gl-avatar-fallback-background-color-blue: rgba(157, 200, 242, 0.23921568627450981); // Blue background for avatar fallback with no particular meaning.
+$gl-avatar-fallback-background-color-green: rgba(132, 212, 182, 0.23921568627450981); // Green background for avatar fallback with no particular meaning.
+$gl-avatar-fallback-background-color-orange: rgba(247, 185, 81, 0.23921568627450981); // Orange background for avatar fallback with no particular meaning.
 $gl-avatar-fallback-background-color-neutral: rgba(191, 191, 195, 0.23921568627450981); // Neutral background for avatar fallback with no particular meaning.
 $gl-broadcast-banner-background-color-blue: #235180; // Used for the background for the blue banner type.
 $gl-broadcast-banner-background-color-green: #1b653f; // Used for the background for the green banner type.
@@ -264,7 +264,7 @@ $gl-broadcast-banner-border-color-lightgreen: #1b653f; // Used for the border fo
 $gl-broadcast-banner-border-color-lightindigo: #41419f; // Used for the border for the lightindigo banner type.
 $gl-broadcast-banner-border-color-lightred: #8f2110; // Used for the border for the lightred banner type.
 $gl-broadcast-banner-border-color-red: #580d02; // Used for the border for the red banner type.
-$gl-chart-threshold-area-color: rgba(221, 43, 14, 0.1); // Used in charts to delineate a threshold area in a chart.
+$gl-chart-threshold-area-color: rgba(222, 29, 75, 0.1); // Used in charts to delineate a threshold area in a chart.
 $gl-illustration-stroke-color-default: #171321; // Default stroke color to define shape and provide essential detail.
 $gl-illustration-stroke-width-default: 2; // Default stroke width to define shape and provide essential detail.
 $gl-illustration-fill-color-default: #fff; // Default fill color for an element where specific meaning or emphasis is not required.
@@ -377,9 +377,9 @@ $t-white-a-02: rgba(255, 255, 255, 0.02) !default; // Use color.alpha.light.2 in
 $t-white-a-04: rgba(255, 255, 255, 0.04) !default; // Use color.alpha.light.4 instead.
 $t-white-a-06: rgba(255, 255, 255, 0.06) !default; // Use color.alpha.light.6 instead.
 $t-white-a-08: rgba(255, 255, 255, 0.08) !default; // Use color.alpha.light.8 instead.
-$gl-action-danger-background-color-default: rgba(245, 127, 108, 0); // Used for the background of a danger (destructive) action in the default state.
-$gl-action-danger-background-color-hover: rgba(245, 127, 108, 0.16); // Used for the background of a danger (destructive) action in the hover state.
-$gl-action-danger-background-color-active: rgba(174, 24, 0, 0.24); // Used for the background of a danger (destructive) action in the active state.
+$gl-action-danger-background-color-default: rgba(222, 29, 75, 0); // Used for the background of a danger (destructive) action in the default state.
+$gl-action-danger-background-color-hover: rgba(222, 29, 75, 0.16); // Used for the background of a danger (destructive) action in the hover state.
+$gl-action-danger-background-color-active: rgba(172, 32, 58, 0.24); // Used for the background of a danger (destructive) action in the active state.
 $gl-letter-spacing-heading: -0.01em;
 $gl-heading-3-letter-spacing: inherit;
 $gl-heading-4-letter-spacing: inherit;
@@ -575,20 +575,20 @@ $gl-button-confirm-secondary-border-color-default: $gl-color-neutral-800; // Use
 $gl-button-confirm-secondary-border-color-hover: $gl-color-neutral-950; // Used for the border of an outlined confirm (positive) button in the hover state.
 $gl-button-confirm-secondary-border-color-active: $gl-color-neutral-1000; // Used for the border of an outlined confirm (positive) button in the active state.
 $gl-button-danger-primary-foreground-color-default: $gl-color-neutral-0; // Used for the foreground of a danger (destructive) primary button in the default state.
-$gl-button-danger-primary-background-color-default: $gl-color-red-500; // Used for the background of a danger (destructive) primary button in the default state.
-$gl-button-danger-primary-background-color-hover: $gl-color-red-600; // Used for the background of a danger (destructive) primary button in the hover state.
-$gl-button-danger-primary-background-color-active: $gl-color-red-800; // Used for the background of a danger (destructive) primary button in the active state.
-$gl-button-danger-primary-border-color-default: $gl-color-red-600; // Used for the border of a danger (destructive) primary button in the default state.
-$gl-button-danger-primary-border-color-hover: $gl-color-red-800; // Used for the border of a danger (destructive) primary button in the hover state.
-$gl-button-danger-primary-border-color-active: $gl-color-red-900; // Used for the border of a danger (destructive) primary button in the active state.
-$gl-button-danger-secondary-foreground-color-default: $gl-color-red-500; // Used for the foreground of a danger (destructive) button in the default state.
-$gl-button-danger-secondary-foreground-color-hover: $gl-color-red-700; // Used for the foreground of a danger (destructive) button in the hover state.
+$gl-button-danger-primary-background-color-default: $gl-color-red-600; // Used for the background of a danger (destructive) primary button in the default state.
+$gl-button-danger-primary-background-color-hover: $gl-color-red-700; // Used for the background of a danger (destructive) primary button in the hover state.
+$gl-button-danger-primary-background-color-active: $gl-color-red-900; // Used for the background of a danger (destructive) primary button in the active state.
+$gl-button-danger-primary-border-color-default: $gl-color-red-700; // Used for the border of a danger (destructive) primary button in the default state.
+$gl-button-danger-primary-border-color-hover: $gl-color-red-900; // Used for the border of a danger (destructive) primary button in the hover state.
+$gl-button-danger-primary-border-color-active: $gl-color-red-950; // Used for the border of a danger (destructive) primary button in the active state.
+$gl-button-danger-secondary-foreground-color-default: $gl-color-red-600; // Used for the foreground of a danger (destructive) button in the default state.
+$gl-button-danger-secondary-foreground-color-hover: $gl-color-red-800; // Used for the foreground of a danger (destructive) button in the hover state.
 $gl-button-danger-secondary-foreground-color-active: $gl-color-red-900; // Used for the foreground of a danger (destructive) button in the active state.
 $gl-button-danger-secondary-background-color-default: $gl-color-neutral-0; // Used for the background of an outlined danger (destructive) button in the default state.
 $gl-button-danger-secondary-background-color-hover: $gl-color-red-50; // Used for the background of an outlined danger (destructive) button in the hover state.
 $gl-button-danger-secondary-background-color-active: $gl-color-red-100; // Used for the background of an outlined danger (destructive) button in the active state.
-$gl-button-danger-secondary-border-color-default: $gl-color-red-500; // Used for the border of an outlined danger (destructive) button in the default state.
-$gl-button-danger-secondary-border-color-hover: $gl-color-red-700; // Used for the border of an outlined danger (destructive) button in the hover state.
+$gl-button-danger-secondary-border-color-default: $gl-color-red-600; // Used for the border of an outlined danger (destructive) button in the default state.
+$gl-button-danger-secondary-border-color-hover: $gl-color-red-800; // Used for the border of an outlined danger (destructive) button in the hover state.
 $gl-button-danger-secondary-border-color-active: $gl-color-red-900; // Used for the border of an outlined danger (destructive) button in the active state.
 $gl-button-danger-tertiary-background-color-default: $gl-action-danger-background-color-default; // Used for the background of a borderless, tertiary danger (destructive) button in the default state.
 $gl-button-danger-tertiary-background-color-hover: $gl-action-danger-background-color-hover; // Used for the background of a borderless, tertiary danger (destructive) button in the hover state.
diff --git a/packages/tokens/src/constant/color.blue.tokens.json b/packages/tokens/src/constant/color.blue.tokens.json
index 5413574..9457cf2 100644
--- a/packages/tokens/src/constant/color.blue.tokens.json
+++ b/packages/tokens/src/constant/color.blue.tokens.json
@@ -5,12 +5,12 @@
         "$value": {
           "colorSpace": "srgb",
           "components": [
-            0.9137254901960784,
-            0.9529411764705882,
-            0.9882352941176471
+            0.9098039215686274,
+            0.9490196078431372,
+            0.9921568627450981
           ],
           "alpha": 1,
-          "hex": "#e9f3fc"
+          "hex": "#e8f2fd"
         },
         "$type": "color",
         "$extensions": {
@@ -21,12 +21,12 @@
         "$value": {
           "colorSpace": "srgb",
           "components": [
-            0.796078431372549,
-            0.8862745098039215,
+            0.7843137254901961,
+            0.8784313725490196,
             0.9764705882352941
           ],
           "alpha": 1,
-          "hex": "#cbe2f9"
+          "hex": "#c8e0f9"
         },
         "$type": "color",
         "$extensions": {
@@ -38,11 +38,11 @@
           "colorSpace": "srgb",
           "components": [
             0.615686274509804,
-            0.7803921568627451,
-            0.9450980392156862
+            0.7843137254901961,
+            0.9490196078431372
           ],
           "alpha": 1,
-          "hex": "#9dc7f1"
+          "hex": "#9dc8f2"
         },
         "$type": "color",
         "$extensions": {
@@ -53,12 +53,12 @@
         "$value": {
           "colorSpace": "srgb",
           "components": [
-            0.38823529411764707,
-            0.6509803921568628,
+            0.39215686274509803,
+            0.6549019607843137,
             0.9137254901960784
           ],
           "alpha": 1,
-          "hex": "#63a6e9"
+          "hex": "#64a7e9"
         },
         "$type": "color",
         "$extensions": {
@@ -69,12 +69,12 @@
         "$value": {
           "colorSpace": "srgb",
           "components": [
-            0.25882352941176473,
-            0.5607843137254902,
-            0.8627450980392157
+            0.24705882352941178,
+            0.5568627450980392,
+            0.8666666666666667
           ],
           "alpha": 1,
-          "hex": "#428fdc"
+          "hex": "#3f8edd"
         },
         "$type": "color",
         "$extensions": {
@@ -86,11 +86,11 @@
           "colorSpace": "srgb",
           "components": [
             0.12156862745098039,
-            0.4588235294117647,
-            0.796078431372549
+            0.45098039215686275,
+            0.792156862745098
           ],
           "alpha": 1,
-          "hex": "#1f75cb"
+          "hex": "#1f73ca"
         },
         "$type": "color",
         "$extensions": {
@@ -101,12 +101,12 @@
         "$value": {
           "colorSpace": "srgb",
           "components": [
-            0.1843137254901961,
-            0.40784313725490196,
-            0.7058823529411765
+            0.1450980392156863,
+            0.4,
+            0.7098039215686275
           ],
           "alpha": 1,
-          "hex": "#2f68b4"
+          "hex": "#2566b5"
         },
         "$type": "color",
         "$extensions": {
@@ -117,12 +117,12 @@
         "$value": {
           "colorSpace": "srgb",
           "components": [
-            0.1843137254901961,
-            0.3607843137254902,
-            0.6274509803921569
+            0.15294117647058825,
+            0.34901960784313724,
+            0.6235294117647059
           ],
           "alpha": 1,
-          "hex": "#2f5ca0"
+          "hex": "#27599f"
         },
         "$type": "color",
         "$extensions": {
@@ -133,12 +133,12 @@
         "$value": {
           "colorSpace": "srgb",
           "components": [
-            0.1568627450980392,
-            0.2784313725490196,
-            0.4745098039215686
+            0.1450980392156863,
+            0.27058823529411763,
+            0.5058823529411764
           ],
           "alpha": 1,
-          "hex": "#284779"
+          "hex": "#254581"
         },
         "$type": "color",
         "$extensions": {
@@ -149,12 +149,12 @@
         "$value": {
           "colorSpace": "srgb",
           "components": [
-            0.12941176470588237,
-            0.20392156862745098,
-            0.32941176470588235
+            0.12156862745098039,
+            0.19215686274509805,
+            0.4
           ],
           "alpha": 1,
-          "hex": "#213454"
+          "hex": "#1f3166"
         },
         "$type": "color",
         "$extensions": {
@@ -166,11 +166,11 @@
           "colorSpace": "srgb",
           "components": [
             0.11372549019607843,
-            0.1568627450980392,
-            0.24313725490196078
+            0.12941176470588237,
+            0.3254901960784314
           ],
           "alpha": 1,
-          "hex": "#1d283e"
+          "hex": "#1d2153"
         },
         "$type": "color",
         "$extensions": {
diff --git a/packages/tokens/src/constant/color.green.tokens.json b/packages/tokens/src/constant/color.green.tokens.json
index ab74bed..8360c1d 100644
--- a/packages/tokens/src/constant/color.green.tokens.json
+++ b/packages/tokens/src/constant/color.green.tokens.json
@@ -5,12 +5,12 @@
         "$value": {
           "colorSpace": "srgb",
           "components": [
-            0.9254901960784314,
-            0.9568627450980393,
-            0.9333333333333333
+            0.9019607843137255,
+            0.9607843137254902,
+            0.9176470588235294
           ],
           "alpha": 1,
-          "hex": "#ecf4ee"
+          "hex": "#e6f5ea"
         },
         "$type": "color",
         "$extensions": {
@@ -21,12 +21,12 @@
         "$value": {
           "colorSpace": "srgb",
           "components": [
-            0.7647058823529411,
+            0.7450980392156863,
             0.9019607843137255,
-            0.803921568627451
+            0.8156862745098039
           ],
           "alpha": 1,
-          "hex": "#c3e6cd"
+          "hex": "#bee6d0"
         },
         "$type": "color",
         "$extensions": {
@@ -37,12 +37,12 @@
         "$value": {
           "colorSpace": "srgb",
           "components": [
-            0.5686274509803921,
+            0.5176470588235295,
             0.8313725490196079,
-            0.6588235294117647
+            0.7137254901960784
           ],
           "alpha": 1,
-          "hex": "#91d4a8"
+          "hex": "#84d4b6"
         },
         "$type": "color",
         "$extensions": {
@@ -53,12 +53,12 @@
         "$value": {
           "colorSpace": "srgb",
           "components": [
-            0.3215686274509804,
-            0.7215686274509804,
-            0.47843137254901963
+            0.20784313725490197,
+            0.7098039215686275,
+            0.592156862745098
           ],
           "alpha": 1,
-          "hex": "#52b87a"
+          "hex": "#35b597"
         },
         "$type": "color",
         "$extensions": {
@@ -69,12 +69,12 @@
         "$value": {
           "colorSpace": "srgb",
           "components": [
-            0.17647058823529413,
-            0.6313725490196078,
-            0.3764705882352941
+            0.07058823529411765,
+            0.611764705882353,
+            0.5176470588235295
           ],
           "alpha": 1,
-          "hex": "#2da160"
+          "hex": "#129c84"
         },
         "$type": "color",
         "$extensions": {
@@ -85,12 +85,12 @@
         "$value": {
           "colorSpace": "srgb",
           "components": [
-            0.06274509803921569,
-            0.5215686274509804,
-            0.2823529411764706
+            0.050980392156862744,
+            0.5019607843137255,
+            0.4392156862745098
           ],
           "alpha": 1,
-          "hex": "#108548"
+          "hex": "#0d8070"
         },
         "$type": "color",
         "$extensions": {
@@ -101,12 +101,12 @@
         "$value": {
           "colorSpace": "srgb",
           "components": [
-            0.1843137254901961,
-            0.4588235294117647,
-            0.28627450980392155
+            0.047058823529411764,
+            0.4470588235294118,
+            0.396078431372549
           ],
           "alpha": 1,
-          "hex": "#2f7549"
+          "hex": "#0c7265"
         },
         "$type": "color",
         "$extensions": {
@@ -117,12 +117,12 @@
         "$value": {
           "colorSpace": "srgb",
           "components": [
-            0.18823529411764706,
+            0.043137254901960784,
             0.39215686274509803,
-            0.25098039215686274
+            0.35294117647058826
           ],
           "alpha": 1,
-          "hex": "#306440"
+          "hex": "#0b645a"
         },
         "$type": "color",
         "$extensions": {
@@ -133,12 +133,12 @@
         "$value": {
           "colorSpace": "srgb",
           "components": [
-            0.13333333333333333,
-            0.3176470588235294,
-            0.19215686274509805
+            0.027450980392156862,
+            0.3137254901960784,
+            0.2823529411764706
           ],
           "alpha": 1,
-          "hex": "#225131"
+          "hex": "#075048"
         },
         "$type": "color",
         "$extensions": {
@@ -149,12 +149,12 @@
         "$value": {
           "colorSpace": "srgb",
           "components": [
-            0.11764705882352941,
-            0.24313725490196078,
-            0.1568627450980392
+            0,
+            0.23529411764705882,
+            0.21176470588235294
           ],
           "alpha": 1,
-          "hex": "#1e3e28"
+          "hex": "#003c36"
         },
         "$type": "color",
         "$extensions": {
@@ -165,12 +165,12 @@
         "$value": {
           "colorSpace": "srgb",
           "components": [
-            0.09019607843137255,
-            0.1607843137254902,
-            0.10980392156862745
+            0,
+            0.17254901960784313,
+            0.14901960784313725
           ],
           "alpha": 1,
-          "hex": "#17291c"
+          "hex": "#002c26"
         },
         "$type": "color",
         "$extensions": {
diff --git a/packages/tokens/src/constant/color.orange.tokens.json b/packages/tokens/src/constant/color.orange.tokens.json
index d4c8665..b62075b 100644
--- a/packages/tokens/src/constant/color.orange.tokens.json
+++ b/packages/tokens/src/constant/color.orange.tokens.json
@@ -6,11 +6,11 @@
           "colorSpace": "srgb",
           "components": [
             0.9921568627450981,
-            0.9450980392156862,
-            0.8666666666666667
+            0.9411764705882353,
+            0.8352941176470589
           ],
           "alpha": 1,
-          "hex": "#fdf1dd"
+          "hex": "#fdf0d5"
         },
         "$type": "color",
         "$extensions": {
@@ -21,12 +21,12 @@
         "$value": {
           "colorSpace": "srgb",
           "components": [
-            0.9607843137254902,
-            0.8509803921568627,
-            0.6588235294117647
+            0.9803921568627451,
+            0.8549019607843137,
+            0.611764705882353
           ],
           "alpha": 1,
-          "hex": "#f5d9a8"
+          "hex": "#fada9c"
         },
         "$type": "color",
         "$extensions": {
@@ -37,12 +37,12 @@
         "$value": {
           "colorSpace": "srgb",
           "components": [
-            0.9137254901960784,
-            0.7450980392156863,
-            0.4549019607843137
+            0.9686274509803922,
+            0.7254901960784313,
+            0.3176470588235294
           ],
           "alpha": 1,
-          "hex": "#e9be74"
+          "hex": "#f7b951"
         },
         "$type": "color",
         "$extensions": {
@@ -53,12 +53,12 @@
         "$value": {
           "colorSpace": "srgb",
           "components": [
-            0.8509803921568627,
-            0.5843137254901961,
-            0.18823529411764706
+            0.984313725490196,
+            0.5019607843137255,
+            0.09019607843137255
           ],
           "alpha": 1,
-          "hex": "#d99530"
+          "hex": "#fb8017"
         },
         "$type": "color",
         "$extensions": {
@@ -69,12 +69,12 @@
         "$value": {
           "colorSpace": "srgb",
           "components": [
-            0.7568627450980392,
-            0.49019607843137253,
-            0.06274509803921569
+            0.9137254901960784,
+            0.37254901960784315,
+            0.12941176470588237
           ],
           "alpha": 1,
-          "hex": "#c17d10"
+          "hex": "#e95f21"
         },
         "$type": "color",
         "$extensions": {
@@ -85,12 +85,12 @@
         "$value": {
           "colorSpace": "srgb",
           "components": [
-            0.6705882352941176,
-            0.3803921568627451,
-            0
+            0.7803921568627451,
+            0.2823529411764706,
+            0.08627450980392157
           ],
           "alpha": 1,
-          "hex": "#ab6100"
+          "hex": "#c74816"
         },
         "$type": "color",
         "$extensions": {
@@ -101,12 +101,12 @@
         "$value": {
           "colorSpace": "srgb",
           "components": [
-            0.6,
-            0.3411764705882353,
-            0.08235294117647059
+            0.7019607843137254,
+            0.25098039215686274,
+            0.07450980392156863
           ],
           "alpha": 1,
-          "hex": "#995715"
+          "hex": "#b34013"
         },
         "$type": "color",
         "$extensions": {
@@ -117,12 +117,12 @@
         "$value": {
           "colorSpace": "srgb",
           "components": [
-            0.5372549019607843,
-            0.29411764705882354,
-            0.08627450980392157
+            0.6196078431372549,
+            0.2196078431372549,
+            0.06666666666666667
           ],
           "alpha": 1,
-          "hex": "#894b16"
+          "hex": "#9e3811"
         },
         "$type": "color",
         "$extensions": {
@@ -133,12 +133,12 @@
         "$value": {
           "colorSpace": "srgb",
           "components": [
-            0.4117647058823529,
-            0.23529411764705882,
-            0.0784313725490196
+            0.49019607843137253,
+            0.17647058823529413,
+            0.054901960784313725
           ],
           "alpha": 1,
-          "hex": "#693c14"
+          "hex": "#7d2d0e"
         },
         "$type": "color",
         "$extensions": {
@@ -149,12 +149,12 @@
         "$value": {
           "colorSpace": "srgb",
           "components": [
-            0.3254901960784314,
-            0.1803921568627451,
-            0.08627450980392157
+            0.36470588235294116,
+            0.13333333333333333,
+            0.050980392156862744
           ],
           "alpha": 1,
-          "hex": "#532e16"
+          "hex": "#5d220d"
         },
         "$type": "color",
         "$extensions": {
@@ -165,12 +165,12 @@
         "$value": {
           "colorSpace": "srgb",
           "components": [
-            0.2196078431372549,
-            0.13725490196078433,
-            0.08235294117647059
+            0.27450980392156865,
+            0.09411764705882353,
+            0.027450980392156862
           ],
           "alpha": 1,
-          "hex": "#382315"
+          "hex": "#461807"
         },
         "$type": "color",
         "$extensions": {
diff --git a/packages/tokens/src/constant/color.purple.tokens.json b/packages/tokens/src/constant/color.purple.tokens.json
index c9744bf..ed016c9 100644
--- a/packages/tokens/src/constant/color.purple.tokens.json
+++ b/packages/tokens/src/constant/color.purple.tokens.json
@@ -7,10 +7,10 @@
           "components": [
             0.9568627450980393,
             0.9411764705882353,
-            1
+            0.9882352941176471
           ],
           "alpha": 1,
-          "hex": "#f4f0ff"
+          "hex": "#f4f0fc"
         },
         "$type": "color",
         "$extensions": {
@@ -22,11 +22,11 @@
           "colorSpace": "srgb",
           "components": [
             0.8823529411764706,
-            0.8470588235294118,
-            0.9764705882352941
+            0.8549019607843137,
+            0.9686274509803922
           ],
           "alpha": 1,
-          "hex": "#e1d8f9"
+          "hex": "#e1daf7"
         },
         "$type": "color",
         "$extensions": {
@@ -37,12 +37,12 @@
         "$value": {
           "colorSpace": "srgb",
           "components": [
-            0.796078431372549,
-            0.7333333333333333,
-            0.9490196078431372
+            0.788235294117647,
+            0.7450980392156863,
+            0.9372549019607843
           ],
           "alpha": 1,
-          "hex": "#cbbbf2"
+          "hex": "#c9beef"
         },
         "$type": "color",
         "$extensions": {
@@ -53,12 +53,12 @@
         "$value": {
           "colorSpace": "srgb",
           "components": [
-            0.6745098039215687,
-            0.5764705882352941,
-            0.9019607843137255
+            0.6627450980392157,
+            0.592156862745098,
+            0.8823529411764706
           ],
           "alpha": 1,
-          "hex": "#ac93e6"
+          "hex": "#a997e1"
         },
         "$type": "color",
         "$extensions": {
@@ -69,12 +69,12 @@
         "$value": {
           "colorSpace": "srgb",
           "components": [
-            0.5803921568627451,
-            0.4588235294117647,
-            0.8588235294117647
+            0.5725490196078431,
+            0.48627450980392156,
+            0.8431372549019608
           ],
           "alpha": 1,
-          "hex": "#9475db"
+          "hex": "#927cd7"
         },
         "$type": "color",
         "$extensions": {
@@ -85,12 +85,12 @@
         "$value": {
           "colorSpace": "srgb",
           "components": [
-            0.4823529411764706,
-            0.34509803921568627,
-            0.8117647058823529
+            0.47058823529411764,
+            0.3843137254901961,
+            0.7843137254901961
           ],
           "alpha": 1,
-          "hex": "#7b58cf"
+          "hex": "#7862c8"
         },
         "$type": "color",
         "$extensions": {
@@ -102,11 +102,11 @@
           "colorSpace": "srgb",
           "components": [
             0.41568627450980394,
-            0.30980392156862746,
-            0.7058823529411765
+            0.32941176470588235,
+            0.7529411764705882
           ],
           "alpha": 1,
-          "hex": "#6a4fb4"
+          "hex": "#6a54c0"
         },
         "$type": "color",
         "$extensions": {
@@ -117,12 +117,12 @@
         "$value": {
           "colorSpace": "srgb",
           "components": [
-            0.3607843137254902,
-            0.2784313725490196,
-            0.6509803921568628
+            0.3568627450980392,
+            0.27450980392156865,
+            0.7215686274509804
           ],
           "alpha": 1,
-          "hex": "#5c47a6"
+          "hex": "#5b46b8"
         },
         "$type": "color",
         "$extensions": {
@@ -133,12 +133,12 @@
         "$value": {
           "colorSpace": "srgb",
           "components": [
-            0.28627450980392155,
-            0.23529411764705882,
-            0.5137254901960784
+            0.2823529411764706,
+            0.21176470588235294,
+            0.596078431372549
           ],
           "alpha": 1,
-          "hex": "#493c83"
+          "hex": "#483698"
         },
         "$type": "color",
         "$extensions": {
@@ -149,12 +149,12 @@
         "$value": {
           "colorSpace": "srgb",
           "components": [
-            0.20392156862745098,
-            0.17647058823529413,
-            0.34901960784313724
+            0.21176470588235294,
+            0.14901960784313725,
+            0.4627450980392157
           ],
           "alpha": 1,
-          "hex": "#342d59"
+          "hex": "#362676"
         },
         "$type": "color",
         "$extensions": {
@@ -165,12 +165,12 @@
         "$value": {
           "colorSpace": "srgb",
           "components": [
-            0.15294117647058825,
-            0.1411764705882353,
-            0.24313725490196078
+            0.1607843137254902,
+            0.10196078431372549,
+            0.3607843137254902
           ],
           "alpha": 1,
-          "hex": "#27243e"
+          "hex": "#291a5c"
         },
         "$type": "color",
         "$extensions": {
diff --git a/packages/tokens/src/constant/color.red.tokens.json b/packages/tokens/src/constant/color.red.tokens.json
index 8359e45..5b6528a 100644
--- a/packages/tokens/src/constant/color.red.tokens.json
+++ b/packages/tokens/src/constant/color.red.tokens.json
@@ -5,12 +5,12 @@
         "$value": {
           "colorSpace": "srgb",
           "components": [
-            0.9882352941176471,
-            0.9450980392156862,
-            0.9372549019607843
+            0.996078431372549,
+            0.9333333333333333,
+            0.9411764705882353
           ],
           "alpha": 1,
-          "hex": "#fcf1ef"
+          "hex": "#feeef0"
         },
         "$type": "color",
         "$extensions": {
@@ -21,12 +21,12 @@
         "$value": {
           "colorSpace": "srgb",
           "components": [
-            0.9921568627450981,
-            0.8313725490196079,
-            0.803921568627451
+            1,
+            0.8274509803921568,
+            0.8431372549019608
           ],
           "alpha": 1,
-          "hex": "#fdd4cd"
+          "hex": "#ffd3d7"
         },
         "$type": "color",
         "$extensions": {
@@ -37,12 +37,12 @@
         "$value": {
           "colorSpace": "srgb",
           "components": [
-            0.9882352941176471,
-            0.7098039215686275,
-            0.6666666666666666
+            1,
+            0.6862745098039216,
+            0.7215686274509804
           ],
           "alpha": 1,
-          "hex": "#fcb5aa"
+          "hex": "#ffafb8"
         },
         "$type": "color",
         "$extensions": {
@@ -53,12 +53,12 @@
         "$value": {
           "colorSpace": "srgb",
           "components": [
-            0.9647058823529412,
-            0.5019607843137255,
-            0.42745098039215684
+            0.9882352941176471,
+            0.4745098039215686,
+            0.5333333333333333
           ],
           "alpha": 1,
-          "hex": "#f6806d"
+          "hex": "#fc7988"
         },
         "$type": "color",
         "$extensions": {
@@ -69,12 +69,12 @@
         "$value": {
           "colorSpace": "srgb",
           "components": [
-            0.9254901960784314,
-            0.34901960784313724,
-            0.2549019607843137
+            0.9450980392156862,
+            0.3176470588235294,
+            0.40784313725490196
           ],
           "alpha": 1,
-          "hex": "#ec5941"
+          "hex": "#f15168"
         },
         "$type": "color",
         "$extensions": {
@@ -85,12 +85,12 @@
         "$value": {
           "colorSpace": "srgb",
           "components": [
-            0.8666666666666667,
-            0.16862745098039217,
-            0.054901960784313725
+            0.8705882352941177,
+            0.11372549019607843,
+            0.29411764705882354
           ],
           "alpha": 1,
-          "hex": "#dd2b0e"
+          "hex": "#de1d4b"
         },
         "$type": "color",
         "$extensions": {
@@ -101,12 +101,12 @@
         "$value": {
           "colorSpace": "srgb",
           "components": [
-            0.7529411764705882,
-            0.1843137254901961,
-            0.07058823529411765
+            0.7725490196078432,
+            0.12549019607843137,
+            0.25882352941176473
           ],
           "alpha": 1,
-          "hex": "#c02f12"
+          "hex": "#c52042"
         },
         "$type": "color",
         "$extensions": {
@@ -117,12 +117,12 @@
         "$value": {
           "colorSpace": "srgb",
           "components": [
-            0.6392156862745098,
-            0.17254901960784313,
-            0.07058823529411765
+            0.6745098039215687,
+            0.12549019607843137,
+            0.22745098039215686
           ],
           "alpha": 1,
-          "hex": "#a32c12"
+          "hex": "#ac203a"
         },
         "$type": "color",
         "$extensions": {
@@ -133,12 +133,12 @@
         "$value": {
           "colorSpace": "srgb",
           "components": [
-            0.5058823529411764,
-            0.15294117647058825,
-            0.07450980392156863
+            0.5372549019607843,
+            0.10980392156862745,
+            0.1843137254901961
           ],
           "alpha": 1,
-          "hex": "#812713"
+          "hex": "#891c2f"
         },
         "$type": "color",
         "$extensions": {
@@ -149,12 +149,12 @@
         "$value": {
           "colorSpace": "srgb",
           "components": [
-            0.34509803921568627,
-            0.12549019607843137,
-            0.0784313725490196
+            0.39215686274509803,
+            0.09803921568627451,
+            0.1450980392156863
           ],
           "alpha": 1,
-          "hex": "#582014"
+          "hex": "#641925"
         },
         "$type": "color",
         "$extensions": {
@@ -165,12 +165,12 @@
         "$value": {
           "colorSpace": "srgb",
           "components": [
-            0.24313725490196078,
-            0.10196078431372549,
-            0.0784313725490196
+            0.2823529411764706,
+            0.08235294117647059,
+            0.11372549019607843
           ],
           "alpha": 1,
-          "hex": "#3e1a14"
+          "hex": "#48151d"
         },
         "$type": "color",
         "$extensions": {
diff --git a/packages/tokens/src/contextual/avatar.tokens.json b/packages/tokens/src/contextual/avatar.tokens.json
index 66fa37a..da9bcd7 100644
--- a/packages/tokens/src/contextual/avatar.tokens.json
+++ b/packages/tokens/src/contextual/avatar.tokens.json
@@ -161,9 +161,9 @@
             "$value": {
               "colorSpace": "srgb",
               "components": [
-                0.9882352941176471,
-                0.7098039215686275,
-                0.6666666666666666
+                1,
+                0.6862745098039216,
+                0.7215686274509804
               ],
               "alpha": 0.23921568627450981
             },
@@ -180,9 +180,9 @@
             "$value": {
               "colorSpace": "srgb",
               "components": [
-                0.796078431372549,
-                0.7333333333333333,
-                0.9490196078431372
+                0.788235294117647,
+                0.7450980392156863,
+                0.9372549019607843
               ],
               "alpha": 0.23921568627450981
             },
@@ -200,8 +200,8 @@
               "colorSpace": "srgb",
               "components": [
                 0.615686274509804,
-                0.7803921568627451,
-                0.9450980392156862
+                0.7843137254901961,
+                0.9490196078431372
               ],
               "alpha": 0.23921568627450981
             },
@@ -218,9 +218,9 @@
             "$value": {
               "colorSpace": "srgb",
               "components": [
-                0.5686274509803921,
+                0.5176470588235295,
                 0.8313725490196079,
-                0.6588235294117647
+                0.7137254901960784
               ],
               "alpha": 0.23921568627450981
             },
@@ -237,9 +237,9 @@
             "$value": {
               "colorSpace": "srgb",
               "components": [
-                0.9137254901960784,
-                0.7450980392156863,
-                0.4549019607843137
+                0.9686274509803922,
+                0.7254901960784313,
+                0.3176470588235294
               ],
               "alpha": 0.23921568627450981
             },
diff --git a/packages/tokens/src/contextual/button.tokens.json b/packages/tokens/src/contextual/button.tokens.json
index dfee553..56c025f 100644
--- a/packages/tokens/src/contextual/button.tokens.json
+++ b/packages/tokens/src/contextual/button.tokens.json
@@ -867,8 +867,8 @@
           "color": {
             "default": {
               "$value": {
-                "default": "{color.red.500}",
-                "dark": "{color.red.300}"
+                "default": "{color.red.600}",
+                "dark": "{color.red.400}"
               },
               "$type": "color",
               "$description": "Used for the background of a danger (destructive) primary button in the default state.",
@@ -881,8 +881,8 @@
             },
             "hover": {
               "$value": {
-                "default": "{color.red.600}",
-                "dark": "{color.red.200}"
+                "default": "{color.red.700}",
+                "dark": "{color.red.300}"
               },
               "$type": "color",
               "$description": "Used for the background of a danger (destructive) primary button in the hover state.",
@@ -906,8 +906,8 @@
             },
             "active": {
               "$value": {
-                "default": "{color.red.800}",
-                "dark": "{color.red.400}"
+                "default": "{color.red.900}",
+                "dark": "{color.red.200}"
               },
               "$type": "color",
               "$description": "Used for the background of a danger (destructive) primary button in the active state.",
@@ -924,7 +924,7 @@
           "color": {
             "default": {
               "$value": {
-                "default": "{color.red.600}",
+                "default": "{color.red.700}",
                 "dark": "{color.alpha.0}"
               },
               "$type": "color",
@@ -937,7 +937,7 @@
             },
             "hover": {
               "$value": {
-                "default": "{color.red.800}",
+                "default": "{color.red.900}",
                 "dark": "{color.alpha.0}"
               },
               "$type": "color",
@@ -960,7 +960,7 @@
             },
             "active": {
               "$value": {
-                "default": "{color.red.900}",
+                "default": "{color.red.950}",
                 "dark": "{color.alpha.0}"
               },
               "$type": "color",
@@ -979,7 +979,7 @@
           "color": {
             "default": {
               "$value": {
-                "default": "{color.red.500}",
+                "default": "{color.red.600}",
                 "dark": "{color.red.100}"
               },
               "$type": "color",
@@ -993,7 +993,7 @@
             },
             "hover": {
               "$value": {
-                "default": "{color.red.700}",
+                "default": "{color.red.800}",
                 "dark": "{color.red.50}"
               },
               "$type": "color",
@@ -1040,9 +1040,9 @@
                 "dark": {
                   "colorSpace": "srgb",
                   "components": [
-                    0.9254901960784314,
-                    0.34901960784313724,
-                    0.2549019607843137
+                    0.9450980392156862,
+                    0.3176470588235294,
+                    0.40784313725490196
                   ],
                   "alpha": 0.4
                 }
@@ -1062,9 +1062,9 @@
                 "dark": {
                   "colorSpace": "srgb",
                   "components": [
-                    0.9254901960784314,
-                    0.34901960784313724,
-                    0.2549019607843137
+                    0.9450980392156862,
+                    0.3176470588235294,
+                    0.40784313725490196
                   ],
                   "alpha": 0.64
                 }
@@ -1095,9 +1095,9 @@
                 "dark": {
                   "colorSpace": "srgb",
                   "components": [
-                    0.9254901960784314,
-                    0.34901960784313724,
-                    0.2549019607843137
+                    0.9450980392156862,
+                    0.3176470588235294,
+                    0.40784313725490196
                   ],
                   "alpha": 0.32
                 }
@@ -1117,7 +1117,7 @@
           "color": {
             "default": {
               "$value": {
-                "default": "{color.red.500}",
+                "default": "{color.red.600}",
                 "dark": "{color.alpha.0}"
               },
               "$type": "color",
@@ -1130,7 +1130,7 @@
             },
             "hover": {
               "$value": {
-                "default": "{color.red.700}",
+                "default": "{color.red.800}",
                 "dark": "{color.alpha.0}"
               },
               "$type": "color",
diff --git a/packages/tokens/src/contextual/chart.tokens.json b/packages/tokens/src/contextual/chart.tokens.json
index c493aa1..579767e 100644
--- a/packages/tokens/src/contextual/chart.tokens.json
+++ b/packages/tokens/src/contextual/chart.tokens.json
@@ -47,9 +47,9 @@
           "$value": {
             "colorSpace": "srgb",
             "components": [
-              0.8666666666666667,
-              0.16862745098039217,
-              0.054901960784313725
+              0.8705882352941177,
+              0.11372549019607843,
+              0.29411764705882354
             ],
             "alpha": 0.1
           },
diff --git a/packages/tokens/src/semantic/action.tokens.json b/packages/tokens/src/semantic/action.tokens.json
index 0441ddd..f64faac 100644
--- a/packages/tokens/src/semantic/action.tokens.json
+++ b/packages/tokens/src/semantic/action.tokens.json
@@ -602,18 +602,18 @@
               "default": {
                 "colorSpace": "srgb",
                 "components": [
-                  0.9607843137254902,
-                  0.4980392156862745,
-                  0.4235294117647059
+                  0.8705882352941177,
+                  0.11372549019607843,
+                  0.29411764705882354
                 ],
                 "alpha": 0
               },
               "dark": {
                 "colorSpace": "srgb",
                 "components": [
-                  0.9254901960784314,
-                  0.34901960784313724,
-                  0.2549019607843137
+                  0.9450980392156862,
+                  0.3176470588235294,
+                  0.40784313725490196
                 ],
                 "alpha": 0
               }
@@ -632,18 +632,18 @@
               "default": {
                 "colorSpace": "srgb",
                 "components": [
-                  0.9607843137254902,
-                  0.4980392156862745,
-                  0.4235294117647059
+                  0.8705882352941177,
+                  0.11372549019607843,
+                  0.29411764705882354
                 ],
                 "alpha": 0.16
               },
               "dark": {
                 "colorSpace": "srgb",
                 "components": [
-                  0.9254901960784314,
-                  0.34901960784313724,
-                  0.2549019607843137
+                  0.9450980392156862,
+                  0.3176470588235294,
+                  0.40784313725490196
                 ],
                 "alpha": 0.4
               }
@@ -673,18 +673,18 @@
               "default": {
                 "colorSpace": "srgb",
                 "components": [
-                  0.6823529411764706,
-                  0.09411764705882353,
-                  0
+                  0.6745098039215687,
+                  0.12549019607843137,
+                  0.22745098039215686
                 ],
                 "alpha": 0.24
               },
               "dark": {
                 "colorSpace": "srgb",
                 "components": [
-                  0.9254901960784314,
-                  0.34901960784313724,
-                  0.2549019607843137
+                  0.9450980392156862,
+                  0.3176470588235294,
+                  0.40784313725490196
                 ],
                 "alpha": 0.16
               }