diff --git a/package.json b/package.json
index adfe07c55b..27237b2daa 100644
--- a/package.json
+++ b/package.json
@@ -181,7 +181,7 @@
     {
       "path": "lib/components/internal/widget-exports.js",
       "brotli": false,
-      "limit": "1360 kB",
+      "limit": "1370 kB",
       "ignore": "react-dom"
     }
   ],
diff --git a/pages/box/visual-accent.page.tsx b/pages/box/visual-accent.page.tsx
index fca512442b..906f75144c 100644
--- a/pages/box/visual-accent.page.tsx
+++ b/pages/box/visual-accent.page.tsx
@@ -15,29 +15,28 @@ import ScreenshotArea from '../utils/screenshot-area';
 // ─── Data ──────────────────────────────────────────────────────────────────────
 
 const ALL_VARIANTS: BoxProps.VisualAccent.Color[] = [
-  'red',
-  'yellow',
+  'grey',
   'indigo',
+  'red',
   'green',
-  'orange',
-  'purple',
-  'mint',
-  'lime',
-  'grey',
+  'yellow',
+
+  'amber',
   'teal',
-  'cyan',
+  'purple',
   'blue',
-  'violet',
-  'fuchsia',
   'magenta',
+  'lime',
+
+  'violet',
+
   'pink',
-  'rose',
-  'amber',
+  'orange',
 ];
 
 const BOX_VARIANTS: { variant: BoxProps['variant']; label: string; content: string }[] = [
-  { variant: 'h3', label: 'h3', content: 'Heading 3' },
-  { variant: 'p', label: 'p', content: 'Body paragraph text' },
+  { variant: 'h3', label: 'h3', content: 'Heading' },
+  { variant: 'p', label: 'p', content: 'Paragraph' },
 ];
 
 const LIST_ITEMS: { id: string; content: string; icon: string; color: BoxProps.VisualAccent.Color }[] = [
@@ -46,7 +45,7 @@ const LIST_ITEMS: { id: string; content: string; icon: string; color: BoxProps.V
   { id: 'network', content: 'Network configuration', icon: 'globe', color: 'grey' },
   { id: 'multi-session', content: 'Multi-session data', icon: 'multiscreen', color: 'purple' },
   { id: 'alert', content: 'Alert center', icon: 'security', color: 'red' },
-  { id: 'communication', content: 'Communication', icon: 'contact', color: 'mint' },
+  { id: 'communication', content: 'Communication', icon: 'contact', color: 'teal' },
 ];
 
 // ─── Page ──────────────────────────────────────────────────────────────────────
@@ -114,7 +113,7 @@ export default function StyleBoxPage() {
                 label: 'Components',
                 value: (
                   <Box
-                    visualAccent={{ color: 'mint' }}
+                    visualAccent={{ color: 'teal' }}
                     padding={{ horizontal: 'xxxs', vertical: 'xxxs' }}
                     margin={{ top: 'xxs' }}
                   >
@@ -126,7 +125,7 @@ export default function StyleBoxPage() {
                 label: 'Patterns',
                 value: (
                   <Box
-                    visualAccent={{ color: 'mint' }}
+                    visualAccent={{ color: 'teal' }}
                     padding={{ horizontal: 'xxxs', vertical: 'xxxs' }}
                     margin={{ top: 'xxs' }}
                   >
@@ -138,7 +137,7 @@ export default function StyleBoxPage() {
                 label: 'Demos',
                 value: (
                   <Box
-                    visualAccent={{ color: 'mint' }}
+                    visualAccent={{ color: 'teal' }}
                     padding={{ horizontal: 'xxxs', vertical: 'xxxs' }}
                     margin={{ top: 'xxs' }}
                   >
diff --git a/src/__integ__/__snapshots__/themes.test.ts.snap b/src/__integ__/__snapshots__/themes.test.ts.snap
index 498ec5bd89..30b658079c 100644
--- a/src/__integ__/__snapshots__/themes.test.ts.snap
+++ b/src/__integ__/__snapshots__/themes.test.ts.snap
@@ -214,6 +214,20 @@ exports[`CSS Custom Properties match previous snapshot for mode "compact" 1`] =
   "color-background-toggle-button-normal-pressed": "#eaeded",
   "color-background-toggle-checked-disabled": "#99cbe4",
   "color-background-toggle-default": "#545b64",
+  "color-background-visual-accent-amber": "rgba(255, 232, 189, 0.7)",
+  "color-background-visual-accent-blue": "rgba(209, 241, 255, 0.6)",
+  "color-background-visual-accent-green": "#d9ffd6",
+  "color-background-visual-accent-grey": "#eaeded",
+  "color-background-visual-accent-indigo": "#dbe4ff",
+  "color-background-visual-accent-lime": "#ebffcc",
+  "color-background-visual-accent-magenta": "rgba(255, 224, 251, 0.6)",
+  "color-background-visual-accent-orange": "rgba(255, 224, 214, 0.6)",
+  "color-background-visual-accent-pink": "rgba(255, 224, 240, 0.7)",
+  "color-background-visual-accent-purple": "rgba(242, 229, 255, 0.6)",
+  "color-background-visual-accent-red": "#ffe0e0",
+  "color-background-visual-accent-teal": "rgba(204, 255, 252, 0.7)",
+  "color-background-visual-accent-violet": "rgba(232, 229, 255, 0.6)",
+  "color-background-visual-accent-yellow": "#fffbbd",
   "color-black": "#000000",
   "color-board-placeholder-active": "#d5dbdb",
   "color-board-placeholder-hover": "#99cbe4",
@@ -470,6 +484,7 @@ exports[`CSS Custom Properties match previous snapshot for mode "compact" 1`] =
   "color-error-400": "#ff5d64",
   "color-error-50": "#fdf3f1",
   "color-error-600": "#d13212",
+  "color-error-700": "#c20000",
   "color-error-800": "#990000",
   "color-error-900": "#700000",
   "color-error-950": "#520000",
@@ -499,6 +514,7 @@ exports[`CSS Custom Properties match previous snapshot for mode "compact" 1`] =
   "color-info-800": "#003b8f",
   "color-info-950": "#00204d",
   "color-item-selected": "#0073bb",
+  "color-lime-100": "#ebffcc",
   "color-neutral-100": "#fafafa",
   "color-neutral-1000": "#06080a",
   "color-neutral-150": "#f6f6f9",
@@ -544,6 +560,7 @@ exports[`CSS Custom Properties match previous snapshot for mode "compact" 1`] =
   "color-stroke-chart-line": "#879596",
   "color-success-100": "#d9ffd6",
   "color-success-1000": "#172211",
+  "color-success-200": "#aeffa8",
   "color-success-400": "#00e500",
   "color-success-50": "#f2f8f0",
   "color-success-500": "#6aaf35",
@@ -682,10 +699,25 @@ exports[`CSS Custom Properties match previous snapshot for mode "compact" 1`] =
   "color-text-top-navigation-title": "#16191f",
   "color-text-tutorial-hotspot-default": "#0073bb",
   "color-text-tutorial-hotspot-hover": "#0a4a74",
+  "color-text-visual-accent-amber": "#9e3700",
+  "color-text-visual-accent-blue": "#006ce0",
+  "color-text-visual-accent-green": "#1d8102",
+  "color-text-visual-accent-grey": "#1a2029",
+  "color-text-visual-accent-indigo": "#003b8f",
+  "color-text-visual-accent-lime": "#007000",
+  "color-text-visual-accent-magenta": "#b2008f",
+  "color-text-visual-accent-orange": "#a82700",
+  "color-text-visual-accent-pink": "#bb005d",
+  "color-text-visual-accent-purple": "#962eff",
+  "color-text-visual-accent-red": "#c20000",
+  "color-text-visual-accent-teal": "#008077",
+  "color-text-visual-accent-violet": "#6842ff",
+  "color-text-visual-accent-yellow": "#906806",
   "color-transparent": "transparent",
   "color-tree-view-connector-line": "#879596",
   "color-warning-100": "#fffbbd",
   "color-warning-1000": "#191100",
+  "color-warning-200": "#fef571",
   "color-warning-400": "#ffe347",
   "color-warning-50": "#fffef0",
   "color-warning-500": "#fbd332",
@@ -1164,6 +1196,20 @@ exports[`CSS Custom Properties match previous snapshot for mode "dark" 1`] = `
   "color-background-toggle-button-normal-pressed": "#16191f",
   "color-background-toggle-checked-disabled": "#0a4a74",
   "color-background-toggle-default": "#879596",
+  "color-background-visual-accent-amber": "rgba(250, 111, 0, 0.2)",
+  "color-background-visual-accent-blue": "rgba(0, 153, 255, 0.2)",
+  "color-background-visual-accent-green": "rgba(43, 181, 52, 0.2)",
+  "color-background-visual-accent-grey": "#414750",
+  "color-background-visual-accent-indigo": "rgba(92, 127, 255, 0.2)",
+  "color-background-visual-accent-lime": "rgba(49, 184, 0, 0.2)",
+  "color-background-visual-accent-magenta": "rgba(255, 26, 224, 0.2)",
+  "color-background-visual-accent-orange": "rgba(255, 75, 20, 0.2)",
+  "color-background-visual-accent-pink": "rgba(255, 51, 153, 0.2)",
+  "color-background-visual-accent-purple": "rgba(173, 92, 255, 0.2)",
+  "color-background-visual-accent-red": "rgba(255, 61, 61, 0.2)",
+  "color-background-visual-accent-teal": "rgba(0, 173, 162, 0.2)",
+  "color-background-visual-accent-violet": "rgba(133, 117, 255, 0.2)",
+  "color-background-visual-accent-yellow": "rgba(251, 211, 50, 0.2)",
   "color-black": "#000000",
   "color-board-placeholder-active": "#687078",
   "color-board-placeholder-hover": "#0073bb",
@@ -1420,6 +1466,7 @@ exports[`CSS Custom Properties match previous snapshot for mode "dark" 1`] = `
   "color-error-400": "#ff5d64",
   "color-error-50": "#fdf3f1",
   "color-error-600": "#d13212",
+  "color-error-700": "#c20000",
   "color-error-800": "#990000",
   "color-error-900": "#700000",
   "color-error-950": "#520000",
@@ -1449,6 +1496,7 @@ exports[`CSS Custom Properties match previous snapshot for mode "dark" 1`] = `
   "color-info-800": "#003b8f",
   "color-info-950": "#00204d",
   "color-item-selected": "#44b9d6",
+  "color-lime-100": "#ebffcc",
   "color-neutral-100": "#fafafa",
   "color-neutral-1000": "#06080a",
   "color-neutral-150": "#f6f6f9",
@@ -1494,6 +1542,7 @@ exports[`CSS Custom Properties match previous snapshot for mode "dark" 1`] = `
   "color-stroke-chart-line": "#879596",
   "color-success-100": "#d9ffd6",
   "color-success-1000": "#172211",
+  "color-success-200": "#aeffa8",
   "color-success-400": "#00e500",
   "color-success-50": "#f2f8f0",
   "color-success-500": "#6aaf35",
@@ -1632,10 +1681,25 @@ exports[`CSS Custom Properties match previous snapshot for mode "dark" 1`] = `
   "color-text-top-navigation-title": "#fafafa",
   "color-text-tutorial-hotspot-default": "#44b9d6",
   "color-text-tutorial-hotspot-hover": "#99cbe4",
+  "color-text-visual-accent-amber": "#ffbb45",
+  "color-text-visual-accent-blue": "#75cfff",
+  "color-text-visual-accent-green": "#aeffa8",
+  "color-text-visual-accent-grey": "#d5dbdb",
+  "color-text-visual-accent-indigo": "#44b9d6",
+  "color-text-visual-accent-lime": "#acff2e",
+  "color-text-visual-accent-magenta": "#ff57e9",
+  "color-text-visual-accent-orange": "#ff997a",
+  "color-text-visual-accent-pink": "#ff99cc",
+  "color-text-visual-accent-purple": "#d4a8ff",
+  "color-text-visual-accent-red": "#ff5d64",
+  "color-text-visual-accent-teal": "#00f5e4",
+  "color-text-visual-accent-violet": "#b2a8ff",
+  "color-text-visual-accent-yellow": "#fef571",
   "color-transparent": "transparent",
   "color-tree-view-connector-line": "#d5dbdb",
   "color-warning-100": "#fffbbd",
   "color-warning-1000": "#191100",
+  "color-warning-200": "#fef571",
   "color-warning-400": "#ffe347",
   "color-warning-50": "#fffef0",
   "color-warning-500": "#fbd332",
@@ -2114,6 +2178,20 @@ exports[`CSS Custom Properties match previous snapshot for mode "light" 1`] = `
   "color-background-toggle-button-normal-pressed": "#eaeded",
   "color-background-toggle-checked-disabled": "#99cbe4",
   "color-background-toggle-default": "#545b64",
+  "color-background-visual-accent-amber": "rgba(255, 232, 189, 0.7)",
+  "color-background-visual-accent-blue": "rgba(209, 241, 255, 0.6)",
+  "color-background-visual-accent-green": "#d9ffd6",
+  "color-background-visual-accent-grey": "#eaeded",
+  "color-background-visual-accent-indigo": "#dbe4ff",
+  "color-background-visual-accent-lime": "#ebffcc",
+  "color-background-visual-accent-magenta": "rgba(255, 224, 251, 0.6)",
+  "color-background-visual-accent-orange": "rgba(255, 224, 214, 0.6)",
+  "color-background-visual-accent-pink": "rgba(255, 224, 240, 0.7)",
+  "color-background-visual-accent-purple": "rgba(242, 229, 255, 0.6)",
+  "color-background-visual-accent-red": "#ffe0e0",
+  "color-background-visual-accent-teal": "rgba(204, 255, 252, 0.7)",
+  "color-background-visual-accent-violet": "rgba(232, 229, 255, 0.6)",
+  "color-background-visual-accent-yellow": "#fffbbd",
   "color-black": "#000000",
   "color-board-placeholder-active": "#d5dbdb",
   "color-board-placeholder-hover": "#99cbe4",
@@ -2370,6 +2448,7 @@ exports[`CSS Custom Properties match previous snapshot for mode "light" 1`] = `
   "color-error-400": "#ff5d64",
   "color-error-50": "#fdf3f1",
   "color-error-600": "#d13212",
+  "color-error-700": "#c20000",
   "color-error-800": "#990000",
   "color-error-900": "#700000",
   "color-error-950": "#520000",
@@ -2399,6 +2478,7 @@ exports[`CSS Custom Properties match previous snapshot for mode "light" 1`] = `
   "color-info-800": "#003b8f",
   "color-info-950": "#00204d",
   "color-item-selected": "#0073bb",
+  "color-lime-100": "#ebffcc",
   "color-neutral-100": "#fafafa",
   "color-neutral-1000": "#06080a",
   "color-neutral-150": "#f6f6f9",
@@ -2444,6 +2524,7 @@ exports[`CSS Custom Properties match previous snapshot for mode "light" 1`] = `
   "color-stroke-chart-line": "#879596",
   "color-success-100": "#d9ffd6",
   "color-success-1000": "#172211",
+  "color-success-200": "#aeffa8",
   "color-success-400": "#00e500",
   "color-success-50": "#f2f8f0",
   "color-success-500": "#6aaf35",
@@ -2582,10 +2663,25 @@ exports[`CSS Custom Properties match previous snapshot for mode "light" 1`] = `
   "color-text-top-navigation-title": "#16191f",
   "color-text-tutorial-hotspot-default": "#0073bb",
   "color-text-tutorial-hotspot-hover": "#0a4a74",
+  "color-text-visual-accent-amber": "#9e3700",
+  "color-text-visual-accent-blue": "#006ce0",
+  "color-text-visual-accent-green": "#1d8102",
+  "color-text-visual-accent-grey": "#1a2029",
+  "color-text-visual-accent-indigo": "#003b8f",
+  "color-text-visual-accent-lime": "#007000",
+  "color-text-visual-accent-magenta": "#b2008f",
+  "color-text-visual-accent-orange": "#a82700",
+  "color-text-visual-accent-pink": "#bb005d",
+  "color-text-visual-accent-purple": "#962eff",
+  "color-text-visual-accent-red": "#c20000",
+  "color-text-visual-accent-teal": "#008077",
+  "color-text-visual-accent-violet": "#6842ff",
+  "color-text-visual-accent-yellow": "#906806",
   "color-transparent": "transparent",
   "color-tree-view-connector-line": "#879596",
   "color-warning-100": "#fffbbd",
   "color-warning-1000": "#191100",
+  "color-warning-200": "#fef571",
   "color-warning-400": "#ffe347",
   "color-warning-50": "#fffef0",
   "color-warning-500": "#fbd332",
@@ -3064,6 +3160,20 @@ exports[`CSS Custom Properties match previous snapshot for mode "reduced-motion"
   "color-background-toggle-button-normal-pressed": "#eaeded",
   "color-background-toggle-checked-disabled": "#99cbe4",
   "color-background-toggle-default": "#545b64",
+  "color-background-visual-accent-amber": "rgba(255, 232, 189, 0.7)",
+  "color-background-visual-accent-blue": "rgba(209, 241, 255, 0.6)",
+  "color-background-visual-accent-green": "#d9ffd6",
+  "color-background-visual-accent-grey": "#eaeded",
+  "color-background-visual-accent-indigo": "#dbe4ff",
+  "color-background-visual-accent-lime": "#ebffcc",
+  "color-background-visual-accent-magenta": "rgba(255, 224, 251, 0.6)",
+  "color-background-visual-accent-orange": "rgba(255, 224, 214, 0.6)",
+  "color-background-visual-accent-pink": "rgba(255, 224, 240, 0.7)",
+  "color-background-visual-accent-purple": "rgba(242, 229, 255, 0.6)",
+  "color-background-visual-accent-red": "#ffe0e0",
+  "color-background-visual-accent-teal": "rgba(204, 255, 252, 0.7)",
+  "color-background-visual-accent-violet": "rgba(232, 229, 255, 0.6)",
+  "color-background-visual-accent-yellow": "#fffbbd",
   "color-black": "#000000",
   "color-board-placeholder-active": "#d5dbdb",
   "color-board-placeholder-hover": "#99cbe4",
@@ -3320,6 +3430,7 @@ exports[`CSS Custom Properties match previous snapshot for mode "reduced-motion"
   "color-error-400": "#ff5d64",
   "color-error-50": "#fdf3f1",
   "color-error-600": "#d13212",
+  "color-error-700": "#c20000",
   "color-error-800": "#990000",
   "color-error-900": "#700000",
   "color-error-950": "#520000",
@@ -3349,6 +3460,7 @@ exports[`CSS Custom Properties match previous snapshot for mode "reduced-motion"
   "color-info-800": "#003b8f",
   "color-info-950": "#00204d",
   "color-item-selected": "#0073bb",
+  "color-lime-100": "#ebffcc",
   "color-neutral-100": "#fafafa",
   "color-neutral-1000": "#06080a",
   "color-neutral-150": "#f6f6f9",
@@ -3394,6 +3506,7 @@ exports[`CSS Custom Properties match previous snapshot for mode "reduced-motion"
   "color-stroke-chart-line": "#879596",
   "color-success-100": "#d9ffd6",
   "color-success-1000": "#172211",
+  "color-success-200": "#aeffa8",
   "color-success-400": "#00e500",
   "color-success-50": "#f2f8f0",
   "color-success-500": "#6aaf35",
@@ -3532,10 +3645,25 @@ exports[`CSS Custom Properties match previous snapshot for mode "reduced-motion"
   "color-text-top-navigation-title": "#16191f",
   "color-text-tutorial-hotspot-default": "#0073bb",
   "color-text-tutorial-hotspot-hover": "#0a4a74",
+  "color-text-visual-accent-amber": "#9e3700",
+  "color-text-visual-accent-blue": "#006ce0",
+  "color-text-visual-accent-green": "#1d8102",
+  "color-text-visual-accent-grey": "#1a2029",
+  "color-text-visual-accent-indigo": "#003b8f",
+  "color-text-visual-accent-lime": "#007000",
+  "color-text-visual-accent-magenta": "#b2008f",
+  "color-text-visual-accent-orange": "#a82700",
+  "color-text-visual-accent-pink": "#bb005d",
+  "color-text-visual-accent-purple": "#962eff",
+  "color-text-visual-accent-red": "#c20000",
+  "color-text-visual-accent-teal": "#008077",
+  "color-text-visual-accent-violet": "#6842ff",
+  "color-text-visual-accent-yellow": "#906806",
   "color-transparent": "transparent",
   "color-tree-view-connector-line": "#879596",
   "color-warning-100": "#fffbbd",
   "color-warning-1000": "#191100",
+  "color-warning-200": "#fef571",
   "color-warning-400": "#ffe347",
   "color-warning-50": "#fffef0",
   "color-warning-500": "#fbd332",
@@ -4014,6 +4142,20 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh"
   "color-background-toggle-button-normal-pressed": "#d1f1ff",
   "color-background-toggle-checked-disabled": "#b8e7ff",
   "color-background-toggle-default": "#424650",
+  "color-background-visual-accent-amber": "rgba(255, 232, 189, 0.7)",
+  "color-background-visual-accent-blue": "rgba(209, 241, 255, 0.6)",
+  "color-background-visual-accent-green": "#d9ffd6",
+  "color-background-visual-accent-grey": "#ebebf0",
+  "color-background-visual-accent-indigo": "#dbe4ff",
+  "color-background-visual-accent-lime": "#ebffcc",
+  "color-background-visual-accent-magenta": "rgba(255, 224, 251, 0.6)",
+  "color-background-visual-accent-orange": "rgba(255, 224, 214, 0.6)",
+  "color-background-visual-accent-pink": "rgba(255, 224, 240, 0.7)",
+  "color-background-visual-accent-purple": "rgba(242, 229, 255, 0.6)",
+  "color-background-visual-accent-red": "#ffe0e0",
+  "color-background-visual-accent-teal": "rgba(204, 255, 252, 0.7)",
+  "color-background-visual-accent-violet": "rgba(232, 229, 255, 0.6)",
+  "color-background-visual-accent-yellow": "#fffbbd",
   "color-black": "#000000",
   "color-board-placeholder-active": "#ebebf0",
   "color-board-placeholder-hover": "#d1f1ff",
@@ -4270,6 +4412,7 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh"
   "color-error-400": "#ff7a7a",
   "color-error-50": "#fff5f5",
   "color-error-600": "#db0000",
+  "color-error-700": "#c20000",
   "color-error-800": "#990000",
   "color-error-900": "#700000",
   "color-error-950": "#520000",
@@ -4299,6 +4442,7 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh"
   "color-info-800": "#003b8f",
   "color-info-950": "#00204d",
   "color-item-selected": "#006ce0",
+  "color-lime-100": "#ebffcc",
   "color-neutral-100": "#f9f9fa",
   "color-neutral-1000": "#06080a",
   "color-neutral-150": "#f6f6f9",
@@ -4344,6 +4488,7 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh"
   "color-stroke-chart-line": "#8c8c94",
   "color-success-100": "#d9ffd6",
   "color-success-1000": "#001401",
+  "color-success-200": "#aeffa8",
   "color-success-400": "#00e500",
   "color-success-50": "#effff1",
   "color-success-500": "#2bb534",
@@ -4482,10 +4627,25 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh"
   "color-text-top-navigation-title": "#0f141a",
   "color-text-tutorial-hotspot-default": "#006ce0",
   "color-text-tutorial-hotspot-hover": "#002b66",
+  "color-text-visual-accent-amber": "#9e3700",
+  "color-text-visual-accent-blue": "#006ce0",
+  "color-text-visual-accent-green": "#00802f",
+  "color-text-visual-accent-grey": "#161d26",
+  "color-text-visual-accent-indigo": "#003b8f",
+  "color-text-visual-accent-lime": "#007000",
+  "color-text-visual-accent-magenta": "#b2008f",
+  "color-text-visual-accent-orange": "#a82700",
+  "color-text-visual-accent-pink": "#bb005d",
+  "color-text-visual-accent-purple": "#962eff",
+  "color-text-visual-accent-red": "#c20000",
+  "color-text-visual-accent-teal": "#008077",
+  "color-text-visual-accent-violet": "#6842ff",
+  "color-text-visual-accent-yellow": "#855900",
   "color-transparent": "transparent",
   "color-tree-view-connector-line": "#8c8c94",
   "color-warning-100": "#fffbbd",
   "color-warning-1000": "#191100",
+  "color-warning-200": "#fef571",
   "color-warning-400": "#ffe347",
   "color-warning-50": "#fffef0",
   "color-warning-500": "#fbd332",
@@ -4964,6 +5124,20 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh-
   "color-background-toggle-button-normal-pressed": "#d1f1ff",
   "color-background-toggle-checked-disabled": "#b8e7ff",
   "color-background-toggle-default": "#424650",
+  "color-background-visual-accent-amber": "rgba(255, 232, 189, 0.7)",
+  "color-background-visual-accent-blue": "rgba(209, 241, 255, 0.6)",
+  "color-background-visual-accent-green": "#d9ffd6",
+  "color-background-visual-accent-grey": "#ebebf0",
+  "color-background-visual-accent-indigo": "#dbe4ff",
+  "color-background-visual-accent-lime": "#ebffcc",
+  "color-background-visual-accent-magenta": "rgba(255, 224, 251, 0.6)",
+  "color-background-visual-accent-orange": "rgba(255, 224, 214, 0.6)",
+  "color-background-visual-accent-pink": "rgba(255, 224, 240, 0.7)",
+  "color-background-visual-accent-purple": "rgba(242, 229, 255, 0.6)",
+  "color-background-visual-accent-red": "#ffe0e0",
+  "color-background-visual-accent-teal": "rgba(204, 255, 252, 0.7)",
+  "color-background-visual-accent-violet": "rgba(232, 229, 255, 0.6)",
+  "color-background-visual-accent-yellow": "#fffbbd",
   "color-black": "#000000",
   "color-board-placeholder-active": "#ebebf0",
   "color-board-placeholder-hover": "#d1f1ff",
@@ -5220,6 +5394,7 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh-
   "color-error-400": "#ff7a7a",
   "color-error-50": "#fff5f5",
   "color-error-600": "#db0000",
+  "color-error-700": "#c20000",
   "color-error-800": "#990000",
   "color-error-900": "#700000",
   "color-error-950": "#520000",
@@ -5249,6 +5424,7 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh-
   "color-info-800": "#003b8f",
   "color-info-950": "#00204d",
   "color-item-selected": "#006ce0",
+  "color-lime-100": "#ebffcc",
   "color-neutral-100": "#f9f9fa",
   "color-neutral-1000": "#06080a",
   "color-neutral-150": "#f6f6f9",
@@ -5294,6 +5470,7 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh-
   "color-stroke-chart-line": "#8c8c94",
   "color-success-100": "#d9ffd6",
   "color-success-1000": "#001401",
+  "color-success-200": "#aeffa8",
   "color-success-400": "#00e500",
   "color-success-50": "#effff1",
   "color-success-500": "#2bb534",
@@ -5432,10 +5609,25 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh-
   "color-text-top-navigation-title": "#0f141a",
   "color-text-tutorial-hotspot-default": "#006ce0",
   "color-text-tutorial-hotspot-hover": "#002b66",
+  "color-text-visual-accent-amber": "#9e3700",
+  "color-text-visual-accent-blue": "#006ce0",
+  "color-text-visual-accent-green": "#00802f",
+  "color-text-visual-accent-grey": "#161d26",
+  "color-text-visual-accent-indigo": "#003b8f",
+  "color-text-visual-accent-lime": "#007000",
+  "color-text-visual-accent-magenta": "#b2008f",
+  "color-text-visual-accent-orange": "#a82700",
+  "color-text-visual-accent-pink": "#bb005d",
+  "color-text-visual-accent-purple": "#962eff",
+  "color-text-visual-accent-red": "#c20000",
+  "color-text-visual-accent-teal": "#008077",
+  "color-text-visual-accent-violet": "#6842ff",
+  "color-text-visual-accent-yellow": "#855900",
   "color-transparent": "transparent",
   "color-tree-view-connector-line": "#8c8c94",
   "color-warning-100": "#fffbbd",
   "color-warning-1000": "#191100",
+  "color-warning-200": "#fef571",
   "color-warning-400": "#ffe347",
   "color-warning-50": "#fffef0",
   "color-warning-500": "#fbd332",
@@ -5914,6 +6106,20 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh-
   "color-background-toggle-button-normal-pressed": "#333843",
   "color-background-toggle-checked-disabled": "#002b66",
   "color-background-toggle-default": "#8c8c94",
+  "color-background-visual-accent-amber": "rgba(250, 111, 0, 0.2)",
+  "color-background-visual-accent-blue": "rgba(0, 153, 255, 0.2)",
+  "color-background-visual-accent-green": "rgba(43, 181, 52, 0.2)",
+  "color-background-visual-accent-grey": "#333843",
+  "color-background-visual-accent-indigo": "rgba(92, 127, 255, 0.2)",
+  "color-background-visual-accent-lime": "rgba(49, 184, 0, 0.2)",
+  "color-background-visual-accent-magenta": "rgba(255, 26, 224, 0.2)",
+  "color-background-visual-accent-orange": "rgba(255, 75, 20, 0.2)",
+  "color-background-visual-accent-pink": "rgba(255, 51, 153, 0.2)",
+  "color-background-visual-accent-purple": "rgba(173, 92, 255, 0.2)",
+  "color-background-visual-accent-red": "rgba(255, 61, 61, 0.2)",
+  "color-background-visual-accent-teal": "rgba(0, 173, 162, 0.2)",
+  "color-background-visual-accent-violet": "rgba(133, 117, 255, 0.2)",
+  "color-background-visual-accent-yellow": "rgba(251, 211, 50, 0.2)",
   "color-black": "#000000",
   "color-board-placeholder-active": "#656871",
   "color-board-placeholder-hover": "#006ce0",
@@ -6170,6 +6376,7 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh-
   "color-error-400": "#ff7a7a",
   "color-error-50": "#fff5f5",
   "color-error-600": "#db0000",
+  "color-error-700": "#c20000",
   "color-error-800": "#990000",
   "color-error-900": "#700000",
   "color-error-950": "#520000",
@@ -6199,6 +6406,7 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh-
   "color-info-800": "#003b8f",
   "color-info-950": "#00204d",
   "color-item-selected": "#42b4ff",
+  "color-lime-100": "#ebffcc",
   "color-neutral-100": "#f9f9fa",
   "color-neutral-1000": "#06080a",
   "color-neutral-150": "#f6f6f9",
@@ -6244,6 +6452,7 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh-
   "color-stroke-chart-line": "#8c8c94",
   "color-success-100": "#d9ffd6",
   "color-success-1000": "#001401",
+  "color-success-200": "#aeffa8",
   "color-success-400": "#00e500",
   "color-success-50": "#effff1",
   "color-success-500": "#2bb534",
@@ -6382,10 +6591,25 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh-
   "color-text-top-navigation-title": "#f9f9fa",
   "color-text-tutorial-hotspot-default": "#42b4ff",
   "color-text-tutorial-hotspot-hover": "#75cfff",
+  "color-text-visual-accent-amber": "#ffbb45",
+  "color-text-visual-accent-blue": "#75cfff",
+  "color-text-visual-accent-green": "#aeffa8",
+  "color-text-visual-accent-grey": "#dedee3",
+  "color-text-visual-accent-indigo": "#75cfff",
+  "color-text-visual-accent-lime": "#acff2e",
+  "color-text-visual-accent-magenta": "#ff57e9",
+  "color-text-visual-accent-orange": "#ff997a",
+  "color-text-visual-accent-pink": "#ff99cc",
+  "color-text-visual-accent-purple": "#d4a8ff",
+  "color-text-visual-accent-red": "#ff7a7a",
+  "color-text-visual-accent-teal": "#00f5e4",
+  "color-text-visual-accent-violet": "#b2a8ff",
+  "color-text-visual-accent-yellow": "#fef571",
   "color-transparent": "transparent",
   "color-tree-view-connector-line": "#dedee3",
   "color-warning-100": "#fffbbd",
   "color-warning-1000": "#191100",
+  "color-warning-200": "#fef571",
   "color-warning-400": "#ffe347",
   "color-warning-50": "#fffef0",
   "color-warning-500": "#fbd332",
@@ -6864,6 +7088,20 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh-
   "color-background-toggle-button-normal-pressed": "#333843",
   "color-background-toggle-checked-disabled": "#002b66",
   "color-background-toggle-default": "#8c8c94",
+  "color-background-visual-accent-amber": "rgba(250, 111, 0, 0.2)",
+  "color-background-visual-accent-blue": "rgba(0, 153, 255, 0.2)",
+  "color-background-visual-accent-green": "rgba(43, 181, 52, 0.2)",
+  "color-background-visual-accent-grey": "#333843",
+  "color-background-visual-accent-indigo": "rgba(92, 127, 255, 0.2)",
+  "color-background-visual-accent-lime": "rgba(49, 184, 0, 0.2)",
+  "color-background-visual-accent-magenta": "rgba(255, 26, 224, 0.2)",
+  "color-background-visual-accent-orange": "rgba(255, 75, 20, 0.2)",
+  "color-background-visual-accent-pink": "rgba(255, 51, 153, 0.2)",
+  "color-background-visual-accent-purple": "rgba(173, 92, 255, 0.2)",
+  "color-background-visual-accent-red": "rgba(255, 61, 61, 0.2)",
+  "color-background-visual-accent-teal": "rgba(0, 173, 162, 0.2)",
+  "color-background-visual-accent-violet": "rgba(133, 117, 255, 0.2)",
+  "color-background-visual-accent-yellow": "rgba(251, 211, 50, 0.2)",
   "color-black": "#000000",
   "color-board-placeholder-active": "#656871",
   "color-board-placeholder-hover": "#006ce0",
@@ -7120,6 +7358,7 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh-
   "color-error-400": "#ff7a7a",
   "color-error-50": "#fff5f5",
   "color-error-600": "#db0000",
+  "color-error-700": "#c20000",
   "color-error-800": "#990000",
   "color-error-900": "#700000",
   "color-error-950": "#520000",
@@ -7149,6 +7388,7 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh-
   "color-info-800": "#003b8f",
   "color-info-950": "#00204d",
   "color-item-selected": "#42b4ff",
+  "color-lime-100": "#ebffcc",
   "color-neutral-100": "#f9f9fa",
   "color-neutral-1000": "#06080a",
   "color-neutral-150": "#f6f6f9",
@@ -7194,6 +7434,7 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh-
   "color-stroke-chart-line": "#8c8c94",
   "color-success-100": "#d9ffd6",
   "color-success-1000": "#001401",
+  "color-success-200": "#aeffa8",
   "color-success-400": "#00e500",
   "color-success-50": "#effff1",
   "color-success-500": "#2bb534",
@@ -7332,10 +7573,25 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh-
   "color-text-top-navigation-title": "#f9f9fa",
   "color-text-tutorial-hotspot-default": "#42b4ff",
   "color-text-tutorial-hotspot-hover": "#75cfff",
+  "color-text-visual-accent-amber": "#ffbb45",
+  "color-text-visual-accent-blue": "#75cfff",
+  "color-text-visual-accent-green": "#aeffa8",
+  "color-text-visual-accent-grey": "#dedee3",
+  "color-text-visual-accent-indigo": "#75cfff",
+  "color-text-visual-accent-lime": "#acff2e",
+  "color-text-visual-accent-magenta": "#ff57e9",
+  "color-text-visual-accent-orange": "#ff997a",
+  "color-text-visual-accent-pink": "#ff99cc",
+  "color-text-visual-accent-purple": "#d4a8ff",
+  "color-text-visual-accent-red": "#ff7a7a",
+  "color-text-visual-accent-teal": "#00f5e4",
+  "color-text-visual-accent-violet": "#b2a8ff",
+  "color-text-visual-accent-yellow": "#fef571",
   "color-transparent": "transparent",
   "color-tree-view-connector-line": "#dedee3",
   "color-warning-100": "#fffbbd",
   "color-warning-1000": "#191100",
+  "color-warning-200": "#fef571",
   "color-warning-400": "#ffe347",
   "color-warning-50": "#fffef0",
   "color-warning-500": "#fbd332",
diff --git a/src/__tests__/snapshot-tests/__snapshots__/documenter.test.ts.snap b/src/__tests__/snapshot-tests/__snapshots__/documenter.test.ts.snap
index a46d8dafb5..dac2e36045 100644
--- a/src/__tests__/snapshot-tests/__snapshots__/documenter.test.ts.snap
+++ b/src/__tests__/snapshot-tests/__snapshots__/documenter.test.ts.snap
@@ -5227,8 +5227,6 @@ Composes with existing Box props such as \`padding\` and \`margin\`.",
               "type": "union",
               "values": [
                 "blue",
-                "cyan",
-                "fuchsia",
                 "green",
                 "grey",
                 "indigo",
@@ -5241,8 +5239,6 @@ Composes with existing Box props such as \`padding\` and \`margin\`.",
                 "teal",
                 "violet",
                 "yellow",
-                "mint",
-                "rose",
                 "amber",
               ],
             },
diff --git a/src/box/__tests__/box.test.tsx b/src/box/__tests__/box.test.tsx
index 47d9a9bb8b..5117f998b2 100644
--- a/src/box/__tests__/box.test.tsx
+++ b/src/box/__tests__/box.test.tsx
@@ -199,7 +199,6 @@ describe('Box', () => {
         'green',
         'orange',
         'purple',
-        'mint',
         'lime',
         'grey',
       ];
diff --git a/src/box/interfaces.ts b/src/box/interfaces.ts
index ce250a3604..ace15884a5 100644
--- a/src/box/interfaces.ts
+++ b/src/box/interfaces.ts
@@ -219,17 +219,13 @@ export namespace BoxProps {
       | 'green'
       | 'orange'
       | 'purple'
-      | 'mint'
       | 'lime'
       | 'grey'
       | 'teal'
-      | 'cyan'
       | 'blue'
       | 'violet'
-      | 'fuchsia'
       | 'magenta'
       | 'pink'
-      | 'rose'
       | 'amber';
     export type AspectRatio = 'auto' | 'equal';
     export type BorderRadius = 'xxxs' | 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | 'xxxl' | 'full';
diff --git a/src/box/visual-accent.scss b/src/box/visual-accent.scss
index 7226c7c49e..8aba9a6301 100644
--- a/src/box/visual-accent.scss
+++ b/src/box/visual-accent.scss
@@ -4,7 +4,6 @@
 */
 
 @use 'sass:map';
-@use 'sass:meta';
 @use '../internal/styles/tokens' as awsui;
 
 // T-shirt size keywords mirror the Box spacing scale (see spacing.scss).
@@ -85,33 +84,70 @@ $accent-radii: (
 // stylesheet source order. Winning here preserves the guaranteed background/foreground color
 // contrast of the accent pair. Descendants (nested Box, Icon) inherit this color.
 //
-// Token variables are looked up dynamically from the tokens module, so adding a color only
-// requires extending `$accent-colors`.
+// Keep literal token references in this map so the style build can discover every token and emit
+// its mode-specific custom property declarations.
 $accent-colors: (
-  'red',
-  'yellow',
-  'indigo',
-  'green',
-  'orange',
-  'purple',
-  'mint',
-  'lime',
-  'grey',
-  'teal',
-  'cyan',
-  'blue',
-  'violet',
-  'fuchsia',
-  'magenta',
-  'pink',
-  'rose',
-  'amber'
+  'red': (
+    background: awsui.$color-background-visual-accent-red,
+    foreground: awsui.$color-text-visual-accent-red,
+  ),
+  'yellow': (
+    background: awsui.$color-background-visual-accent-yellow,
+    foreground: awsui.$color-text-visual-accent-yellow,
+  ),
+  'indigo': (
+    background: awsui.$color-background-visual-accent-indigo,
+    foreground: awsui.$color-text-visual-accent-indigo,
+  ),
+  'green': (
+    background: awsui.$color-background-visual-accent-green,
+    foreground: awsui.$color-text-visual-accent-green,
+  ),
+  'orange': (
+    background: awsui.$color-background-visual-accent-orange,
+    foreground: awsui.$color-text-visual-accent-orange,
+  ),
+  'purple': (
+    background: awsui.$color-background-visual-accent-purple,
+    foreground: awsui.$color-text-visual-accent-purple,
+  ),
+  'lime': (
+    background: awsui.$color-background-visual-accent-lime,
+    foreground: awsui.$color-text-visual-accent-lime,
+  ),
+  'grey': (
+    background: awsui.$color-background-visual-accent-grey,
+    foreground: awsui.$color-text-visual-accent-grey,
+  ),
+  'teal': (
+    background: awsui.$color-background-visual-accent-teal,
+    foreground: awsui.$color-text-visual-accent-teal,
+  ),
+  'blue': (
+    background: awsui.$color-background-visual-accent-blue,
+    foreground: awsui.$color-text-visual-accent-blue,
+  ),
+  'violet': (
+    background: awsui.$color-background-visual-accent-violet,
+    foreground: awsui.$color-text-visual-accent-violet,
+  ),
+  'magenta': (
+    background: awsui.$color-background-visual-accent-magenta,
+    foreground: awsui.$color-text-visual-accent-magenta,
+  ),
+  'pink': (
+    background: awsui.$color-background-visual-accent-pink,
+    foreground: awsui.$color-text-visual-accent-pink,
+  ),
+  'amber': (
+    background: awsui.$color-background-visual-accent-amber,
+    foreground: awsui.$color-text-visual-accent-amber,
+  ),
 );
-$tokens: meta.module-variables('awsui');
 
-@each $accent in $accent-colors {
+@each $accent, $colors in $accent-colors {
   .box.visual-accent.visual-accent-#{$accent} {
-    background-color: map.get($tokens, 'color-background-accent-#{$accent}');
-    color: map.get($tokens, 'color-text-accent-#{$accent}');
+    background-color: map.get($colors, 'background');
+    color: map.get($colors, 'foreground');
   }
 }
diff --git a/style-dictionary/one-theme/color-palette.ts b/style-dictionary/one-theme/color-palette.ts
index 3403913666..c35e285648 100644
--- a/style-dictionary/one-theme/color-palette.ts
+++ b/style-dictionary/one-theme/color-palette.ts
@@ -148,6 +148,7 @@ const referenceTokens: ReferenceTokens = {
     warning: {
       50: brand.colorYellow50,
       100: brand.colorYellow100,
+      200: brand.colorYellow200,
       300: brand.colorYellow300,
       400: brand.colorYellow400,
       500: brand.colorYellow500,
diff --git a/style-dictionary/one-theme/colors.ts b/style-dictionary/one-theme/colors.ts
index 7b37cb9316..6b97a83a57 100644
--- a/style-dictionary/one-theme/colors.ts
+++ b/style-dictionary/one-theme/colors.ts
@@ -137,10 +137,10 @@ const tokens: StyleDictionary.ColorsDictionary = {
   colorBackgroundBadgeGrey: { light: '{colorNeutral250}', dark: '{colorNeutral700}' },
   colorTextNotificationDefault: { light: '{colorNeutral100}', dark: '{colorNeutral100}' },
 
-  colorTextBadgeGreen: { light: '{colorSuccess800}', dark: '{colorSuccess200}' },
-  colorTextBadgeBlue: { light: '{colorInfo800}', dark: '{colorInfo300}' },
-  colorTextBadgeRed: { light: '{colorError800}', dark: '{colorError400}' },
-  colorTextBadgeGrey: { light: '{colorNeutral800}', dark: '{colorNeutral300}' },
+  colorTextBadgeGreen: { light: '{colorSuccess600}', dark: '{colorSuccess200}' },
+  colorTextBadgeBlue: { light: '{colorInfo600}', dark: '{colorInfo300}' },
+  colorTextBadgeRed: { light: '{colorError700}', dark: '{colorError400}' },
+  colorTextBadgeGrey: { light: '{colorNeutral850}', dark: '{colorNeutral300}' },
 
   // ── Flashbar (one-theme: subtle alert-style backgrounds) ───────────────────
   colorBackgroundFlashbarSuccess: { light: '{colorSuccess100}', dark: '{colorSuccess950}' },
diff --git a/style-dictionary/utils/token-names.ts b/style-dictionary/utils/token-names.ts
index 3ad4c0a87a..c8c87850ea 100644
--- a/style-dictionary/utils/token-names.ts
+++ b/style-dictionary/utils/token-names.ts
@@ -609,24 +609,20 @@ export type ColorsTokenName =
   | 'colorBackgroundNotificationStackBar'
   | 'colorBackgroundNotificationStackBarActive'
   | 'colorBackgroundNotificationStackBarHover'
-  | 'colorBackgroundAccentRed'
-  | 'colorBackgroundAccentYellow'
-  | 'colorBackgroundAccentIndigo'
-  | 'colorBackgroundAccentGreen'
-  | 'colorBackgroundAccentOrange'
-  | 'colorBackgroundAccentPurple'
-  | 'colorBackgroundAccentMint'
-  | 'colorBackgroundAccentLime'
-  | 'colorBackgroundAccentGrey'
-  | 'colorBackgroundAccentTeal'
-  | 'colorBackgroundAccentCyan'
-  | 'colorBackgroundAccentBlue'
-  | 'colorBackgroundAccentViolet'
-  | 'colorBackgroundAccentFuchsia'
-  | 'colorBackgroundAccentMagenta'
-  | 'colorBackgroundAccentPink'
-  | 'colorBackgroundAccentRose'
-  | 'colorBackgroundAccentAmber'
+  | 'colorBackgroundVisualAccentRed'
+  | 'colorBackgroundVisualAccentYellow'
+  | 'colorBackgroundVisualAccentIndigo'
+  | 'colorBackgroundVisualAccentGreen'
+  | 'colorBackgroundVisualAccentOrange'
+  | 'colorBackgroundVisualAccentPurple'
+  | 'colorBackgroundVisualAccentLime'
+  | 'colorBackgroundVisualAccentGrey'
+  | 'colorBackgroundVisualAccentTeal'
+  | 'colorBackgroundVisualAccentBlue'
+  | 'colorBackgroundVisualAccentViolet'
+  | 'colorBackgroundVisualAccentMagenta'
+  | 'colorBackgroundVisualAccentPink'
+  | 'colorBackgroundVisualAccentAmber'
   | 'colorBackgroundPopover'
   | 'colorBackgroundProgressBarValueDefault'
   | 'colorBackgroundProgressBarDefault'
@@ -752,24 +748,20 @@ export type ColorsTokenName =
   | 'colorStrokeCodeEditorGutterActiveLineDefault'
   | 'colorStrokeCodeEditorGutterActiveLineHover'
   | 'colorTextAccent'
-  | 'colorTextAccentRed'
-  | 'colorTextAccentYellow'
-  | 'colorTextAccentIndigo'
-  | 'colorTextAccentGreen'
-  | 'colorTextAccentOrange'
-  | 'colorTextAccentPurple'
-  | 'colorTextAccentMint'
-  | 'colorTextAccentLime'
-  | 'colorTextAccentGrey'
-  | 'colorTextAccentTeal'
-  | 'colorTextAccentCyan'
-  | 'colorTextAccentBlue'
-  | 'colorTextAccentViolet'
-  | 'colorTextAccentFuchsia'
-  | 'colorTextAccentMagenta'
-  | 'colorTextAccentPink'
-  | 'colorTextAccentRose'
-  | 'colorTextAccentAmber'
+  | 'colorTextVisualAccentRed'
+  | 'colorTextVisualAccentYellow'
+  | 'colorTextVisualAccentIndigo'
+  | 'colorTextVisualAccentGreen'
+  | 'colorTextVisualAccentOrange'
+  | 'colorTextVisualAccentPurple'
+  | 'colorTextVisualAccentLime'
+  | 'colorTextVisualAccentGrey'
+  | 'colorTextVisualAccentTeal'
+  | 'colorTextVisualAccentBlue'
+  | 'colorTextVisualAccentViolet'
+  | 'colorTextVisualAccentMagenta'
+  | 'colorTextVisualAccentPink'
+  | 'colorTextVisualAccentAmber'
   | 'colorTextBodyDefault'
   | 'colorTextBodySecondary'
   | 'colorTextBreadcrumbCurrent'
diff --git a/style-dictionary/visual-refresh/color-palette.ts b/style-dictionary/visual-refresh/color-palette.ts
index d6a4dc1a4b..41eb730e03 100644
--- a/style-dictionary/visual-refresh/color-palette.ts
+++ b/style-dictionary/visual-refresh/color-palette.ts
@@ -200,6 +200,7 @@ const referenceTokens: ReferenceTokens = {
       100: brand.colorRed100,
       400: brand.colorRed400,
       600: brand.colorRed600,
+      700: brand.colorRed700,
       800: brand.colorRed800,
       900: brand.colorRed900,
       950: brand.colorRed950,
@@ -208,6 +209,7 @@ const referenceTokens: ReferenceTokens = {
     success: {
       50: brand.colorGreen50,
       100: brand.colorGreen100,
+      200: brand.colorGreen200,
       400: brand.colorGreen400,
       500: brand.colorGreen500,
       600: brand.colorGreen600,
@@ -218,6 +220,7 @@ const referenceTokens: ReferenceTokens = {
     warning: {
       50: brand.colorYellow50,
       100: brand.colorYellow100,
+      200: brand.colorYellow200,
       400: brand.colorYellow400,
       500: brand.colorYellow500,
       600: brand.colorYellow600,
diff --git a/style-dictionary/visual-refresh/colors.ts b/style-dictionary/visual-refresh/colors.ts
index 70657139e8..a66d124b99 100644
--- a/style-dictionary/visual-refresh/colors.ts
+++ b/style-dictionary/visual-refresh/colors.ts
@@ -1,5 +1,6 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
+import { paletteTokens } from '../core/color-palette.js';
 import { expandColorDictionary } from '../utils/index.js';
 import { StyleDictionary } from '../utils/interfaces.js';
 
@@ -376,42 +377,76 @@ const tokens: StyleDictionary.ColorsDictionary = {
   colorBackgroundCodeView: { light: '#f8f8f8', dark: '#282c34' },
 
   // ── Visual accent ───────────────────────────────────
-  colorBackgroundAccentRed: { light: '{colorError100}', dark: 'rgba(255, 61, 61, 0.2)' },
-  colorBackgroundAccentYellow: { light: '{colorWarning100}', dark: 'rgba(251, 211, 50, 0.2)' },
-  colorBackgroundAccentIndigo: { light: '{colorInfo100}', dark: 'rgba(0, 153, 255, 0.2)' },
-  colorBackgroundAccentGreen: { light: '{colorSuccess100}', dark: 'rgba(43, 181, 52, 0.2)' },
-  colorBackgroundAccentOrange: { light: '{colorOrange100}', dark: 'rgba(255, 75, 20, 0.2)' },
-  colorBackgroundAccentPurple: { light: '{colorPurple100}', dark: 'rgba(173, 92, 255, 0.2)' },
-  colorBackgroundAccentMint: { light: '{colorMint100}', dark: 'rgba(0, 189, 107, 0.2)' },
-  colorBackgroundAccentLime: { light: '{colorLime100}', dark: 'rgba(49, 184, 0, 0.2)' },
-  colorBackgroundAccentGrey: { light: '{colorNeutral250}', dark: '{colorNeutral700}' },
-  colorBackgroundAccentTeal: { light: '{colorTeal100}', dark: 'rgba(0, 173, 162, 0.2)' },
-  colorBackgroundAccentCyan: { light: '{colorCyan100}', dark: 'rgba(0, 164, 189, 0.2)' },
-  colorBackgroundAccentBlue: { light: '{colorInfo100}', dark: 'rgba(0, 153, 255, 0.2)' },
-  colorBackgroundAccentViolet: { light: '{colorViolet100}', dark: 'rgba(133, 117, 255, 0.2)' },
-  colorBackgroundAccentFuchsia: { light: '{colorFuchsia100}', dark: 'rgba(228, 51, 255, 0.2)' },
-  colorBackgroundAccentMagenta: { light: '{colorMagenta100}', dark: 'rgba(255, 26, 224, 0.2)' },
-  colorBackgroundAccentPink: { light: '{colorPink100}', dark: 'rgba(255, 51, 153, 0.2)' },
-  colorBackgroundAccentRose: { light: '{colorRose100}', dark: 'rgba(255, 56, 106, 0.2)' },
-  colorBackgroundAccentAmber: { light: '{colorAmber100}', dark: 'rgba(250, 111, 0, 0.2)' },
-  colorTextAccentRed: { light: '{colorError800}', dark: '{colorError400}' },
-  colorTextAccentYellow: { light: '{colorWarning900}', dark: '{colorWarning400}' },
-  colorTextAccentIndigo: { light: '{colorInfo800}', dark: '{colorInfo400}' },
-  colorTextAccentGreen: { light: '{colorSuccess800}', dark: '{colorSuccess400}' },
-  colorTextAccentOrange: { light: '{colorOrange800}', dark: '{colorOrange400}' },
-  colorTextAccentPurple: { light: '{colorPurple800}', dark: '{colorPurple400}' },
-  colorTextAccentMint: { light: '{colorMint800}', dark: '{colorMint400}' },
-  colorTextAccentLime: { light: '{colorLime800}', dark: '{colorLime400}' },
-  colorTextAccentGrey: { light: '{colorNeutral800}', dark: '{colorNeutral300}' },
-  colorTextAccentTeal: { light: '{colorTeal800}', dark: '{colorTeal400}' },
-  colorTextAccentCyan: { light: '{colorCyan800}', dark: '{colorCyan400}' },
-  colorTextAccentBlue: { light: '{colorInfo800}', dark: '{colorInfo400}' },
-  colorTextAccentViolet: { light: '{colorViolet800}', dark: '{colorViolet400}' },
-  colorTextAccentFuchsia: { light: '{colorFuchsia800}', dark: '{colorFuchsia400}' },
-  colorTextAccentMagenta: { light: '{colorMagenta800}', dark: '{colorMagenta400}' },
-  colorTextAccentPink: { light: '{colorPink800}', dark: '{colorPink400}' },
-  colorTextAccentRose: { light: '{colorRose800}', dark: '{colorRose400}' },
-  colorTextAccentAmber: { light: '{colorAmber800}', dark: '{colorAmber400}' },
+  colorBackgroundVisualAccentRed: {
+    light: paletteTokens.colorRed100!,
+    dark: 'rgba(255, 61, 61, 0.2)',
+  },
+  colorBackgroundVisualAccentYellow: {
+    light: paletteTokens.colorYellow100!,
+    dark: 'rgba(251, 211, 50, 0.2)',
+  },
+  colorBackgroundVisualAccentIndigo: {
+    light: paletteTokens.colorIndigo100!,
+    dark: 'rgba(92, 127, 255, 0.2)',
+  },
+  colorBackgroundVisualAccentGreen: {
+    light: paletteTokens.colorGreen100!,
+    dark: 'rgba(43, 181, 52, 0.2)',
+  },
+  colorBackgroundVisualAccentOrange: {
+    light: 'rgba(255, 224, 214, 0.6)',
+    dark: 'rgba(255, 75, 20, 0.2)',
+  },
+  colorBackgroundVisualAccentPurple: {
+    light: 'rgba(242, 229, 255, 0.6)',
+    dark: 'rgba(173, 92, 255, 0.2)',
+  },
+  colorBackgroundVisualAccentLime: {
+    light: '{colorLime100}',
+    dark: 'rgba(49, 184, 0, 0.2)',
+  },
+  colorBackgroundVisualAccentGrey: {
+    light: '{colorNeutral250}',
+    dark: '{colorNeutral700}',
+  },
+  colorBackgroundVisualAccentTeal: {
+    light: 'rgba(204, 255, 252, 0.7)',
+    dark: 'rgba(0, 173, 162, 0.2)',
+  },
+  colorBackgroundVisualAccentBlue: {
+    light: 'rgba(209, 241, 255, 0.6)',
+    dark: 'rgba(0, 153, 255, 0.2)',
+  },
+  colorBackgroundVisualAccentViolet: {
+    light: 'rgba(232, 229, 255, 0.6)',
+    dark: 'rgba(133, 117, 255, 0.2)',
+  },
+  colorBackgroundVisualAccentMagenta: {
+    light: 'rgba(255, 224, 251, 0.6)',
+    dark: 'rgba(255, 26, 224, 0.2)',
+  },
+  colorBackgroundVisualAccentPink: {
+    light: 'rgba(255, 224, 240, 0.7)',
+    dark: 'rgba(255, 51, 153, 0.2)',
+  },
+  colorBackgroundVisualAccentAmber: {
+    light: 'rgba(255, 232, 189, 0.7)',
+    dark: 'rgba(250, 111, 0, 0.2)',
+  },
+  colorTextVisualAccentRed: { light: '{colorError700}', dark: '{colorError400}' },
+  colorTextVisualAccentYellow: { light: '{colorWarning900}', dark: '{colorWarning200}' },
+  colorTextVisualAccentIndigo: { light: '{colorInfo800}', dark: '{colorInfo300}' },
+  colorTextVisualAccentGreen: { light: '{colorSuccess600}', dark: '{colorSuccess200}' },
+  colorTextVisualAccentOrange: { light: paletteTokens.colorOrange700!, dark: paletteTokens.colorOrange300! },
+  colorTextVisualAccentPurple: { light: paletteTokens.colorPurple600!, dark: paletteTokens.colorPurple300! },
+  colorTextVisualAccentLime: { light: paletteTokens.colorLime700!, dark: paletteTokens.colorLime300! },
+  colorTextVisualAccentGrey: { light: '{colorNeutral850}', dark: '{colorNeutral300}' },
+  colorTextVisualAccentTeal: { light: paletteTokens.colorTeal600!, dark: paletteTokens.colorTeal300! },
+  colorTextVisualAccentBlue: { light: paletteTokens.colorBlue600!, dark: paletteTokens.colorBlue300! },
+  colorTextVisualAccentViolet: { light: paletteTokens.colorViolet600!, dark: paletteTokens.colorViolet300! },
+  colorTextVisualAccentMagenta: { light: paletteTokens.colorMagenta700!, dark: paletteTokens.colorMagenta400! },
+  colorTextVisualAccentPink: { light: paletteTokens.colorPink700!, dark: paletteTokens.colorPink300! },
+  colorTextVisualAccentAmber: { light: paletteTokens.colorAmber700!, dark: paletteTokens.colorAmber300! },
 };
 
 const expandedTokens: StyleDictionary.ExpandedColorScopeDictionary = expandColorDictionary(tokens);
diff --git a/style-dictionary/visual-refresh/metadata/colors.ts b/style-dictionary/visual-refresh/metadata/colors.ts
index c3f03d3400..d4c924a4b2 100644
--- a/style-dictionary/visual-refresh/metadata/colors.ts
+++ b/style-dictionary/visual-refresh/metadata/colors.ts
@@ -281,182 +281,142 @@ const metadata: StyleDictionary.MetadataIndex = {
     public: true,
     themeable: true,
   },
-  colorBackgroundAccentRed: {
+  colorBackgroundVisualAccentRed: {
     description: 'The background color of the red accent in the Box `awsui-accent` variant.',
     public: false,
     themeable: false,
   },
-  colorBackgroundAccentYellow: {
+  colorBackgroundVisualAccentYellow: {
     description: 'The background color of the yellow accent in the Box `awsui-accent` variant.',
     public: false,
     themeable: false,
   },
-  colorBackgroundAccentIndigo: {
+  colorBackgroundVisualAccentIndigo: {
     description: 'The background color of the indigo accent in the Box `awsui-accent` variant.',
     public: false,
     themeable: false,
   },
-  colorBackgroundAccentGreen: {
+  colorBackgroundVisualAccentGreen: {
     description: 'The background color of the green accent in the Box `awsui-accent` variant.',
     public: false,
     themeable: false,
   },
-  colorBackgroundAccentOrange: {
+  colorBackgroundVisualAccentOrange: {
     description: 'The background color of the orange accent in the Box `awsui-accent` variant.',
     public: false,
     themeable: false,
   },
-  colorBackgroundAccentPurple: {
+  colorBackgroundVisualAccentPurple: {
     description: 'The background color of the purple accent in the Box `awsui-accent` variant.',
     public: false,
     themeable: false,
   },
-  colorBackgroundAccentMint: {
-    description: 'The background color of the mint accent in the Box `awsui-accent` variant.',
-    public: false,
-    themeable: false,
-  },
-  colorBackgroundAccentLime: {
+  colorBackgroundVisualAccentLime: {
     description: 'The background color of the lime accent in the Box `awsui-accent` variant.',
     public: false,
     themeable: false,
   },
-  colorBackgroundAccentGrey: {
+  colorBackgroundVisualAccentGrey: {
     description: 'The background color of the grey accent in the Box `awsui-accent` variant.',
     public: false,
     themeable: false,
   },
-  colorBackgroundAccentTeal: {
+  colorBackgroundVisualAccentTeal: {
     description: 'The background color of the teal accent in the Box `awsui-accent` variant.',
     public: false,
     themeable: false,
   },
-  colorBackgroundAccentCyan: {
-    description: 'The background color of the cyan accent in the Box `awsui-accent` variant.',
-    public: false,
-    themeable: false,
-  },
-  colorBackgroundAccentBlue: {
+  colorBackgroundVisualAccentBlue: {
     description: 'The background color of the blue accent in the Box `awsui-accent` variant.',
     public: false,
     themeable: false,
   },
-  colorBackgroundAccentViolet: {
+  colorBackgroundVisualAccentViolet: {
     description: 'The background color of the violet accent in the Box `awsui-accent` variant.',
     public: false,
     themeable: false,
   },
-  colorBackgroundAccentFuchsia: {
-    description: 'The background color of the fuchsia accent in the Box `awsui-accent` variant.',
-    public: false,
-    themeable: false,
-  },
-  colorBackgroundAccentMagenta: {
+  colorBackgroundVisualAccentMagenta: {
     description: 'The background color of the magenta accent in the Box `awsui-accent` variant.',
     public: false,
     themeable: false,
   },
-  colorBackgroundAccentPink: {
+  colorBackgroundVisualAccentPink: {
     description: 'The background color of the pink accent in the Box `awsui-accent` variant.',
     public: false,
     themeable: false,
   },
-  colorBackgroundAccentRose: {
-    description: 'The background color of the rose accent in the Box `awsui-accent` variant.',
-    public: false,
-    themeable: false,
-  },
-  colorBackgroundAccentAmber: {
+  colorBackgroundVisualAccentAmber: {
     description: 'The background color of the amber accent in the Box `awsui-accent` variant.',
     public: false,
     themeable: false,
   },
-  colorTextAccentRed: {
+  colorTextVisualAccentRed: {
     description: 'The content color of the red accent in the Box `awsui-accent` variant.',
     public: false,
     themeable: false,
   },
-  colorTextAccentYellow: {
+  colorTextVisualAccentYellow: {
     description: 'The content color of the yellow accent in the Box `awsui-accent` variant.',
     public: false,
     themeable: false,
   },
-  colorTextAccentIndigo: {
+  colorTextVisualAccentIndigo: {
     description: 'The content color of the indigo accent in the Box `awsui-accent` variant.',
     public: false,
     themeable: false,
   },
-  colorTextAccentGreen: {
+  colorTextVisualAccentGreen: {
     description: 'The content color of the green accent in the Box `awsui-accent` variant.',
     public: false,
     themeable: false,
   },
-  colorTextAccentOrange: {
+  colorTextVisualAccentOrange: {
     description: 'The content color of the orange accent in the Box `awsui-accent` variant.',
     public: false,
     themeable: false,
   },
-  colorTextAccentPurple: {
+  colorTextVisualAccentPurple: {
     description: 'The content color of the purple accent in the Box `awsui-accent` variant.',
     public: false,
     themeable: false,
   },
-  colorTextAccentMint: {
-    description: 'The content color of the mint accent in the Box `awsui-accent` variant.',
-    public: false,
-    themeable: false,
-  },
-  colorTextAccentLime: {
+  colorTextVisualAccentLime: {
     description: 'The content color of the lime accent in the Box `awsui-accent` variant.',
     public: false,
     themeable: false,
   },
-  colorTextAccentGrey: {
+  colorTextVisualAccentGrey: {
     description: 'The content color of the grey accent in the Box `awsui-accent` variant.',
     public: false,
     themeable: false,
   },
-  colorTextAccentTeal: {
+  colorTextVisualAccentTeal: {
     description: 'The content color of the teal accent in the Box `awsui-accent` variant.',
     public: false,
     themeable: false,
   },
-  colorTextAccentCyan: {
-    description: 'The content color of the cyan accent in the Box `awsui-accent` variant.',
-    public: false,
-    themeable: false,
-  },
-  colorTextAccentBlue: {
+  colorTextVisualAccentBlue: {
     description: 'The content color of the blue accent in the Box `awsui-accent` variant.',
     public: false,
     themeable: false,
   },
-  colorTextAccentViolet: {
+  colorTextVisualAccentViolet: {
     description: 'The content color of the violet accent in the Box `awsui-accent` variant.',
     public: false,
     themeable: false,
   },
-  colorTextAccentFuchsia: {
-    description: 'The content color of the fuchsia accent in the Box `awsui-accent` variant.',
-    public: false,
-    themeable: false,
-  },
-  colorTextAccentMagenta: {
+  colorTextVisualAccentMagenta: {
     description: 'The content color of the magenta accent in the Box `awsui-accent` variant.',
     public: false,
     themeable: false,
   },
-  colorTextAccentPink: {
+  colorTextVisualAccentPink: {
     description: 'The content color of the pink accent in the Box `awsui-accent` variant.',
     public: false,
     themeable: false,
   },
-  colorTextAccentRose: {
-    description: 'The content color of the rose accent in the Box `awsui-accent` variant.',
-    public: false,
-    themeable: false,
-  },
-  colorTextAccentAmber: {
+  colorTextVisualAccentAmber: {
     description: 'The content color of the amber accent in the Box `awsui-accent` variant.',
     public: false,
     themeable: false,