diff --git a/.github/workflows/a11y-contrast.yml b/.github/workflows/a11y-contrast.yml
index f9425530e..5567626d1 100644
--- a/.github/workflows/a11y-contrast.yml
+++ b/.github/workflows/a11y-contrast.yml
@@ -31,9 +31,6 @@ jobs:
       - name: Install dependencies
         run: npm ci --no-audit --no-fund --ignore-scripts
 
-      - name: Build tokens
-        run: npm run build:tokens
-
       - name: Run required contrast validation tests
         run: |
           npm run check:contrast
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-base-scales--all-scales-all-themes-dark-colorblind-high-contrast-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-base-scales--all-scales-all-themes-dark-colorblind-high-contrast-theme-1-linux.png
index 86a2e9ed6..cdd014103 100644
Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-base-scales--all-scales-all-themes-dark-colorblind-high-contrast-theme-1-linux.png and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-base-scales--all-scales-all-themes-dark-colorblind-high-contrast-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-base-scales--all-scales-all-themes-dark-colorblind-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-base-scales--all-scales-all-themes-dark-colorblind-theme-1-linux.png
index 5eb229304..7be8779a4 100644
Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-base-scales--all-scales-all-themes-dark-colorblind-theme-1-linux.png and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-base-scales--all-scales-all-themes-dark-colorblind-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-base-scales--all-scales-all-themes-dark-dimmed-high-contrast-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-base-scales--all-scales-all-themes-dark-dimmed-high-contrast-theme-1-linux.png
index 3849ea236..5546b04f2 100644
Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-base-scales--all-scales-all-themes-dark-dimmed-high-contrast-theme-1-linux.png and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-base-scales--all-scales-all-themes-dark-dimmed-high-contrast-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-base-scales--all-scales-all-themes-dark-dimmed-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-base-scales--all-scales-all-themes-dark-dimmed-theme-1-linux.png
index 4dfd454af..b78b59cbb 100644
Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-base-scales--all-scales-all-themes-dark-dimmed-theme-1-linux.png and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-base-scales--all-scales-all-themes-dark-dimmed-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-base-scales--all-scales-all-themes-dark-high-contrast-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-base-scales--all-scales-all-themes-dark-high-contrast-theme-1-linux.png
index 86a2e9ed6..cdd014103 100644
Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-base-scales--all-scales-all-themes-dark-high-contrast-theme-1-linux.png and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-base-scales--all-scales-all-themes-dark-high-contrast-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-base-scales--all-scales-all-themes-dark-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-base-scales--all-scales-all-themes-dark-theme-1-linux.png
index 5eb229304..7be8779a4 100644
Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-base-scales--all-scales-all-themes-dark-theme-1-linux.png and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-base-scales--all-scales-all-themes-dark-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-base-scales--all-scales-all-themes-dark-tritanopia-high-contrast-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-base-scales--all-scales-all-themes-dark-tritanopia-high-contrast-theme-1-linux.png
index 86a2e9ed6..cdd014103 100644
Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-base-scales--all-scales-all-themes-dark-tritanopia-high-contrast-theme-1-linux.png and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-base-scales--all-scales-all-themes-dark-tritanopia-high-contrast-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-base-scales--all-scales-all-themes-dark-tritanopia-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-base-scales--all-scales-all-themes-dark-tritanopia-theme-1-linux.png
index 5eb229304..7be8779a4 100644
Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-base-scales--all-scales-all-themes-dark-tritanopia-theme-1-linux.png and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-base-scales--all-scales-all-themes-dark-tritanopia-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-base-scales--all-scales-all-themes-light-colorblind-high-contrast-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-base-scales--all-scales-all-themes-light-colorblind-high-contrast-theme-1-linux.png
index f34ae8329..3cba621df 100644
Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-base-scales--all-scales-all-themes-light-colorblind-high-contrast-theme-1-linux.png and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-base-scales--all-scales-all-themes-light-colorblind-high-contrast-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-base-scales--all-scales-all-themes-light-colorblind-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-base-scales--all-scales-all-themes-light-colorblind-theme-1-linux.png
index b50175ad3..620301bdc 100644
Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-base-scales--all-scales-all-themes-light-colorblind-theme-1-linux.png and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-base-scales--all-scales-all-themes-light-colorblind-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-base-scales--all-scales-all-themes-light-high-contrast-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-base-scales--all-scales-all-themes-light-high-contrast-theme-1-linux.png
index a289b90c3..3cba621df 100644
Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-base-scales--all-scales-all-themes-light-high-contrast-theme-1-linux.png and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-base-scales--all-scales-all-themes-light-high-contrast-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-base-scales--all-scales-all-themes-light-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-base-scales--all-scales-all-themes-light-theme-1-linux.png
index b50175ad3..620301bdc 100644
Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-base-scales--all-scales-all-themes-light-theme-1-linux.png and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-base-scales--all-scales-all-themes-light-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-base-scales--all-scales-all-themes-light-tritanopia-high-contrast-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-base-scales--all-scales-all-themes-light-tritanopia-high-contrast-theme-1-linux.png
index f34ae8329..3cba621df 100644
Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-base-scales--all-scales-all-themes-light-tritanopia-high-contrast-theme-1-linux.png and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-base-scales--all-scales-all-themes-light-tritanopia-high-contrast-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-base-scales--all-scales-all-themes-light-tritanopia-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-base-scales--all-scales-all-themes-light-tritanopia-theme-1-linux.png
index b50175ad3..620301bdc 100644
Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-base-scales--all-scales-all-themes-light-tritanopia-theme-1-linux.png and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-color-base-scales--all-scales-all-themes-light-tritanopia-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-bgcolor--all-bg-color-themes-in-one-table-light-theme-only-light-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-bgcolor--all-bg-color-themes-in-one-table-light-theme-only-light-theme-1-linux.png
index 1e237e450..bbdbc37ac 100644
Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-bgcolor--all-bg-color-themes-in-one-table-light-theme-only-light-theme-1-linux.png and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-bgcolor--all-bg-color-themes-in-one-table-light-theme-only-light-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-bordercolor--all-border-color-themes-in-one-table-light-theme-only-light-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-bordercolor--all-border-color-themes-in-one-table-light-theme-only-light-theme-1-linux.png
index 2997620c8..2dc8a500a 100644
Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-bordercolor--all-border-color-themes-in-one-table-light-theme-only-light-theme-1-linux.png and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-bordercolor--all-border-color-themes-in-one-table-light-theme-only-light-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-data--all-data-themes-in-one-table-light-theme-only-light-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-data--all-data-themes-in-one-table-light-theme-only-light-theme-1-linux.png
index 8ec8c142a..c11fdb6ac 100644
Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-data--all-data-themes-in-one-table-light-theme-only-light-theme-1-linux.png and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-data--all-data-themes-in-one-table-light-theme-only-light-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-display--display-colors-bright-light-theme-only-light-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-display--display-colors-bright-light-theme-only-light-theme-1-linux.png
index f1291af9c..e7374bc33 100644
Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-display--display-colors-bright-light-theme-only-light-theme-1-linux.png and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-display--display-colors-bright-light-theme-only-light-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-display--display-colors-mid-one-light-theme-only-light-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-display--display-colors-mid-one-light-theme-only-light-theme-1-linux.png
index 68a0d1720..c2116b2c9 100644
Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-display--display-colors-mid-one-light-theme-only-light-theme-1-linux.png and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-display--display-colors-mid-one-light-theme-only-light-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-display--display-colors-mid-two-light-theme-only-light-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-display--display-colors-mid-two-light-theme-only-light-theme-1-linux.png
index d88754583..1a5e4299e 100644
Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-display--display-colors-mid-two-light-theme-only-light-theme-1-linux.png and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-display--display-colors-mid-two-light-theme-only-light-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-display--display-colors-warm-one-light-theme-only-light-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-display--display-colors-warm-one-light-theme-only-light-theme-1-linux.png
index 7328ebba7..32a66ecb9 100644
Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-display--display-colors-warm-one-light-theme-only-light-theme-1-linux.png and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-display--display-colors-warm-one-light-theme-only-light-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-display--display-colors-warm-two-light-theme-only-light-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-display--display-colors-warm-two-light-theme-only-light-theme-1-linux.png
index 6e0fba226..97043ad2a 100644
Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-display--display-colors-warm-two-light-theme-only-light-theme-1-linux.png and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-display--display-colors-warm-two-light-theme-only-light-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-fgcolor--all-fg-color-themes-in-one-table-light-theme-only-light-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-fgcolor--all-fg-color-themes-in-one-table-light-theme-only-light-theme-1-linux.png
index b18b17658..4213496d3 100644
Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-fgcolor--all-fg-color-themes-in-one-table-light-theme-only-light-theme-1-linux.png and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-fgcolor--all-fg-color-themes-in-one-table-light-theme-only-light-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-functional-colors--functional-co-df39a-x-prettylights-light-theme-only-light-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-functional-colors--functional-co-df39a-x-prettylights-light-theme-only-light-theme-1-linux.png
index 152ebada8..fccbe2054 100644
Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-functional-colors--functional-co-df39a-x-prettylights-light-theme-only-light-theme-1-linux.png and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-functional-colors--functional-co-df39a-x-prettylights-light-theme-only-light-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-functional-colors--functional-colors-buttons-danger-light-theme-only-light-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-functional-colors--functional-colors-buttons-danger-light-theme-only-light-theme-1-linux.png
index ae9245a22..a813797fc 100644
Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-functional-colors--functional-colors-buttons-danger-light-theme-only-light-theme-1-linux.png and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-functional-colors--functional-colors-buttons-danger-light-theme-only-light-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-functional-colors--functional-colors-buttons-primary-light-theme-only-light-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-functional-colors--functional-colors-buttons-primary-light-theme-only-light-theme-1-linux.png
index 0457fb057..ba27a7ddf 100644
Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-functional-colors--functional-colors-buttons-primary-light-theme-only-light-theme-1-linux.png and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-functional-colors--functional-colors-buttons-primary-light-theme-only-light-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-functional-colors--functional-colors-content-light-theme-only-light-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-functional-colors--functional-colors-content-light-theme-only-light-theme-1-linux.png
index 24c9c19e4..5cadd5757 100644
Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-functional-colors--functional-colors-content-light-theme-only-light-theme-1-linux.png and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-functional-colors--functional-colors-content-light-theme-only-light-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-functional-colors--functional-colors-controls-base-light-theme-only-light-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-functional-colors--functional-colors-controls-base-light-theme-only-light-theme-1-linux.png
index 1623c263e..e1ef068ba 100644
Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-functional-colors--functional-colors-controls-base-light-theme-only-light-theme-1-linux.png and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-functional-colors--functional-colors-controls-base-light-theme-only-light-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-functional-colors--functional-colors-controls-states-light-theme-only-light-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-functional-colors--functional-colors-controls-states-light-theme-only-light-theme-1-linux.png
index 2327f2591..991e6d6ac 100644
Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-functional-colors--functional-colors-controls-states-light-theme-only-light-theme-1-linux.png and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-functional-colors--functional-colors-controls-states-light-theme-only-light-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-functional-colors--functional-colors-labels-bright-light-theme-only-light-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-functional-colors--functional-colors-labels-bright-light-theme-only-light-theme-1-linux.png
index 35f18fecf..ed1f82600 100644
Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-functional-colors--functional-colors-labels-bright-light-theme-only-light-theme-1-linux.png and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-functional-colors--functional-colors-labels-bright-light-theme-only-light-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-functional-colors--functional-colors-labels-mid-light-theme-only-light-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-functional-colors--functional-colors-labels-mid-light-theme-only-light-theme-1-linux.png
index c2778d9b8..07f741679 100644
Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-functional-colors--functional-colors-labels-mid-light-theme-only-light-theme-1-linux.png and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-functional-colors--functional-colors-labels-mid-light-theme-only-light-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-functional-colors--functional-colors-labels-warm-light-theme-only-light-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-functional-colors--functional-colors-labels-warm-light-theme-only-light-theme-1-linux.png
index 2e0e8fe87..9311b0ae3 100644
Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-functional-colors--functional-colors-labels-warm-light-theme-only-light-theme-1-linux.png and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-functional-colors--functional-colors-labels-warm-light-theme-only-light-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-functional-colors--functional-colors-navigation-light-theme-only-light-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-functional-colors--functional-colors-navigation-light-theme-only-light-theme-1-linux.png
index e0a22dae4..485bd70ac 100644
Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-functional-colors--functional-colors-navigation-light-theme-only-light-theme-1-linux.png and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-functional-colors--functional-colors-navigation-light-theme-only-light-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-functional-colors--functional-colors-syntax-ansi-light-theme-only-light-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-functional-colors--functional-colors-syntax-ansi-light-theme-only-light-theme-1-linux.png
index c40736fa7..57c6c32c3 100644
Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-functional-colors--functional-colors-syntax-ansi-light-theme-only-light-theme-1-linux.png and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-functional-colors--functional-colors-syntax-ansi-light-theme-only-light-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-patterns--pattern-group-buttons-light-theme-only-light-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-patterns--pattern-group-buttons-light-theme-only-light-theme-1-linux.png
index a2e934380..b01eeafb6 100644
Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-patterns--pattern-group-buttons-light-theme-only-light-theme-1-linux.png and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-patterns--pattern-group-buttons-light-theme-only-light-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-patterns--pattern-group-content-light-theme-only-light-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-patterns--pattern-group-content-light-theme-only-light-theme-1-linux.png
index d2c3a17bf..3ea126e8b 100644
Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-patterns--pattern-group-content-light-theme-only-light-theme-1-linux.png and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-patterns--pattern-group-content-light-theme-only-light-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-patterns--pattern-group-controls-light-theme-only-light-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-patterns--pattern-group-controls-light-theme-only-light-theme-1-linux.png
index cee900d05..c787872e5 100644
Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-patterns--pattern-group-controls-light-theme-only-light-theme-1-linux.png and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-patterns--pattern-group-controls-light-theme-only-light-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-patterns--pattern-group-navigation-light-theme-only-light-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-patterns--pattern-group-navigation-light-theme-only-light-theme-1-linux.png
index bce4c32aa..56fbc2ebc 100644
Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-patterns--pattern-group-navigation-light-theme-only-light-theme-1-linux.png and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-patterns--pattern-group-navigation-light-theme-only-light-theme-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-shadow--all-shadow-themes-in-one-table-light-theme-only-light-theme-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-shadow--all-shadow-themes-in-one-table-light-theme-only-light-theme-1-linux.png
index 71caaacca..4b68df1bf 100644
Binary files a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-shadow--all-shadow-themes-in-one-table-light-theme-only-light-theme-1-linux.png and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-vrt-shadow--all-shadow-themes-in-one-table-light-theme-only-light-theme-1-linux.png differ
diff --git a/docs/storybook/stories/Color/Base/Display-Scales.stories.tsx b/docs/storybook/stories/Color/Base/Display-Scales.stories.tsx
deleted file mode 100644
index fab16c8f7..000000000
--- a/docs/storybook/stories/Color/Base/Display-Scales.stories.tsx
+++ /dev/null
@@ -1,70 +0,0 @@
-import React from 'react'
-import {ColorScale} from '../../StorybookComponents/ColorScale/ColorScale'
-
-export default {
-  title: 'Color/Base/Display Scales',
-  parameters: {
-    controls: {hideNoControlsWarning: true},
-  },
-}
-
-const getDisplayColorScale = (colorName: string) =>
-  Array.from({length: 10}, (_, i) => `base-display-color-${colorName}-${i}`)
-
-export const AllScales = () => {
-  return (
-    <div className="ColorScale--grid">
-      <Color color="gray" />
-      <Color color="indigo" />
-      <Color color="blue" />
-      <Color color="cyan" />
-      <Color color="teal" />
-      <Color color="pine" />
-      <Color color="green" />
-      <Color color="lime" />
-      <Color color="olive" />
-      <Color color="lemon" />
-      <Color color="yellow" />
-      <Color color="orange" />
-      <Color color="red" />
-      <Color color="coral" />
-      <Color color="pink" />
-      <Color color="plum" />
-      <Color color="purple" />
-      <Color color="brown" />
-      <Color color="auburn" />
-    </div>
-  )
-}
-AllScales.tags = ['includeSnapshot']
-
-const Color = ({color: colorName}: {color: string}) => {
-  const colors = getDisplayColorScale(colorName)
-  return (
-    <div>
-      {colors.map(color => (
-        <ColorScale color={color} key={color} />
-      ))}
-    </div>
-  )
-}
-
-export const Gray = () => <Color color="gray" />
-export const Indigo = () => <Color color="indigo" />
-export const Blue = () => <Color color="blue" />
-export const Cyan = () => <Color color="cyan" />
-export const Teal = () => <Color color="teal" />
-export const Pine = () => <Color color="pine" />
-export const Green = () => <Color color="green" />
-export const Lime = () => <Color color="lime" />
-export const Olive = () => <Color color="olive" />
-export const Lemon = () => <Color color="lemon" />
-export const Yellow = () => <Color color="yellow" />
-export const Orange = () => <Color color="orange" />
-export const Red = () => <Color color="red" />
-export const Coral = () => <Color color="coral" />
-export const Pink = () => <Color color="pink" />
-export const Plum = () => <Color color="plum" />
-export const Purple = () => <Color color="purple" />
-export const Brown = () => <Color color="brown" />
-export const Auburn = () => <Color color="auburn" />
diff --git a/docs/storybook/stories/Color/Base/Scales.stories.tsx b/docs/storybook/stories/Color/Base/Scales.stories.tsx
index bbcae0d2c..a0785ee59 100644
--- a/docs/storybook/stories/Color/Base/Scales.stories.tsx
+++ b/docs/storybook/stories/Color/Base/Scales.stories.tsx
@@ -2,7 +2,7 @@ import React from 'react'
 import {ColorScale} from '../../StorybookComponents/ColorScale/ColorScale'
 
 export default {
-  title: 'Color/Base/Scales',
+  title: 'Color/Base Scales',
   parameters: {
     controls: {hideNoControlsWarning: true},
   },
@@ -11,9 +11,28 @@ export default {
 const getColorScale = (colorName: string, length: number) =>
   Array.from({length}, (_, i) => `base-color-${colorName}-${i}`)
 
-const Color = ({color: colorName, length = 10, border}: {color: string; length?: number; border?: boolean}) => (
+const fifteenStepScales = new Set([
+  'red',
+  'coral',
+  'orange',
+  'yellow',
+  'lemon',
+  'lime',
+  'green',
+  'teal',
+  'blue',
+  'neutral',
+  'gray',
+  'indigo',
+  'purple',
+  'pink',
+])
+
+const getColorScaleLength = (colorName: string) => (fifteenStepScales.has(colorName) ? 15 : 12)
+
+const Color = ({color: colorName, length, border}: {color: string; length?: number; border?: boolean}) => (
   <div>
-    {getColorScale(colorName, length).map(color => (
+    {getColorScale(colorName, length ?? getColorScaleLength(colorName)).map(color => (
       <ColorScale color={color} border={border} key={color} />
     ))}
   </div>
@@ -22,15 +41,26 @@ const Color = ({color: colorName, length = 10, border}: {color: string; length?:
 export const AllScales = () => {
   return (
     <div className="ColorScale--grid">
-      <Neutral />
-      <Blue />
-      <Green />
-      <Yellow />
-      <Orange />
       <Red />
+      <Auburn />
+      <Coral />
+      <Orange />
+      <Brown />
+      <Yellow />
+      <Lemon />
+      <Olive />
+      <Lime />
+      <Green />
+      <Pine />
+      <Teal />
+      <Cyan />
+      <Blue />
+      <Neutral />
+      <Gray />
+      <Indigo />
       <Purple />
+      <Plum />
       <Pink />
-      <Coral />
       <Black />
       <White />
     </div>
@@ -38,15 +68,27 @@ export const AllScales = () => {
 }
 AllScales.tags = ['includeSnapshot']
 
-export const Neutral = () => <Color color="neutral" length={14} />
-export const Blue = () => <Color color="blue" />
-export const Green = () => <Color color="green" />
-export const Yellow = () => <Color color="yellow" />
-export const Orange = () => <Color color="orange" />
+// sorted by hue (0° → 360°)
 export const Red = () => <Color color="red" />
+export const Auburn = () => <Color color="auburn" />
+export const Coral = () => <Color color="coral" />
+export const Orange = () => <Color color="orange" />
+export const Brown = () => <Color color="brown" />
+export const Yellow = () => <Color color="yellow" />
+export const Lemon = () => <Color color="lemon" />
+export const Olive = () => <Color color="olive" />
+export const Lime = () => <Color color="lime" />
+export const Green = () => <Color color="green" />
+export const Pine = () => <Color color="pine" />
+export const Teal = () => <Color color="teal" />
+export const Cyan = () => <Color color="cyan" />
+export const Blue = () => <Color color="blue" />
+export const Neutral = () => <Color color="neutral" />
+export const Gray = () => <Color color="gray" />
+export const Indigo = () => <Color color="indigo" />
 export const Purple = () => <Color color="purple" />
+export const Plum = () => <Color color="plum" />
 export const Pink = () => <Color color="pink" />
-export const Coral = () => <Color color="coral" />
 
 export const Black = () => (
   <div>
diff --git a/docs/storybook/stories/Color/Display/DataVisColors.stories.tsx b/docs/storybook/stories/Color/Display/DataWithColors.stories.tsx
similarity index 70%
rename from docs/storybook/stories/Color/Display/DataVisColors.stories.tsx
rename to docs/storybook/stories/Color/Display/DataWithColors.stories.tsx
index a0cda31ea..917d0c461 100644
--- a/docs/storybook/stories/Color/Display/DataVisColors.stories.tsx
+++ b/docs/storybook/stories/Color/Display/DataWithColors.stories.tsx
@@ -3,7 +3,7 @@ import {ColorTokenSwatch} from '../../StorybookComponents/ColorTokenSwatch/Color
 import {DataTable, Table} from '@primer/react/experimental'
 import {InlineCode} from '../../StorybookComponents/InlineCode/InlineCode'
 import {getTokensByName} from '../../utilities/getTokensByName'
-import {withColorTokens} from '../../utilities/withColorTokens'
+import {withColorTokens, type ColorTokens} from '../../utilities/withColorTokens'
 import {formatTokenValue} from '../../utilities/formatTokenValue'
 
 export default {
@@ -21,10 +21,10 @@ export default {
 // Uses data-vis tokens: data-{color}-color-emphasis (lines/dots) and
 // data-{color}-color-muted (area fills)
 
-const CHART_COLORS = ['blue', 'green', 'orange', 'red', 'purple', 'teal', 'yellow', 'pink']
+const CHART_COLORS = ['blue', 'green', 'orange', 'red', 'purple', 'teal', 'yellow', 'pink'] as const
 
 // Deterministic sample data — 12 monthly data points per series
-const SERIES_DATA = {
+const SERIES_DATA: Record<string, number[]> = {
   blue: [30, 45, 35, 50, 60, 55, 70, 65, 75, 80, 70, 85],
   green: [20, 25, 30, 28, 35, 42, 38, 45, 50, 48, 55, 60],
   orange: [15, 20, 18, 25, 22, 30, 35, 32, 40, 38, 42, 45],
@@ -50,19 +50,19 @@ const Y_MIN = 0
 const Y_MAX = 100
 const COLS = MONTHS.length - 1 // 11 intervals
 
-function xPos(i) {
+function xPos(i: number): number {
   return PAD_LEFT + (i / COLS) * (CHART_W - PAD_LEFT - PAD_RIGHT)
 }
 
-function yPos(v) {
+function yPos(v: number): number {
   return PAD_TOP + (1 - (v - Y_MIN) / (Y_MAX - Y_MIN)) * (CHART_H - PAD_TOP - PAD_BOTTOM)
 }
 
-function toPoints(values) {
+function toPoints(values: number[]): string {
   return values.map((v, i) => `${xPos(i)},${yPos(v)}`).join(' ')
 }
 
-function toAreaPath(values) {
+function toAreaPath(values: number[]): string {
   const top = values.map((v, i) => `${xPos(i)},${yPos(v)}`).join(' L ')
   const baseline = yPos(Y_MIN)
   const lastX = xPos(values.length - 1)
@@ -142,7 +142,7 @@ function ChartLegend() {
 
 // ─── Heading helper ───────────────────────────────────────────────────────────
 
-const SectionHeading = ({children, as = 'h2'}) => {
+const SectionHeading = ({children, as = 'h2'}: {children: React.ReactNode; as?: 'h1' | 'h2'}) => {
   const Tag = as
   return (
     <Tag
@@ -238,7 +238,83 @@ export const AreaChart = () => {
   )
 }
 
-export const DataVisAccentColors = ({colorTokens}) => {
+export const Foreground = ({colorTokens}: {colorTokens: ColorTokens}) => {
+  const data = getTokensByName(colorTokens, 'display')
+    .filter(token => token.name.includes('fgColor'))
+    .map(token => ({id: token.name, ...token}))
+
+  return (
+    <Table.Container>
+      <Table.Title as="h1" id="fg-heading">
+        Foreground
+      </Table.Title>
+      <DataTable
+        aria-labelledby="fg-heading"
+        data={data}
+        columns={[
+          {
+            header: 'Sample',
+            field: 'name',
+            rowHeader: true,
+            renderCell: row => <ColorTokenSwatch textColor={row.name} />,
+          },
+          {
+            header: 'Token',
+            field: 'name',
+            rowHeader: true,
+            renderCell: row => <InlineCode value={row.name} copyClipboard cssVar />,
+          },
+          {
+            header: 'Output value',
+            field: 'value',
+            rowHeader: true,
+            renderCell: row => <p>{formatTokenValue(row.value)}</p>,
+          },
+        ]}
+      />
+    </Table.Container>
+  )
+}
+
+export const Background = ({colorTokens}: {colorTokens: ColorTokens}) => {
+  const data = getTokensByName(colorTokens, 'display')
+    .filter(token => token.name.includes('bgColor'))
+    .map(token => ({id: token.name, ...token}))
+
+  return (
+    <Table.Container>
+      <Table.Title as="h1" id="bg-heading">
+        Background
+      </Table.Title>
+      <DataTable
+        aria-labelledby="bg-heading"
+        data={data}
+        columns={[
+          {
+            header: 'Sample',
+            field: 'name',
+            rowHeader: true,
+            renderCell: row => <ColorTokenSwatch bgColor={row.name} />,
+          },
+          {
+            header: 'Token',
+            field: 'name',
+            rowHeader: true,
+            renderCell: row => <InlineCode value={row.name} copyClipboard cssVar />,
+          },
+          {
+            header: 'Output value',
+            field: 'value',
+            rowHeader: true,
+            renderCell: row => <p>{formatTokenValue(row.value)}</p>,
+          },
+        ]}
+      />
+    </Table.Container>
+  )
+}
+
+export const DataVisAccentColors = ({colorTokens}: {colorTokens: ColorTokens}) => {
   const data = getTokensByName(colorTokens, 'data')
     .filter(({type, name}) => type === 'color' && !name.includes('muted'))
     .map(token => ({id: token.name, ...token}))
@@ -276,7 +352,7 @@ export const DataVisAccentColors = ({colorTokens}) => {
   )
 }
 
-export const DataVisMutedColors = ({colorTokens}) => {
+export const DataVisMutedColors = ({colorTokens}: {colorTokens: ColorTokens}) => {
   const data = getTokensByName(colorTokens, 'data')
     .filter(({type, name}) => type === 'color' && name.includes('muted'))
     .map(token => ({id: token.name, ...token}))
@@ -313,3 +389,41 @@ export const DataVisMutedColors = ({colorTokens}) => {
     </Table.Container>
   )
 }
+
+export const Border = ({colorTokens}: {colorTokens: ColorTokens}) => {
+  const data = getTokensByName(colorTokens, 'display')
+    .filter(token => token.name.includes('borderColor'))
+    .map(token => ({id: token.name, ...token}))
+
+  return (
+    <Table.Container>
+      <Table.Title as="h1" id="border-heading">
+        Border
+      </Table.Title>
+      <DataTable
+        aria-labelledby="border-heading"
+        data={data}
+        columns={[
+          {
+            header: 'Sample',
+            field: 'name',
+            rowHeader: true,
+            renderCell: row => <ColorTokenSwatch borderColor={row.name} />,
+          },
+          {
+            header: 'Token',
+            field: 'name',
+            rowHeader: true,
+            renderCell: row => <InlineCode value={row.name} copyClipboard cssVar />,
+          },
+          {
+            header: 'Output value',
+            field: 'value',
+            rowHeader: true,
+            renderCell: row => <p>{formatTokenValue(row.value)}</p>,
+          },
+        ]}
+      />
+    </Table.Container>
+  )
+}
diff --git a/docs/storybook/stories/Color/Display/LabelColors.stories.tsx b/docs/storybook/stories/Color/Display/LabelColors.stories.tsx
new file mode 100644
index 000000000..7c1004803
--- /dev/null
+++ b/docs/storybook/stories/Color/Display/LabelColors.stories.tsx
@@ -0,0 +1,121 @@
+import React from 'react'
+import {Stack} from '@primer/react/experimental'
+
+export default {
+  title: 'Color/Display/Label Colors',
+  parameters: {
+    controls: {hideNoControlsWarning: true},
+    options: {
+      showPanel: false,
+    },
+  },
+}
+
+const colors = [
+  'gray',
+  'blue',
+  'indigo',
+  'cyan',
+  'teal',
+  'pine',
+  'green',
+  'lime',
+  'olive',
+  'lemon',
+  'yellow',
+  'orange',
+  'red',
+  'coral',
+  'pink',
+  'plum',
+  'purple',
+  'brown',
+  'auburn',
+]
+
+const labelStyle: React.CSSProperties = {
+  display: 'inline-flex',
+  alignItems: 'center',
+  padding: '2px 8px',
+  borderRadius: '2em',
+  fontSize: '12px',
+  fontWeight: 500,
+  lineHeight: '18px',
+  whiteSpace: 'nowrap',
+  cursor: 'pointer',
+  textDecoration: 'none',
+  userSelect: 'none',
+}
+
+const SectionHeading = ({children}: {children: React.ReactNode}) => (
+  <h2
+    style={{
+      fontSize: '14px',
+      fontWeight: 600,
+      marginBottom: '8px',
+      marginTop: '0',
+      color: 'var(--fgColor-default)',
+    }}
+  >
+    {children}
+  </h2>
+)
+
+type InteractionState = 'rest' | 'hover' | 'active'
+
+function LabelChip({color, withBorder}: {color: string; withBorder?: boolean}) {
+  const [state, setState] = React.useState<InteractionState>('rest')
+
+  const bg =
+    state === 'active'
+      ? `var(--label-${color}-bgColor-active)`
+      : state === 'hover'
+        ? `var(--label-${color}-bgColor-hover)`
+        : `var(--label-${color}-bgColor-rest)`
+
+  const fg =
+    state === 'active'
+      ? `var(--label-${color}-fgColor-active)`
+      : state === 'hover'
+        ? `var(--label-${color}-fgColor-hover)`
+        : `var(--label-${color}-fgColor-rest)`
+
+  // Border only shown on the resting state of the bordered variant
+  const boxShadow = withBorder && state === 'rest' ? `inset 0 0 0 1px var(--label-${color}-borderColor)` : undefined
+
+  return (
+    <span
+      style={{...labelStyle, backgroundColor: bg, color: fg, boxShadow}}
+      onMouseEnter={() => setState('hover')}
+      onMouseLeave={() => setState('rest')}
+      onMouseDown={() => setState('active')}
+      onMouseUp={() => setState('hover')}
+    >
+      {color}
+    </span>
+  )
+}
+
+export const LabelColors = () => {
+  return (
+    <Stack direction="vertical" gap="spacious" style={{padding: '24px'}}>
+      <div>
+        <SectionHeading>Default (hover &amp; click me)</SectionHeading>
+        <Stack direction="horizontal" gap="condensed" wrap="wrap">
+          {colors.map(color => (
+            <LabelChip key={color} color={color} />
+          ))}
+        </Stack>
+      </div>
+
+      <div>
+        <SectionHeading>With border (hover &amp; click me)</SectionHeading>
+        <Stack direction="horizontal" gap="condensed" wrap="wrap">
+          {colors.map(color => (
+            <LabelChip key={color} color={color} withBorder />
+          ))}
+        </Stack>
+      </div>
+    </Stack>
+  )
+}
diff --git a/docs/storybook/stories/Color/Display/Scales.stories.tsx b/docs/storybook/stories/Color/Display/Scales.stories.tsx
index aaf9bb178..c8f4ed4ef 100644
--- a/docs/storybook/stories/Color/Display/Scales.stories.tsx
+++ b/docs/storybook/stories/Color/Display/Scales.stories.tsx
@@ -2,7 +2,7 @@ import React from 'react'
 import {Banner} from '@primer/react'
 import {ColorScaleByName} from '../../StorybookComponents/ColorScale/ColorScaleByName'
 import {getTokensByName} from '../../utilities/getTokensByName'
-import {withColorTokens} from '../../utilities/withColorTokens'
+import {withColorTokens, type ColorTokens} from '../../utilities/withColorTokens'
 
 export default {
   title: 'Color/Display/Scales',
@@ -15,7 +15,7 @@ export default {
   },
 }
 
-export const Scales = ({colorTokens}) => {
+export const Scales = ({colorTokens}: {colorTokens: ColorTokens}) => {
   const hues = [
     ...new Set(
       getTokensByName(colorTokens, 'display')
diff --git a/docs/storybook/stories/Color/Functional/Display.stories.tsx b/docs/storybook/stories/Color/Functional/Display.stories.tsx
index 8a1e5c9a0..14c6ea5d3 100644
--- a/docs/storybook/stories/Color/Functional/Display.stories.tsx
+++ b/docs/storybook/stories/Color/Functional/Display.stories.tsx
@@ -9,7 +9,7 @@ import {withColorTokens, type ColorTokens} from '../../utilities/withColorTokens
 import {formatTokenValue} from '../../utilities/formatTokenValue'
 
 export default {
-  title: 'Color/Alpha/Display',
+  title: 'Color/Display (Legacy)',
   decorators: [withColorTokens],
   parameters: {
     controls: {hideNoControlsWarning: true},
diff --git a/docs/storybook/stories/Demo/DisplayColorTesting.stories.tsx b/docs/storybook/stories/Demo/DisplayColorTesting.stories.tsx
deleted file mode 100644
index aa3eded7e..000000000
--- a/docs/storybook/stories/Demo/DisplayColorTesting.stories.tsx
+++ /dev/null
@@ -1,55 +0,0 @@
-import React from 'react'
-import {Stack, IssueLabel} from '@primer/react/experimental'
-
-export default {
-  title: 'Testing/Colors',
-  parameters: {
-    controls: {hideNoControlsWarning: true},
-    options: {
-      showPanel: false,
-    },
-  },
-}
-
-const colors = [
-  'gray',
-  'blue',
-  'indigo',
-  'cyan',
-  'teal',
-  'pine',
-  'green',
-  'lime',
-  'olive',
-  'lemon',
-  'yellow',
-  'orange',
-  'red',
-  'coral',
-  'pink',
-  'plum',
-  'purple',
-  'brown',
-  'auburn',
-]
-
-export const DisplayDemo = () => {
-  return (
-    <Stack direction="vertical" gap="spacious">
-      <Stack direction="horizontal" gap="condensed" wrap="wrap">
-        {colors.map(color => (
-          <IssueLabel href="/" key={color} variant={color}>
-            {color}
-          </IssueLabel>
-        ))}
-      </Stack>
-      <Stack direction="horizontal" gap="condensed" wrap="wrap">
-        {colors.map(color => (
-          <IssueLabel href="/" key={color} variant={color}>
-            {color}
-          </IssueLabel>
-        ))}
-      </Stack>
-    </Stack>
-  )
-}
diff --git a/docs/storybook/stories/StorybookComponents/ColorScale/ColorScale.tsx b/docs/storybook/stories/StorybookComponents/ColorScale/ColorScale.tsx
index bce399c22..d08687824 100644
--- a/docs/storybook/stories/StorybookComponents/ColorScale/ColorScale.tsx
+++ b/docs/storybook/stories/StorybookComponents/ColorScale/ColorScale.tsx
@@ -32,89 +32,34 @@ function safeHex(rgb: string): string | null {
   }
 }
 
-const PROBE_STYLE: React.CSSProperties = {
-  position: 'fixed',
-  top: 0,
-  left: 0,
-  width: 1,
-  height: 1,
-  opacity: 0,
-  pointerEvents: 'none',
-}
-
-type ProbeConfig = {
-  key: string
-  cssVar: string
-  cssProp: 'color' | 'backgroundColor'
-  icon: 'aa' | 'outline-square' | 'filled-square'
-  tooltip: string
-  numOnSwatch: boolean
-}
-
-const PROBES: ProbeConfig[] = [
-  {
-    key: 'fgDefault',
-    cssVar: '--fgColor-default',
-    cssProp: 'color',
-    icon: 'aa',
-    tooltip: 'Contrast for fgColor-default',
-    numOnSwatch: true,
-  },
-  {
-    key: 'fgMuted',
-    cssVar: '--fgColor-muted',
-    cssProp: 'color',
-    icon: 'aa',
-    tooltip: 'Contrast for fgColor-muted',
-    numOnSwatch: true,
-  },
-  {
-    key: 'borderDefault',
-    cssVar: '--borderColor-default',
-    cssProp: 'color',
-    icon: 'outline-square',
-    tooltip: 'Contrast for borderColor-default',
-    numOnSwatch: false,
-  },
-  {
-    key: 'bgDefault',
-    cssVar: '--bgColor-default',
-    cssProp: 'backgroundColor',
-    icon: 'filled-square',
-    tooltip: 'Contrast for bgColor-default',
-    numOnSwatch: true,
-  },
-  {
-    key: 'bgMuted',
-    cssVar: '--bgColor-muted',
-    cssProp: 'backgroundColor',
-    icon: 'filled-square',
-    tooltip: 'Contrast for bgColor-muted',
-    numOnSwatch: true,
-  },
-]
-
 export type ColorScaleProps = {
   color?: string
   border?: boolean
 }
 
 export const ColorScale = ({color, border}: ColorScaleProps) => {
-  const swatchRef = React.useRef<HTMLDivElement | null>(null)
-  const probeRefs = React.useRef<Record<string, HTMLDivElement | null>>({})
+  const swatchRef = React.useRef<HTMLDivElement>(null)
+  const fgDefaultRef = React.useRef<HTMLDivElement>(null)
+  const fgMutedRef = React.useRef<HTMLDivElement>(null)
+  const borderDefaultRef = React.useRef<HTMLDivElement>(null)
+  const bgDefaultRef = React.useRef<HTMLDivElement>(null)
+  const bgMutedRef = React.useRef<HTMLDivElement>(null)
 
   const [hex, setHex] = React.useState<string | null>(null)
-  const [probeColors, setProbeColors] = React.useState<Record<string, string | null>>({})
+  const [fgDefault, setFgDefault] = React.useState<string | null>(null)
+  const [fgMuted, setFgMuted] = React.useState<string | null>(null)
+  const [borderDefault, setBorderDefault] = React.useState<string | null>(null)
+  const [bgDefault, setBgDefault] = React.useState<string | null>(null)
+  const [bgMuted, setBgMuted] = React.useState<string | null>(null)
 
   const recalculate = React.useCallback(() => {
     setTimeout(() => {
       if (swatchRef.current) setHex(safeHex(getComputedStyle(swatchRef.current).backgroundColor))
-      const next: Record<string, string | null> = {}
-      for (const {key, cssProp} of PROBES) {
-        const el = probeRefs.current[key]
-        if (el) next[key] = safeHex(getComputedStyle(el)[cssProp])
-      }
-      setProbeColors(next)
+      if (fgDefaultRef.current) setFgDefault(safeHex(getComputedStyle(fgDefaultRef.current).color))
+      if (fgMutedRef.current) setFgMuted(safeHex(getComputedStyle(fgMutedRef.current).color))
+      if (borderDefaultRef.current) setBorderDefault(safeHex(getComputedStyle(borderDefaultRef.current).color))
+      if (bgDefaultRef.current) setBgDefault(safeHex(getComputedStyle(bgDefaultRef.current).backgroundColor))
+      if (bgMutedRef.current) setBgMuted(safeHex(getComputedStyle(bgMutedRef.current).backgroundColor))
     }, 0)
   }, [])
 
@@ -135,6 +80,22 @@ export const ColorScale = ({color, border}: ColorScaleProps) => {
   const vsWhite = hex ? contrast(hex, '#ffffff') : null
   const onSwatch = (vsBlack ?? 0) >= (vsWhite ?? 0) ? '#000000' : '#ffffff'
 
+  const vsFgDefault = hex && fgDefault ? contrast(hex, fgDefault) : null
+  const vsFgMuted = hex && fgMuted ? contrast(hex, fgMuted) : null
+  const vsBorderDefault = hex && borderDefault ? contrast(hex, borderDefault) : null
+  const vsBgDefault = hex && bgDefault ? contrast(hex, bgDefault) : null
+  const vsBgMuted = hex && bgMuted ? contrast(hex, bgMuted) : null
+
+  const probeStyle: React.CSSProperties = {
+    position: 'fixed',
+    top: 0,
+    left: 0,
+    width: 1,
+    height: 1,
+    opacity: 0,
+    pointerEvents: 'none',
+  }
+
   return (
     <div
       className="ColorScale--block"
@@ -146,47 +107,64 @@ export const ColorScale = ({color, border}: ColorScaleProps) => {
       ref={swatchRef}
     >
       {/* Probes — read color/bg values from CSS vars */}
-      {PROBES.map(({key, cssVar, cssProp}) => (
-        <div
-          key={key}
-          ref={el => {
-            probeRefs.current[key] = el
-          }}
-          aria-hidden
-          style={{
-            ...PROBE_STYLE,
-            ...(cssProp === 'color' ? {color: `var(${cssVar})`} : {backgroundColor: `var(${cssVar})`}),
-          }}
-        />
-      ))}
+      <div ref={fgDefaultRef} aria-hidden style={{...probeStyle, color: 'var(--fgColor-default)'}} />
+      <div ref={fgMutedRef} aria-hidden style={{...probeStyle, color: 'var(--fgColor-muted)'}} />
+      <div ref={borderDefaultRef} aria-hidden style={{...probeStyle, color: 'var(--borderColor-default)'}} />
+      <div ref={bgDefaultRef} aria-hidden style={{...probeStyle, backgroundColor: 'var(--bgColor-default)'}} />
+      <div ref={bgMutedRef} aria-hidden style={{...probeStyle, backgroundColor: 'var(--bgColor-muted)'}} />
 
       <p className="cs-name" style={{color: onSwatch}}>
         {color}
       </p>
 
       <div className="cs-row">
-        {PROBES.map(({key, cssVar, icon, tooltip, numOnSwatch}) => {
-          const probeColor = probeColors[key]
-          const ratio = hex && probeColor ? contrast(hex, probeColor) : null
-          if (ratio === null) return null
-          const numColor = numOnSwatch ? onSwatch : `var(${cssVar})`
-          return (
-            <span key={key} className="cs-badge" data-tooltip={tooltip}>
-              {icon === 'aa' ? (
-                <span className="cs-aa" style={{color: `var(${cssVar})`}}>
-                  Aa
-                </span>
-              ) : icon === 'outline-square' ? (
-                <span className="cs-square cs-square--outline" style={{borderColor: `var(${cssVar})`}} />
-              ) : (
-                <span className="cs-square cs-square--filled" style={{backgroundColor: `var(${cssVar})`}} />
-              )}
-              <span className="cs-num" style={{color: numColor}}>
-                {fmt(ratio)}
-              </span>
+        {/* Aa badges: color = the fg/border CSS var itself, so Aa + number are both in that color */}
+        {vsFgDefault !== null && (
+          <span className="cs-badge" data-tooltip="Contrast for fgColor-default">
+            <span className="cs-aa" style={{color: 'var(--fgColor-default)'}}>
+              Aa
+            </span>
+            <span className="cs-num" style={{color: onSwatch}}>
+              {fmt(vsFgDefault)}
+            </span>
+          </span>
+        )}
+        {vsFgMuted !== null && (
+          <span className="cs-badge" data-tooltip="Contrast for fgColor-muted">
+            <span className="cs-aa" style={{color: 'var(--fgColor-muted)'}}>
+              Aa
+            </span>
+            <span className="cs-num" style={{color: onSwatch}}>
+              {fmt(vsFgMuted)}
             </span>
-          )
-        })}
+          </span>
+        )}
+        {/* Border badge: outlined square + number in borderColor-default */}
+        {vsBorderDefault !== null && (
+          <span className="cs-badge" data-tooltip="Contrast for borderColor-default">
+            <span className="cs-square cs-square--outline" style={{borderColor: 'var(--borderColor-default)'}} />
+            <span className="cs-num" style={{color: 'var(--borderColor-default)'}}>
+              {fmt(vsBorderDefault)}
+            </span>
+          </span>
+        )}
+        {/* Bg badges: filled square in the bg color, number in onSwatch */}
+        {vsBgDefault !== null && (
+          <span className="cs-badge" data-tooltip="Contrast for bgColor-default">
+            <span className="cs-square cs-square--filled" style={{backgroundColor: 'var(--bgColor-default)'}} />
+            <span className="cs-num" style={{color: onSwatch}}>
+              {fmt(vsBgDefault)}
+            </span>
+          </span>
+        )}
+        {vsBgMuted !== null && (
+          <span className="cs-badge" data-tooltip="Contrast for bgColor-muted">
+            <span className="cs-square cs-square--filled" style={{backgroundColor: 'var(--bgColor-muted)'}} />
+            <span className="cs-num" style={{color: onSwatch}}>
+              {fmt(vsBgMuted)}
+            </span>
+          </span>
+        )}
         {hex && (
           <span className="cs-hex" style={{color: onSwatch}}>
             {hex}
diff --git a/package.json b/package.json
index fd929ed75..2b1b3a866 100644
--- a/package.json
+++ b/package.json
@@ -36,6 +36,8 @@
     "build:types": "tsc -p build.tsconfig.jsonc && tsx scripts/copyDir.ts src/types dist/build/types",
     "build:llm": "tsx scripts/buildLlm.ts",
     "check": "npm run lint && npm run format:check && npm run test && npm run build",
+    "check:contrast:inputs": "tsx scripts/checkContrastInputs.ts",
+    "precheck:contrast": "npm run build:tokens && npm run check:contrast:inputs",
     "check:contrast": "tsx scripts/colorContrast.ts",
     "clean": "rm -rf dist",
     "format": "prettier --write '**/*.{js,jsx,ts,tsx,md,mdx,css}'",
diff --git a/scripts/checkContrastInputs.ts b/scripts/checkContrastInputs.ts
new file mode 100644
index 000000000..e8506a057
--- /dev/null
+++ b/scripts/checkContrastInputs.ts
@@ -0,0 +1,19 @@
+import {existsSync} from 'fs'
+import {themes} from './themes.config.js'
+
+const missingThemeFiles = themes
+  .map(({filename}) => `dist/docs/functional/themes/${filename}.json`)
+  .filter(filePath => !existsSync(filePath))
+
+if (missingThemeFiles.length > 0) {
+  console.error(
+    [
+      'Contrast check input files are missing after `npm run build:tokens`.',
+      'This usually means the token build logged errors and did not generate every theme JSON file.',
+      '',
+      'Missing files:',
+      ...missingThemeFiles.map(filePath => `- ${filePath}`),
+    ].join('\n'),
+  )
+  process.exit(1)
+}
diff --git a/scripts/colorContrast.config.ts b/scripts/colorContrast.config.ts
index 1603c4bfd..61046ce30 100644
--- a/scripts/colorContrast.config.ts
+++ b/scripts/colorContrast.config.ts
@@ -236,6 +236,63 @@ const displayColorRequirements: ContrastRequirementBlueprint[] = [
   ['contrast.border', 'display-auburn-borderColor-emphasis', 'display-auburn-bgColor-muted'],
 ]
 
+const labelColorRequirements: ContrastRequirementBlueprint[] = [
+  // label fgColor vs bgColor for each interactive state
+  ...(
+    [
+      'gray',
+      'indigo',
+      'blue',
+      'cyan',
+      'teal',
+      'pine',
+      'green',
+      'lime',
+      'olive',
+      'lemon',
+      'yellow',
+      'orange',
+      'red',
+      'coral',
+      'pink',
+      'plum',
+      'purple',
+      'brown',
+      'auburn',
+    ] as const
+  ).flatMap(
+    hue =>
+      [
+        ['contrast.text', `label-${hue}-fgColor-rest`, `label-${hue}-bgColor-rest`],
+        ['contrast.text', `label-${hue}-fgColor-hover`, `label-${hue}-bgColor-hover`],
+        ['contrast.text', `label-${hue}-fgColor-active`, `label-${hue}-bgColor-active`],
+      ] as ContrastRequirementBlueprint[],
+  ),
+]
+
+const syntaxColorRequirements: ContrastRequirementBlueprint[] = [
+  ...[
+    'color-prettylights-syntax-comment',
+    'color-prettylights-syntax-constant',
+    'color-prettylights-syntax-constant-other-reference-link',
+    'color-prettylights-syntax-entity',
+    'color-prettylights-syntax-entity-tag',
+    'color-prettylights-syntax-keyword',
+    'color-prettylights-syntax-string',
+    'color-prettylights-syntax-variable',
+  ].map(token => ['contrast.text', token, 'bgColor-default'] as ContrastRequirementBlueprint),
+  ...[
+    'codeMirror-syntax-fgColor-comment',
+    'codeMirror-syntax-fgColor-constant',
+    'codeMirror-syntax-fgColor-entity',
+    'codeMirror-syntax-fgColor-keyword',
+    'codeMirror-syntax-fgColor-storage',
+    'codeMirror-syntax-fgColor-string',
+    'codeMirror-syntax-fgColor-support',
+    'codeMirror-syntax-fgColor-variable',
+  ].map(token => ['contrast.text', token, 'codeMirror-bgColor'] as ContrastRequirementBlueprint),
+]
+
 const setContrastRatios = (
   contrast: 'default' | 'highContrast',
   requirements: ContrastRequirementBlueprint[],
@@ -269,15 +326,27 @@ export type ThemeName =
 
 const defaultContrast: ContrastRequirement[] = setContrastRatios('default', [
   ...baseRequirements,
+  ...syntaxColorRequirements,
   ...displayColorRequirements,
+  ...labelColorRequirements,
 ])
 
 const highContrast: ContrastRequirement[] = setContrastRatios('highContrast', [
   ...baseRequirements,
+  ...syntaxColorRequirements,
   ...displayColorRequirements,
+  ...labelColorRequirements,
   // add high contrast overwrites or additions
 ])
 
+const darkDimmedContrast: ContrastRequirement[] = setContrastRatios('default', [
+  ['contrast.text', 'fgColor-accent', 'bgColor-default'],
+  ['contrast.text', 'fgColor-accent', 'bgColor-muted'],
+  ['contrast.text', 'fgColor-accent', 'bgColor-inset'],
+  ['contrast.text', 'fgColor-accent', 'bgColor-accent-muted'],
+  ...syntaxColorRequirements,
+])
+
 export type ContrastRequirements = {[key in ThemeName]: ContrastRequirement[]}
 export const contrastRequirements: ContrastRequirements = {
   // default light mode
@@ -289,7 +358,7 @@ export const contrastRequirements: ContrastRequirements = {
   light_tritanopia_high_contrast: highContrast,
   // default dark mode
   dark: defaultContrast,
-  dark_dimmed: defaultContrast,
+  dark_dimmed: darkDimmedContrast,
   dark_dimmed_high_contrast: highContrast,
   dark_high_contrast: highContrast,
   dark_protanopia_deuteranopia: defaultContrast,
diff --git a/scripts/colorContrast.ts b/scripts/colorContrast.ts
index 10684a3aa..1c24bb584 100644
--- a/scripts/colorContrast.ts
+++ b/scripts/colorContrast.ts
@@ -202,15 +202,19 @@ type Tokens = Record<string, Token>
 type Theme = [ThemeName, Tokens]
 // get colors
 const getColorsFromFiles = async (filePaths: ThemeName[]): Promise<Theme[]> => {
-  const files = filePaths.map(
-    async themeName =>
-      [
-        themeName,
-        await JSON.parse(
-          await readFile(`./dist/docs/functional/themes/${getThemeFileName(themeName, '_', '-')}.json`, 'utf8'),
-        ),
-      ] as Theme,
-  )
+  const files = filePaths.map(async themeName => {
+    const filePath = `./dist/docs/functional/themes/${getThemeFileName(themeName, '_', '-')}.json`
+    try {
+      return [themeName, await JSON.parse(await readFile(filePath, 'utf8'))] as Theme
+    } catch (error) {
+      if ((error as NodeJS.ErrnoException).code === 'ENOENT') {
+        throw new Error(
+          `Missing generated theme file: ${filePath}. Run \`npm run build:tokens\` before \`npm run check:contrast\`.`,
+        )
+      }
+      throw error
+    }
+  })
   // return object with themes
   return await Promise.all(files)
 }
@@ -220,6 +224,7 @@ const allThemeNames: ThemeName[] = [
   'dark',
   'light_high_contrast',
   'dark_high_contrast',
+  'dark_dimmed',
   'light_protanopia_deuteranopia',
   'dark_protanopia_deuteranopia',
   'light_protanopia_deuteranopia_high_contrast',
diff --git a/scripts/themes.config.ts b/scripts/themes.config.ts
index 15a88b6d2..f8d5e75e2 100644
--- a/scripts/themes.config.ts
+++ b/scripts/themes.config.ts
@@ -11,11 +11,7 @@ export const themes: TokenBuildInput[] = [
       `src/tokens/functional/color/*.json5`,
       `src/tokens/component/*.json5`,
     ],
-    include: [
-      `src/tokens/functional/size/border.json5`,
-      `src/tokens/base/color/light/light.json5`,
-      `src/tokens/base/color/light/display-light.json5`,
-    ],
+    include: [`src/tokens/functional/size/border.json5`, `src/tokens/base/color/light/light.json5`],
   },
   {
     filename: 'light-tritanopia',
@@ -27,11 +23,7 @@ export const themes: TokenBuildInput[] = [
       `src/tokens/functional/color/*.json5`,
       `src/tokens/component/*.json5`,
     ],
-    include: [
-      `src/tokens/functional/size/border.json5`,
-      `src/tokens/base/color/light/light.json5`,
-      `src/tokens/base/color/light/display-light.json5`,
-    ],
+    include: [`src/tokens/functional/size/border.json5`, `src/tokens/base/color/light/light.json5`],
   },
   {
     filename: 'light-tritanopia-high-contrast',
@@ -48,7 +40,6 @@ export const themes: TokenBuildInput[] = [
       `src/tokens/functional/size/border.json5`,
       `src/tokens/base/color/light/light.json5`,
       `src/tokens/base/color/light/light.high-contrast.json5`,
-      `src/tokens/base/color/light/display-light.json5`,
     ],
   },
   {
@@ -61,11 +52,7 @@ export const themes: TokenBuildInput[] = [
       `src/tokens/functional/color/*.json5`,
       `src/tokens/component/*.json5`,
     ],
-    include: [
-      `src/tokens/functional/size/border.json5`,
-      `src/tokens/base/color/light/light.json5`,
-      `src/tokens/base/color/light/display-light.json5`,
-    ],
+    include: [`src/tokens/functional/size/border.json5`, `src/tokens/base/color/light/light.json5`],
   },
   {
     filename: 'light-colorblind-high-contrast',
@@ -82,7 +69,6 @@ export const themes: TokenBuildInput[] = [
       `src/tokens/functional/size/border.json5`,
       `src/tokens/base/color/light/light.json5`,
       `src/tokens/base/color/light/light.high-contrast.json5`,
-      `src/tokens/base/color/light/display-light.json5`,
     ],
   },
   {
@@ -99,7 +85,6 @@ export const themes: TokenBuildInput[] = [
       `src/tokens/functional/size/border.json5`,
       `src/tokens/base/color/light/light.json5`,
       `src/tokens/base/color/light/light.high-contrast.json5`,
-      `src/tokens/base/color/light/display-light.json5`,
     ],
   },
   {
@@ -112,11 +97,7 @@ export const themes: TokenBuildInput[] = [
       `src/tokens/functional/color/*.json5`,
       `src/tokens/component/*.json5`,
     ],
-    include: [
-      `src/tokens/functional/size/border.json5`,
-      `src/tokens/base/color/dark/dark.json5`,
-      `src/tokens/base/color/dark/display-dark.json5`,
-    ],
+    include: [`src/tokens/functional/size/border.json5`, `src/tokens/base/color/dark/dark.json5`],
   },
   {
     filename: 'dark-dimmed',
@@ -132,7 +113,6 @@ export const themes: TokenBuildInput[] = [
       `src/tokens/functional/size/border.json5`,
       `src/tokens/base/color/dark/dark.json5`,
       `src/tokens/base/color/dark/dark.dimmed.json5`,
-      `src/tokens/base/color/dark/display-dark.json5`,
     ],
   },
   {
@@ -151,7 +131,6 @@ export const themes: TokenBuildInput[] = [
       `src/tokens/base/color/dark/dark.json5`,
       `src/tokens/base/color/dark/dark.high-contrast.json5`,
       `src/tokens/base/color/dark/dark.dimmed.json5`,
-      `src/tokens/base/color/dark/display-dark.json5`,
     ],
   },
   {
@@ -164,11 +143,7 @@ export const themes: TokenBuildInput[] = [
       `src/tokens/functional/color/*.json5`,
       `src/tokens/component/*.json5`,
     ],
-    include: [
-      `src/tokens/functional/size/border.json5`,
-      `src/tokens/base/color/dark/dark.json5`,
-      `src/tokens/base/color/dark/display-dark.json5`,
-    ],
+    include: [`src/tokens/functional/size/border.json5`, `src/tokens/base/color/dark/dark.json5`],
   },
   {
     filename: 'dark-tritanopia-high-contrast',
@@ -185,7 +160,6 @@ export const themes: TokenBuildInput[] = [
       `src/tokens/functional/size/border.json5`,
       `src/tokens/base/color/dark/dark.json5`,
       `src/tokens/base/color/dark/dark.high-contrast.json5`,
-      `src/tokens/base/color/dark/display-dark.json5`,
     ],
   },
   {
@@ -198,11 +172,7 @@ export const themes: TokenBuildInput[] = [
       `src/tokens/functional/color/*.json5`,
       `src/tokens/component/*.json5`,
     ],
-    include: [
-      `src/tokens/functional/size/border.json5`,
-      `src/tokens/base/color/dark/dark.json5`,
-      `src/tokens/base/color/dark/display-dark.json5`,
-    ],
+    include: [`src/tokens/functional/size/border.json5`, `src/tokens/base/color/dark/dark.json5`],
   },
   {
     filename: 'dark-colorblind-high-contrast',
@@ -219,7 +189,6 @@ export const themes: TokenBuildInput[] = [
       `src/tokens/functional/size/border.json5`,
       `src/tokens/base/color/dark/dark.json5`,
       `src/tokens/base/color/dark/dark.high-contrast.json5`,
-      `src/tokens/base/color/dark/display-dark.json5`,
     ],
   },
   {
@@ -236,7 +205,6 @@ export const themes: TokenBuildInput[] = [
       `src/tokens/functional/size/border.json5`,
       `src/tokens/base/color/dark/dark.json5`,
       `src/tokens/base/color/dark/dark.high-contrast.json5`,
-      `src/tokens/base/color/dark/display-dark.json5`,
     ],
   },
 ]
diff --git a/src/tokens/base/color/dark/dark.dimmed.json5 b/src/tokens/base/color/dark/dark.dimmed.json5
index 890c77af6..dbbd9b883 100644
--- a/src/tokens/base/color/dark/dark.dimmed.json5
+++ b/src/tokens/base/color/dark/dark.dimmed.json5
@@ -22,80 +22,166 @@
         '0': {
           $value: {
             colorSpace: 'hsl',
-            components: [206.3, 100, 88.8],
-            hex: '#c6e6ff',
+            components: [217, 72, 9.5],
+            hex: '#07142a',
           },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
-              collection: 'base/color/dark-dimmed',
+              collection: 'base/color/dark',
             },
           },
+        },
+        '1': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [216.6, 72, 12.8],
+            hex: '#091b38',
+          },
+          $type: 'color',
           $extensions: {
             'org.primer.figma': {
-              collection: 'base/color/dark-dimmed',
+              collection: 'base/color/dark',
             },
           },
         },
-        '1': {
+        '2': {
           $value: {
             colorSpace: 'hsl',
-            components: [206.9, 100, 79.4],
-            hex: '#96d0ff',
+            components: [216.6, 72, 18.9],
+            hex: '#0d2953',
           },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
-              collection: 'base/color/dark-dimmed',
+              collection: 'base/color/dark',
             },
           },
+        },
+        '3': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [215.9, 71.8, 26.7],
+            hex: '#133a75',
+          },
+          $type: 'color',
           $extensions: {
             'org.primer.figma': {
-              collection: 'base/color/dark-dimmed',
+              collection: 'base/color/dark',
             },
           },
         },
-        '2': {
+        '4': {
           $value: {
             colorSpace: 'hsl',
-            components: [209.8, 100, 71.2],
-            hex: '#6cb6ff',
+            components: [215.2, 69, 32.9],
+            hex: '#1a4a8e',
           },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
-              collection: 'base/color/dark-dimmed',
+              collection: 'base/color/dark',
             },
           },
+        },
+        '5': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [216.8, 64.4, 44.1],
+            hex: '#2860b9',
+          },
+          $type: 'color',
           $extensions: {
             'org.primer.figma': {
-              collection: 'base/color/dark-dimmed',
+              collection: 'base/color/dark',
             },
           },
         },
-        '3': {
+        '6': {
           $value: {
             colorSpace: 'hsl',
-            components: [213.3, 89, 64.3],
-            hex: '#539bf5',
+            components: [214.6, 78.7, 59.4],
+            hex: '#468be9',
           },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
-              collection: 'base/color/dark-dimmed',
+              collection: 'base/color/dark',
             },
           },
+        },
+        '7': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [211.9, 100, 74.1],
+            hex: '#78c2ff',
+          },
+          $type: 'color',
           $extensions: {
             'org.primer.figma': {
-              collection: 'base/color/dark-dimmed',
+              collection: 'base/color/dark',
             },
           },
         },
-        '4': {
+        '8': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [209.3, 100, 83.3],
+            hex: '#a4d8ff',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '9': {
           $value: {
             colorSpace: 'hsl',
-            components: [215.3, 75.1, 57.5],
-            hex: '#4184e4',
+            components: [207.3, 100, 88.6],
+            hex: '#c6e6ff',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '10': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [206.1, 100, 91.5],
+            hex: '#d4ecff',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '11': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [204, 100, 94.5],
+            hex: '#e3f4ff',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+      },
+      green: {
+        '0': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [130.3, 60.7, 5.3],
+            hex: '#051608',
           },
           $type: 'color',
           $extensions: {
@@ -103,17 +189,25 @@
               collection: 'base/color/dark-dimmed',
             },
           },
+        },
+        '1': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [130.3, 55.7, 8.8],
+            hex: '#0a230e',
+          },
+          $type: 'color',
           $extensions: {
             'org.primer.figma': {
               collection: 'base/color/dark-dimmed',
             },
           },
         },
-        '5': {
+        '2': {
           $value: {
             colorSpace: 'hsl',
-            components: [216.5, 61, 49.2],
-            hex: '#316dca',
+            components: [130.3, 50.7, 13.5],
+            hex: '#113417',
           },
           $type: 'color',
           $extensions: {
@@ -127,11 +221,11 @@
             },
           },
         },
-        '6': {
+        '3': {
           $value: {
             colorSpace: 'hsl',
-            components: [217.4, 65.6, 42.2],
-            hex: '#255ab2',
+            components: [128.2, 44.9, 19.2],
+            hex: '#1b4721',
           },
           $type: 'color',
           $extensions: {
@@ -145,11 +239,11 @@
             },
           },
         },
-        '7': {
+        '4': {
           $value: {
             colorSpace: 'hsl',
-            components: [215.6, 68.6, 33.7],
-            hex: '#1b4b91',
+            components: [125.8, 41.9, 24.3],
+            hex: '#245829',
           },
           $type: 'color',
           $extensions: {
@@ -163,11 +257,11 @@
             },
           },
         },
-        '8': {
+        '5': {
           $value: {
             colorSpace: 'hsl',
-            components: [215.6, 71.6, 27.6],
-            hex: '#143d79',
+            components: [124.8, 42.3, 29.2],
+            hex: '#2b6a30',
           },
           $type: 'color',
           $extensions: {
@@ -181,11 +275,11 @@
             },
           },
         },
-        '9': {
+        '6': {
           $value: {
             colorSpace: 'hsl',
-            components: [216.6, 72, 21],
-            hex: '#0f2d5c',
+            components: [124.1, 41.2, 34.7],
+            hex: '#347d39',
           },
           $type: 'color',
           $extensions: {
@@ -199,13 +293,11 @@
             },
           },
         },
-      },
-      green: {
-        '0': {
+        '7': {
           $value: {
             colorSpace: 'hsl',
-            components: [120, 68.5, 82.5],
-            hex: '#b4f1b4',
+            components: [123, 36.1, 42.9],
+            hex: '#46954a',
           },
           $type: 'color',
           $extensions: {
@@ -219,11 +311,11 @@
             },
           },
         },
-        '1': {
+        '8': {
           $value: {
             colorSpace: 'hsl',
-            components: [119.2, 52.3, 70.4],
-            hex: '#8ddb8c',
+            components: [122.1, 33.3, 50.6],
+            hex: '#57ab5a',
           },
           $type: 'color',
           $extensions: {
@@ -237,7 +329,7 @@
             },
           },
         },
-        '2': {
+        '9': {
           $value: {
             colorSpace: 'hsl',
             components: [121.3, 43, 59.4],
@@ -255,11 +347,11 @@
             },
           },
         },
-        '3': {
+        '10': {
           $value: {
             colorSpace: 'hsl',
-            components: [122.1, 33.3, 50.6],
-            hex: '#57ab5a',
+            components: [119.2, 52.3, 70.4],
+            hex: '#8ddb8c',
           },
           $type: 'color',
           $extensions: {
@@ -273,11 +365,11 @@
             },
           },
         },
-        '4': {
+        '11': {
           $value: {
             colorSpace: 'hsl',
-            components: [123, 36.1, 42.9],
-            hex: '#46954a',
+            components: [120, 68.5, 82.5],
+            hex: '#b4f1b4',
           },
           $type: 'color',
           $extensions: {
@@ -291,11 +383,13 @@
             },
           },
         },
-        '5': {
+      },
+      yellow: {
+        '0': {
           $value: {
             colorSpace: 'hsl',
-            components: [124.1, 41.2, 34.7],
-            hex: '#347d39',
+            components: [33.9, 100, 5.3],
+            hex: '#1b0f00',
           },
           $type: 'color',
           $extensions: {
@@ -303,17 +397,25 @@
               collection: 'base/color/dark-dimmed',
             },
           },
+        },
+        '1': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [33.9, 100, 8.8],
+            hex: '#2d1900',
+          },
+          $type: 'color',
           $extensions: {
             'org.primer.figma': {
               collection: 'base/color/dark-dimmed',
             },
           },
         },
-        '6': {
+        '2': {
           $value: {
             colorSpace: 'hsl',
-            components: [124.8, 42.3, 29.2],
-            hex: '#2b6a30',
+            components: [33.9, 100, 13.5],
+            hex: '#452700',
           },
           $type: 'color',
           $extensions: {
@@ -327,11 +429,11 @@
             },
           },
         },
-        '7': {
+        '3': {
           $value: {
             colorSpace: 'hsl',
-            components: [125.8, 41.9, 24.3],
-            hex: '#245829',
+            components: [36.4, 100, 17.5],
+            hex: '#593600',
           },
           $type: 'color',
           $extensions: {
@@ -345,11 +447,11 @@
             },
           },
         },
-        '8': {
+        '4': {
           $value: {
             colorSpace: 'hsl',
-            components: [128.2, 44.9, 19.2],
-            hex: '#1b4721',
+            components: [37.8, 100, 21.2],
+            hex: '#6c4400',
           },
           $type: 'color',
           $extensions: {
@@ -363,11 +465,11 @@
             },
           },
         },
-        '9': {
+        '5': {
           $value: {
             colorSpace: 'hsl',
-            components: [130.3, 50.7, 13.5],
-            hex: '#113417',
+            components: [39.4, 100, 25.1],
+            hex: '#805400',
           },
           $type: 'color',
           $extensions: {
@@ -381,13 +483,11 @@
             },
           },
         },
-      },
-      yellow: {
-        '0': {
+        '6': {
           $value: {
             colorSpace: 'hsl',
-            components: [44.9, 93, 77.5],
-            hex: '#fbe090',
+            components: [40.8, 100, 29.4],
+            hex: '#966600',
           },
           $type: 'color',
           $extensions: {
@@ -401,11 +501,11 @@
             },
           },
         },
-        '1': {
+        '7': {
           $value: {
             colorSpace: 'hsl',
-            components: [44, 76.8, 64.5],
-            hex: '#eac55f',
+            components: [40.5, 79.4, 38],
+            hex: '#ae7c14',
           },
           $type: 'color',
           $extensions: {
@@ -419,11 +519,11 @@
             },
           },
         },
-        '2': {
+        '8': {
           $value: {
             colorSpace: 'hsl',
-            components: [41.4, 67.7, 55.1],
-            hex: '#daaa3f',
+            components: [39.8, 67.8, 46.3],
+            hex: '#c69026',
           },
           $type: 'color',
           $extensions: {
@@ -437,11 +537,11 @@
             },
           },
         },
-        '3': {
+        '9': {
           $value: {
             colorSpace: 'hsl',
-            components: [39.8, 67.8, 46.3],
-            hex: '#c69026',
+            components: [41.4, 67.7, 55.1],
+            hex: '#daaa3f',
           },
           $type: 'color',
           $extensions: {
@@ -455,11 +555,11 @@
             },
           },
         },
-        '4': {
+        '10': {
           $value: {
             colorSpace: 'hsl',
-            components: [40.5, 79.4, 38],
-            hex: '#ae7c14',
+            components: [44, 76.8, 64.5],
+            hex: '#eac55f',
           },
           $type: 'color',
           $extensions: {
@@ -473,11 +573,11 @@
             },
           },
         },
-        '5': {
+        '11': {
           $value: {
             colorSpace: 'hsl',
-            components: [40.8, 100, 29.4],
-            hex: '#966600',
+            components: [44.9, 93, 77.5],
+            hex: '#fbe090',
           },
           $type: 'color',
           $extensions: {
@@ -491,11 +591,13 @@
             },
           },
         },
-        '6': {
+      },
+      orange: {
+        '0': {
           $value: {
             colorSpace: 'hsl',
-            components: [39.4, 100, 25.1],
-            hex: '#805400',
+            components: [19.4, 83, 6.8],
+            hex: '#200c03',
           },
           $type: 'color',
           $extensions: {
@@ -503,17 +605,25 @@
               collection: 'base/color/dark-dimmed',
             },
           },
+        },
+        '1': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [19.4, 78, 11.4],
+            hex: '#341506',
+          },
+          $type: 'color',
           $extensions: {
             'org.primer.figma': {
               collection: 'base/color/dark-dimmed',
             },
           },
         },
-        '7': {
+        '2': {
           $value: {
             colorSpace: 'hsl',
-            components: [37.8, 100, 21.2],
-            hex: '#6c4400',
+            components: [19.4, 73, 17.5],
+            hex: '#4d210c',
           },
           $type: 'color',
           $extensions: {
@@ -527,11 +637,11 @@
             },
           },
         },
-        '8': {
+        '3': {
           $value: {
             colorSpace: 'hsl',
-            components: [36.4, 100, 17.5],
-            hex: '#593600',
+            components: [20.2, 74.8, 23.3],
+            hex: '#682d0f',
           },
           $type: 'color',
           $extensions: {
@@ -545,11 +655,11 @@
             },
           },
         },
-        '9': {
+        '4': {
           $value: {
             colorSpace: 'hsl',
-            components: [33.9, 100, 13.5],
-            hex: '#452700',
+            components: [21.1, 74, 28.6],
+            hex: '#7f3913',
           },
           $type: 'color',
           $extensions: {
@@ -563,13 +673,11 @@
             },
           },
         },
-      },
-      orange: {
-        '0': {
+        '5': {
           $value: {
             colorSpace: 'hsl',
-            components: [34.2, 100, 84.5],
-            hex: '#ffddb0',
+            components: [21.8, 69.1, 34.3],
+            hex: '#94471b',
           },
           $type: 'color',
           $extensions: {
@@ -583,11 +691,11 @@
             },
           },
         },
-        '1': {
+        '6': {
           $value: {
             colorSpace: 'hsl',
-            components: [32.1, 100, 71.8],
-            hex: '#ffbc6f',
+            components: [22.3, 67.3, 40.8],
+            hex: '#ae5622',
           },
           $type: 'color',
           $extensions: {
@@ -601,11 +709,11 @@
             },
           },
         },
-        '2': {
+        '7': {
           $value: {
             colorSpace: 'hsl',
-            components: [27.8, 90.2, 63.9],
-            hex: '#f69d50',
+            components: [23.6, 64.5, 48.6],
+            hex: '#cc6b2c',
           },
           $type: 'color',
           $extensions: {
@@ -619,7 +727,7 @@
             },
           },
         },
-        '3': {
+        '8': {
           $value: {
             colorSpace: 'hsl',
             components: [25.4, 72.4, 55.9],
@@ -637,11 +745,11 @@
             },
           },
         },
-        '4': {
+        '9': {
           $value: {
             colorSpace: 'hsl',
-            components: [23.6, 64.5, 48.6],
-            hex: '#cc6b2c',
+            components: [27.8, 90.2, 63.9],
+            hex: '#f69d50',
           },
           $type: 'color',
           $extensions: {
@@ -655,11 +763,11 @@
             },
           },
         },
-        '5': {
+        '10': {
           $value: {
             colorSpace: 'hsl',
-            components: [22.3, 67.3, 40.8],
-            hex: '#ae5622',
+            components: [32.1, 100, 71.8],
+            hex: '#ffbc6f',
           },
           $type: 'color',
           $extensions: {
@@ -673,11 +781,11 @@
             },
           },
         },
-        '6': {
+        '11': {
           $value: {
             colorSpace: 'hsl',
-            components: [21.8, 69.1, 34.3],
-            hex: '#94471b',
+            components: [34.2, 100, 84.5],
+            hex: '#ffddb0',
           },
           $type: 'color',
           $extensions: {
@@ -691,11 +799,13 @@
             },
           },
         },
-        '7': {
+      },
+      red: {
+        '0': {
           $value: {
             colorSpace: 'hsl',
-            components: [21.1, 74, 28.6],
-            hex: '#7f3913',
+            components: [357.7, 82.2, 8.3],
+            hex: '#270405',
           },
           $type: 'color',
           $extensions: {
@@ -703,17 +813,43 @@
               collection: 'base/color/dark-dimmed',
             },
           },
+        },
+        '1': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [357.7, 77.2, 13.8],
+            hex: '#3e080a',
+          },
+          $type: 'color',
           $extensions: {
             'org.primer.figma': {
               collection: 'base/color/dark-dimmed',
             },
           },
         },
-        '8': {
+        '2': {
           $value: {
             colorSpace: 'hsl',
-            components: [20.2, 74.8, 23.3],
-            hex: '#682d0f',
+            components: [357.7, 72.2, 21.2],
+            hex: '#5d0f12',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark-dimmed',
+            },
+          },
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark-dimmed',
+            },
+          },
+        },
+        '3': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [358.7, 65.5, 28.4],
+            hex: '#78191b',
           },
           $type: 'color',
           $extensions: {
@@ -727,11 +863,11 @@
             },
           },
         },
-        '9': {
+        '4': {
           $value: {
             colorSpace: 'hsl',
-            components: [19.4, 73, 17.5],
-            hex: '#4d210c',
+            components: [0, 61.3, 35.5],
+            hex: '#922323',
           },
           $type: 'color',
           $extensions: {
@@ -745,13 +881,11 @@
             },
           },
         },
-      },
-      red: {
-        '0': {
+        '5': {
           $value: {
             colorSpace: 'hsl',
-            components: [6.8, 100, 91.4],
-            hex: '#ffd8d3',
+            components: [0.9, 59.4, 42.5],
+            hex: '#ad2e2c',
           },
           $type: 'color',
           $extensions: {
@@ -765,11 +899,11 @@
             },
           },
         },
-        '1': {
+        '6': {
           $value: {
             colorSpace: 'hsl',
-            components: [6.1, 100, 84.5],
-            hex: '#ffb8b0',
+            components: [2.1, 57.5, 50.2],
+            hex: '#c93c37',
           },
           $type: 'color',
           $extensions: {
@@ -783,11 +917,11 @@
             },
           },
         },
-        '2': {
+        '7': {
           $value: {
             colorSpace: 'hsl',
-            components: [4.6, 100, 77.1],
-            hex: '#ff938a',
+            components: [3.1, 74.8, 59.6],
+            hex: '#e5534b',
           },
           $type: 'color',
           $extensions: {
@@ -801,7 +935,7 @@
             },
           },
         },
-        '3': {
+        '8': {
           $value: {
             colorSpace: 'hsl',
             components: [3.8, 86.5, 68],
@@ -819,11 +953,11 @@
             },
           },
         },
-        '4': {
+        '9': {
           $value: {
             colorSpace: 'hsl',
-            components: [3.1, 74.8, 59.6],
-            hex: '#e5534b',
+            components: [4.6, 100, 77.1],
+            hex: '#ff938a',
           },
           $type: 'color',
           $extensions: {
@@ -837,11 +971,11 @@
             },
           },
         },
-        '5': {
+        '10': {
           $value: {
             colorSpace: 'hsl',
-            components: [2.1, 57.5, 50.2],
-            hex: '#c93c37',
+            components: [6.1, 100, 84.5],
+            hex: '#ffb8b0',
           },
           $type: 'color',
           $extensions: {
@@ -855,11 +989,11 @@
             },
           },
         },
-        '6': {
+        '11': {
           $value: {
             colorSpace: 'hsl',
-            components: [0.9, 59.4, 42.5],
-            hex: '#ad2e2c',
+            components: [6.8, 100, 91.4],
+            hex: '#ffd8d3',
           },
           $type: 'color',
           $extensions: {
@@ -873,11 +1007,13 @@
             },
           },
         },
-        '7': {
+      },
+      purple: {
+        '0': {
           $value: {
             colorSpace: 'hsl',
-            components: [0, 61.3, 35.5],
-            hex: '#922323',
+            components: [259, 58.8, 9.8],
+            hex: '#140a28',
           },
           $type: 'color',
           $extensions: {
@@ -885,17 +1021,25 @@
               collection: 'base/color/dark-dimmed',
             },
           },
+        },
+        '1': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [259, 53.8, 16.4],
+            hex: '#221340',
+          },
+          $type: 'color',
           $extensions: {
             'org.primer.figma': {
               collection: 'base/color/dark-dimmed',
             },
           },
         },
-        '8': {
+        '2': {
           $value: {
             colorSpace: 'hsl',
-            components: [358.7, 65.5, 28.4],
-            hex: '#78191b',
+            components: [259, 48.8, 25.3],
+            hex: '#352160',
           },
           $type: 'color',
           $extensions: {
@@ -909,11 +1053,11 @@
             },
           },
         },
-        '9': {
+        '3': {
           $value: {
             colorSpace: 'hsl',
-            components: [357.7, 72.2, 21.2],
-            hex: '#5d0f12',
+            components: [258.8, 49.4, 34.1],
+            hex: '#472c82',
           },
           $type: 'color',
           $extensions: {
@@ -927,13 +1071,11 @@
             },
           },
         },
-      },
-      purple: {
-        '0': {
+        '4': {
           $value: {
             colorSpace: 'hsl',
-            components: [270.9, 100, 93.1],
-            hex: '#eedcff',
+            components: [259.4, 50, 42.4],
+            hex: '#5936a2',
           },
           $type: 'color',
           $extensions: {
@@ -947,11 +1089,11 @@
             },
           },
         },
-        '1': {
+        '5': {
           $value: {
             colorSpace: 'hsl',
-            components: [270, 88.6, 86.3],
-            hex: '#dcbdfb',
+            components: [259.5, 47.2, 50.2],
+            hex: '#6b44bc',
           },
           $type: 'color',
           $extensions: {
@@ -965,11 +1107,11 @@
             },
           },
         },
-        '2': {
+        '6': {
           $value: {
             colorSpace: 'hsl',
-            components: [270, 88.6, 86.3],
-            hex: '#dcbdfb',
+            components: [261.6, 56.5, 57.6],
+            hex: '#8256d0',
           },
           $type: 'color',
           $extensions: {
@@ -983,11 +1125,11 @@
             },
           },
         },
-        '3': {
+        '7': {
           $value: {
             colorSpace: 'hsl',
-            components: [264.8, 78.4, 72.7],
-            hex: '#b083f0',
+            components: [261.7, 66.7, 65.9],
+            hex: '#986ee2',
           },
           $type: 'color',
           $extensions: {
@@ -1001,11 +1143,11 @@
             },
           },
         },
-        '4': {
+        '8': {
           $value: {
             colorSpace: 'hsl',
-            components: [261.7, 66.7, 65.9],
-            hex: '#986ee2',
+            components: [264.8, 78.4, 72.7],
+            hex: '#b083f0',
           },
           $type: 'color',
           $extensions: {
@@ -1019,11 +1161,11 @@
             },
           },
         },
-        '5': {
+        '9': {
           $value: {
             colorSpace: 'hsl',
-            components: [261.6, 56.5, 57.6],
-            hex: '#8256d0',
+            components: [270, 88.6, 86.3],
+            hex: '#dcbdfb',
           },
           $type: 'color',
           $extensions: {
@@ -1037,11 +1179,11 @@
             },
           },
         },
-        '6': {
+        '10': {
           $value: {
             colorSpace: 'hsl',
-            components: [259.5, 47.2, 50.2],
-            hex: '#6b44bc',
+            components: [270, 88.6, 86.3],
+            hex: '#dcbdfb',
           },
           $type: 'color',
           $extensions: {
@@ -1055,11 +1197,11 @@
             },
           },
         },
-        '7': {
+        '11': {
           $value: {
             colorSpace: 'hsl',
-            components: [259.4, 50, 42.4],
-            hex: '#5936a2',
+            components: [270.9, 100, 93.1],
+            hex: '#eedcff',
           },
           $type: 'color',
           $extensions: {
@@ -1073,11 +1215,13 @@
             },
           },
         },
-        '8': {
+      },
+      pink: {
+        '0': {
           $value: {
             colorSpace: 'hsl',
-            components: [258.8, 49.4, 34.1],
-            hex: '#472c82',
+            components: [326.7, 68.9, 8.2],
+            hex: '#230716',
           },
           $type: 'color',
           $extensions: {
@@ -1085,17 +1229,25 @@
               collection: 'base/color/dark-dimmed',
             },
           },
+        },
+        '1': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [326.7, 63.9, 13.7],
+            hex: '#390d25',
+          },
+          $type: 'color',
           $extensions: {
             'org.primer.figma': {
               collection: 'base/color/dark-dimmed',
             },
           },
         },
-        '9': {
+        '2': {
           $value: {
             colorSpace: 'hsl',
-            components: [259, 48.8, 25.3],
-            hex: '#352160',
+            components: [326.7, 58.9, 21],
+            hex: '#551639',
           },
           $type: 'color',
           $extensions: {
@@ -1109,13 +1261,11 @@
             },
           },
         },
-      },
-      pink: {
-        '0': {
+        '3': {
           $value: {
             colorSpace: 'hsl',
-            components: [330, 100, 92.2],
-            hex: '#ffd7eb',
+            components: [327.8, 46.9, 28],
+            hex: '#69264a',
           },
           $type: 'color',
           $extensions: {
@@ -1129,11 +1279,11 @@
             },
           },
         },
-        '1': {
+        '4': {
           $value: {
             colorSpace: 'hsl',
-            components: [330.8, 100, 85.1],
-            hex: '#ffb3d8',
+            components: [328.4, 43.2, 34.5],
+            hex: '#7e325a',
           },
           $type: 'color',
           $extensions: {
@@ -1147,11 +1297,11 @@
             },
           },
         },
-        '2': {
+        '5': {
           $value: {
             colorSpace: 'hsl',
-            components: [328.6, 94.9, 77.1],
-            hex: '#fc8dc7',
+            components: [327.1, 44.1, 41.4],
+            hex: '#983b6e',
           },
           $type: 'color',
           $extensions: {
@@ -1165,11 +1315,11 @@
             },
           },
         },
-        '3': {
+        '6': {
           $value: {
             colorSpace: 'hsl',
-            components: [329.2, 65.3, 67.3],
-            hex: '#e275ad',
+            components: [326.9, 39.2, 49],
+            hex: '#ae4c82',
           },
           $type: 'color',
           $extensions: {
@@ -1183,7 +1333,7 @@
             },
           },
         },
-        '4': {
+        '7': {
           $value: {
             colorSpace: 'hsl',
             components: [328.3, 49.1, 58.4],
@@ -1201,11 +1351,11 @@
             },
           },
         },
-        '5': {
+        '8': {
           $value: {
             colorSpace: 'hsl',
-            components: [326.9, 39.2, 49],
-            hex: '#ae4c82',
+            components: [329.2, 65.3, 67.3],
+            hex: '#e275ad',
           },
           $type: 'color',
           $extensions: {
@@ -1219,11 +1369,11 @@
             },
           },
         },
-        '6': {
+        '9': {
           $value: {
             colorSpace: 'hsl',
-            components: [327.1, 44.1, 41.4],
-            hex: '#983b6e',
+            components: [328.6, 94.9, 77.1],
+            hex: '#fc8dc7',
           },
           $type: 'color',
           $extensions: {
@@ -1237,11 +1387,11 @@
             },
           },
         },
-        '7': {
+        '10': {
           $value: {
             colorSpace: 'hsl',
-            components: [328.4, 43.2, 34.5],
-            hex: '#7e325a',
+            components: [330.8, 100, 85.1],
+            hex: '#ffb3d8',
           },
           $type: 'color',
           $extensions: {
@@ -1255,11 +1405,11 @@
             },
           },
         },
-        '8': {
+        '11': {
           $value: {
             colorSpace: 'hsl',
-            components: [327.8, 46.9, 28],
-            hex: '#69264a',
+            components: [330, 100, 92.2],
+            hex: '#ffd7eb',
           },
           $type: 'color',
           $extensions: {
@@ -1273,11 +1423,13 @@
             },
           },
         },
-        '9': {
+      },
+      coral: {
+        '0': {
           $value: {
             colorSpace: 'hsl',
-            components: [326.7, 58.9, 21],
-            hex: '#551639',
+            components: [5.6, 94.2, 7.7],
+            hex: '#260501',
           },
           $type: 'color',
           $extensions: {
@@ -1285,19 +1437,25 @@
               collection: 'base/color/dark-dimmed',
             },
           },
+        },
+        '1': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [5.6, 89.2, 12.9],
+            hex: '#3e0904',
+          },
+          $type: 'color',
           $extensions: {
             'org.primer.figma': {
               collection: 'base/color/dark-dimmed',
             },
           },
         },
-      },
-      coral: {
-        '0': {
+        '2': {
           $value: {
             colorSpace: 'hsl',
-            components: [13.7, 100, 90.6],
-            hex: '#ffdacf',
+            components: [5.6, 84.2, 19.8],
+            hex: '#5d1008',
           },
           $type: 'color',
           $extensions: {
@@ -1311,11 +1469,11 @@
             },
           },
         },
-        '1': {
+        '3': {
           $value: {
             colorSpace: 'hsl',
-            components: [13.3, 100, 82.4],
-            hex: '#ffb9a5',
+            components: [6, 72.5, 27.1],
+            hex: '#771d13',
           },
           $type: 'color',
           $extensions: {
@@ -1329,11 +1487,11 @@
             },
           },
         },
-        '2': {
+        '4': {
           $value: {
             colorSpace: 'hsl',
-            components: [12.2, 88.1, 73.7],
-            hex: '#f79981',
+            components: [7.4, 67.9, 32.9],
+            hex: '#8d291b',
           },
           $type: 'color',
           $extensions: {
@@ -1347,11 +1505,11 @@
             },
           },
         },
-        '3': {
+        '5': {
           $value: {
             colorSpace: 'hsl',
-            components: [11.3, 79.1, 64.3],
-            hex: '#ec775c',
+            components: [7.7, 64.9, 40.2],
+            hex: '#a93524',
           },
           $type: 'color',
           $extensions: {
@@ -1365,11 +1523,11 @@
             },
           },
         },
-        '4': {
+        '6': {
           $value: {
             colorSpace: 'hsl',
-            components: [9.9, 70.4, 56.3],
-            hex: '#de5b41',
+            components: [9.3, 62.3, 46.9],
+            hex: '#c2442d',
           },
           $type: 'color',
           $extensions: {
@@ -1383,11 +1541,11 @@
             },
           },
         },
-        '5': {
+        '7': {
           $value: {
             colorSpace: 'hsl',
-            components: [9.3, 62.3, 46.9],
-            hex: '#c2442d',
+            components: [9.9, 70.4, 56.3],
+            hex: '#de5b41',
           },
           $type: 'color',
           $extensions: {
@@ -1401,11 +1559,11 @@
             },
           },
         },
-        '6': {
+        '8': {
           $value: {
             colorSpace: 'hsl',
-            components: [7.7, 64.9, 40.2],
-            hex: '#a93524',
+            components: [11.3, 79.1, 64.3],
+            hex: '#ec775c',
           },
           $type: 'color',
           $extensions: {
@@ -1419,11 +1577,11 @@
             },
           },
         },
-        '7': {
+        '9': {
           $value: {
             colorSpace: 'hsl',
-            components: [7.4, 67.9, 32.9],
-            hex: '#8d291b',
+            components: [12.2, 88.1, 73.7],
+            hex: '#f79981',
           },
           $type: 'color',
           $extensions: {
@@ -1437,11 +1595,11 @@
             },
           },
         },
-        '8': {
+        '10': {
           $value: {
             colorSpace: 'hsl',
-            components: [6, 72.5, 27.1],
-            hex: '#771d13',
+            components: [13.3, 100, 82.4],
+            hex: '#ffb9a5',
           },
           $type: 'color',
           $extensions: {
@@ -1455,11 +1613,11 @@
             },
           },
         },
-        '9': {
+        '11': {
           $value: {
             colorSpace: 'hsl',
-            components: [5.6, 84.2, 19.8],
-            hex: '#5d1008',
+            components: [13.7, 100, 90.6],
+            hex: '#ffdacf',
           },
           $type: 'color',
           $extensions: {
diff --git a/src/tokens/base/color/dark/dark.high-contrast.json5 b/src/tokens/base/color/dark/dark.high-contrast.json5
index 7248e6748..3a06ea071 100644
--- a/src/tokens/base/color/dark/dark.high-contrast.json5
+++ b/src/tokens/base/color/dark/dark.high-contrast.json5
@@ -18,134 +18,337 @@
           },
         },
       },
+     
+      neutral: {
+        '0': {
+          $value: '{base.color.gray.0}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark-high-contrast',
+            },
+          },
+        },
+        '1': {
+          $value: '{base.color.gray.1}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark-high-contrast',
+            },
+          },
+        },
+        '2': {
+          $value: '{base.color.gray.2}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark-high-contrast',
+            },
+          },
+        },
+        '3': {
+          $value: '{base.color.gray.3}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark-high-contrast',
+            },
+          },
+        },
+        '4': {
+          $value: '{base.color.gray.4}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark-high-contrast',
+            },
+          },
+        },
+        '5': {
+          $value: '{base.color.gray.5}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark-high-contrast',
+            },
+          },
+        },
+        '6': {
+          $value: '{base.color.gray.6}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark-high-contrast',
+            },
+          },
+        },
+        '7': {
+          $value: '{base.color.gray.7}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark-high-contrast',
+            },
+          },
+        },
+        '8': {
+          $value: '{base.color.gray.8}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark-high-contrast',
+            },
+          },
+        },
+        '9': {
+          $value: '{base.color.gray.9}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark-high-contrast',
+            },
+          },
+        },
+        '10': {
+          $value: '{base.color.gray.10}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark-high-contrast',
+            },
+          },
+        },
+        '11': {
+          $value: '{base.color.gray.11}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark-high-contrast',
+            },
+          },
+        },
+        '12': {
+          $value: '{base.color.gray.12}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark-high-contrast',
+            },
+          },
+        },
+        '13': {
+          $value: '{base.color.gray.13}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark-high-contrast',
+            },
+          },
+        },
+        '14': {
+          $value: '{base.color.gray.14}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark-high-contrast',
+            },
+          },
+        },
+      },
       blue: {
         '0': {
           $value: {
             colorSpace: 'hsl',
-            components: [203.8, 100, 89.6],
-            hex: '#caeaff',
+            components: [223.2, 96.2, 10.2],
+            hex: '#010F33',
           },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
-              collection: 'base/color/dark-high-contrast',
+              collection: 'base/color/dark',
             },
           },
         },
         '1': {
           $value: {
             colorSpace: 'hsl',
-            components: [205.6, 100, 83.9],
-            hex: '#addcff',
+            components: [223.7, 95.3, 16.7],
+            hex: '#021853',
           },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
-              collection: 'base/color/dark-high-contrast',
+              collection: 'base/color/dark',
             },
           },
         },
         '2': {
           $value: {
             colorSpace: 'hsl',
-            components: [208.4, 100, 78.4],
-            hex: '#91cbff',
+            components: [224.9, 90.6, 29.2],
+            hex: '#07298E',
           },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
-              collection: 'base/color/dark-high-contrast',
+              collection: 'base/color/dark',
             },
           },
         },
         '3': {
           $value: {
             colorSpace: 'hsl',
-            components: [210.4, 100, 72.2],
-            hex: '#71b7ff',
+            components: [219.1, 92.1, 39.8],
+            hex: '#0849C3',
           },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
-              collection: 'base/color/dark-high-contrast',
+              collection: 'base/color/dark',
             },
           },
         },
         '4': {
           $value: {
             colorSpace: 'hsl',
-            components: [210.6, 100, 68],
-            hex: '#5CACFF',
+            components: [214.3, 100, 43.5],
+            hex: '#005FDE',
           },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
-              collection: 'base/color/dark-high-contrast',
+              collection: 'base/color/dark',
             },
           },
         },
         '5': {
           $value: {
             colorSpace: 'hsl',
-            components: [210.5, 100, 62.5],
-            hex: '#409eff',
+            components: [212.4, 100, 49],
+            hex: '#0073FA',
           },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
-              collection: 'base/color/dark-high-contrast',
+              collection: 'base/color/dark',
             },
           },
         },
         '6': {
           $value: {
             colorSpace: 'hsl',
-            components: [212.9, 93.4, 58.2],
-            hex: '#318bf8',
+            components: [212.3, 93.2, 53.5],
+            hex: '#1A80F7',
           },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
-              collection: 'base/color/dark-high-contrast',
+              collection: 'base/color/dark',
             },
           },
         },
         '7': {
           $value: {
             colorSpace: 'hsl',
-            components: [217.8, 89.5, 55.1],
-            hex: '#2672f3',
+            components: [210.7, 90.3, 55.5],
+            hex: '#278BF4',
           },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
-              collection: 'base/color/dark-high-contrast',
+              collection: 'base/color/dark',
             },
           },
         },
         '8': {
           $value: {
             colorSpace: 'hsl',
-            components: [218.4, 75.3, 47.6],
-            hex: '#1e60d5',
+            components: [207.3, 95.7, 54.5],
+            hex: '#1C95FA',
           },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
-              collection: 'base/color/dark-high-contrast',
+              collection: 'base/color/dark',
             },
           },
         },
         '9': {
           $value: {
             colorSpace: 'hsl',
-            components: [218.7, 75.2, 39.6],
-            hex: '#194fb1',
+            components: [203.3, 100, 51.6],
+            hex: '#089FFF',
           },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
-              collection: 'base/color/dark-high-contrast',
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '10': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [210.2, 79.6, 67.3],
+            hex: '#69ABEE',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '11': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [210.4, 93.1, 71.8],
+            hex: '#74B6FA',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '12': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [207.7, 94.5, 78.4],
+            hex: '#94CCFC',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '13': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [201.9, 100, 81.8],
+            hex: '#A2DDFF',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '14': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [197.7, 100, 88],
+            hex: '#C2EDFF',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
             },
           },
         },
@@ -154,8 +357,8 @@
         '0': {
           $value: {
             colorSpace: 'hsl',
-            components: [128, 82.4, 82.2],
-            hex: '#acf7b6',
+            components: [163.3, 75, 4.7],
+            hex: '#031510',
           },
           $type: 'color',
           $extensions: {
@@ -167,8 +370,8 @@
         '1': {
           $value: {
             colorSpace: 'hsl',
-            components: [130.5, 80.8, 69.4],
-            hex: '#72f088',
+            components: [161.4, 74.4, 7.6],
+            hex: '#052219',
           },
           $type: 'color',
           $extensions: {
@@ -180,8 +383,8 @@
         '2': {
           $value: {
             colorSpace: 'hsl',
-            components: [131.9, 71.6, 58.6],
-            hex: '#4ae168',
+            components: [157.6, 93.7, 12.4],
+            hex: '#023D27',
           },
           $type: 'color',
           $extensions: {
@@ -193,8 +396,8 @@
         '3': {
           $value: {
             colorSpace: 'hsl',
-            components: [134.1, 68.6, 50],
-            hex: '#28D751',
+            components: [146, 100, 19],
+            hex: '#00612A',
           },
           $type: 'color',
           $extensions: {
@@ -206,8 +409,8 @@
         '4': {
           $value: {
             colorSpace: 'hsl',
-            components: [137.1, 90.4, 41],
-            hex: '#0AC740',
+            components: [138.9, 67.4, 27.6],
+            hex: '#177635',
           },
           $type: 'color',
           $extensions: {
@@ -219,8 +422,8 @@
         '5': {
           $value: {
             colorSpace: 'hsl',
-            components: [137.2, 90.5, 37.1],
-            hex: '#09b43a',
+            components: [132.2, 67.7, 32.7],
+            hex: '#1B8C32',
           },
           $type: 'color',
           $extensions: {
@@ -232,8 +435,8 @@
         '6': {
           $value: {
             colorSpace: 'hsl',
-            components: [138, 97.6, 32.2],
-            hex: '#02a232',
+            components: [130.6, 56.8, 37.3],
+            hex: '#29953C',
           },
           $type: 'color',
           $extensions: {
@@ -245,8 +448,8 @@
         '7': {
           $value: {
             colorSpace: 'hsl',
-            components: [138.9, 100, 27.5],
-            hex: '#008c2c',
+            components: [129.5, 51.2, 41],
+            hex: '#339E44',
           },
           $type: 'color',
           $extensions: {
@@ -258,8 +461,8 @@
         '8': {
           $value: {
             colorSpace: 'hsl',
-            components: [140.2, 100, 23.3],
-            hex: '#007728',
+            components: [129.9, 65.7, 40],
+            hex: '#23A939',
           },
           $type: 'color',
           $extensions: {
@@ -271,8 +474,8 @@
         '9': {
           $value: {
             colorSpace: 'hsl',
-            components: [140.8, 100, 19.2],
-            hex: '#006222',
+            components: [134.3, 100, 35.3],
+            hex: '#00B42B',
           },
           $type: 'color',
           $extensions: {
@@ -281,13 +484,11 @@
             },
           },
         },
-      },
-      yellow: {
-        '0': {
+        '10': {
           $value: {
             colorSpace: 'hsl',
-            components: [45.8, 92.1, 80.2],
-            hex: '#fbe59e',
+            components: [136, 85.4, 40.4],
+            hex: '#0FBF3E',
           },
           $type: 'color',
           $extensions: {
@@ -296,11 +497,11 @@
             },
           },
         },
-        '1': {
+        '11': {
           $value: {
             colorSpace: 'hsl',
-            components: [44.8, 94.8, 69.8],
-            hex: '#fbd669',
+            components: [131.2, 61.9, 49.4],
+            hex: '#30CC4D',
           },
           $type: 'color',
           $extensions: {
@@ -309,11 +510,11 @@
             },
           },
         },
-        '2': {
+        '12': {
           $value: {
             colorSpace: 'hsl',
-            components: [44.3, 91.8, 61.6],
-            hex: '#f7c843',
+            components: [138.4, 86.9, 47.8],
+            hex: '#10E451',
           },
           $type: 'color',
           $extensions: {
@@ -322,11 +523,11 @@
             },
           },
         },
-        '3': {
+        '13': {
           $value: {
             colorSpace: 'hsl',
-            components: [42.3, 86.5, 56.3],
-            hex: '#f0b72f',
+            components: [134.9, 82.5, 66.5],
+            hex: '#63F086',
           },
           $type: 'color',
           $extensions: {
@@ -335,11 +536,11 @@
             },
           },
         },
-        '4': {
+        '14': {
           $value: {
             colorSpace: 'hsl',
-            components: [39.7, 84.6, 54.1],
-            hex: '#EDAA27',
+            components: [135, 64.9, 85.5],
+            hex: '#C2F2CE',
           },
           $type: 'color',
           $extensions: {
@@ -348,11 +549,13 @@
             },
           },
         },
-        '5': {
+      },
+      yellow: {
+        '0': {
           $value: {
             colorSpace: 'hsl',
-            components: [39.8, 84.4, 47.6],
-            hex: '#e09b13',
+            components: [28, 78.9, 7.5],
+            hex: '#221204',
           },
           $type: 'color',
           $extensions: {
@@ -361,11 +564,11 @@
             },
           },
         },
-        '6': {
+        '1': {
           $value: {
             colorSpace: 'hsl',
-            components: [39.1, 92.3, 40.8],
-            hex: '#c88508',
+            components: [29.2, 72.5, 10],
+            hex: '#2C1907',
           },
           $type: 'color',
           $extensions: {
@@ -374,11 +577,11 @@
             },
           },
         },
-        '7': {
+        '2': {
           $value: {
             colorSpace: 'hsl',
-            components: [38.5, 95.5, 34.9],
-            hex: '#ae7104',
+            components: [33, 100, 15.7],
+            hex: '#502C00',
           },
           $type: 'color',
           $extensions: {
@@ -387,11 +590,11 @@
             },
           },
         },
-        '8': {
+        '3': {
           $value: {
             colorSpace: 'hsl',
-            components: [37.4, 97.3, 29.4],
-            hex: '#945d02',
+            components: [34.8, 100, 24.7],
+            hex: '#7E4900',
           },
           $type: 'color',
           $extensions: {
@@ -400,11 +603,11 @@
             },
           },
         },
-        '9': {
+        '4': {
           $value: {
             colorSpace: 'hsl',
-            components: [35.6, 100, 24.1],
-            hex: '#7b4900',
+            components: [35.2, 100, 29.4],
+            hex: '#965800',
           },
           $type: 'color',
           $extensions: {
@@ -413,13 +616,11 @@
             },
           },
         },
-      },
-      orange: {
-        '0': {
+        '5': {
           $value: {
             colorSpace: 'hsl',
-            components: [36, 100, 85.3],
-            hex: '#ffe1b4',
+            components: [34.1, 76, 37.6],
+            hex: '#A96A17',
           },
           $type: 'color',
           $extensions: {
@@ -428,11 +629,11 @@
             },
           },
         },
-        '1': {
+        '6': {
           $value: {
             colorSpace: 'hsl',
-            components: [36.2, 100, 76.3],
-            hex: '#ffcf86',
+            components: [36.5, 85.6, 38],
+            hex: '#B4730E',
           },
           $type: 'color',
           $extensions: {
@@ -441,11 +642,11 @@
             },
           },
         },
-        '2': {
+        '7': {
           $value: {
             colorSpace: 'hsl',
-            components: [34.3, 100, 67.1],
-            hex: '#ffb757',
+            components: [39, 100, 37.5],
+            hex: '#BF7C00',
           },
           $type: 'color',
           $extensions: {
@@ -454,11 +655,11 @@
             },
           },
         },
-        '3': {
+        '8': {
           $value: {
             colorSpace: 'hsl',
-            components: [31.3, 99.1, 58.6],
-            hex: '#fe9a2d',
+            components: [38, 100, 40.2],
+            hex: '#CD8200',
           },
           $type: 'color',
           $extensions: {
@@ -467,11 +668,11 @@
             },
           },
         },
-        '4': {
+        '9': {
           $value: {
             colorSpace: 'hsl',
-            components: [29.6, 90.4, 55.1],
-            hex: '#F48B25',
+            components: [37.3, 100, 42.5],
+            hex: '#D98700',
           },
           $type: 'color',
           $extensions: {
@@ -480,11 +681,11 @@
             },
           },
         },
-        '5': {
+        '10': {
           $value: {
             colorSpace: 'hsl',
-            components: [29.7, 80.8, 51],
-            hex: '#e7811d',
+            components: [42, 100, 43.1],
+            hex: '#DC9A00',
           },
           $type: 'color',
           $extensions: {
@@ -493,11 +694,11 @@
             },
           },
         },
-        '6': {
+        '11': {
           $value: {
             colorSpace: 'hsl',
-            components: [28.6, 82.8, 45.7],
-            hex: '#d57014',
+            components: [40.6, 79.3, 52.5],
+            hex: '#E6A826',
           },
           $type: 'color',
           $extensions: {
@@ -506,11 +707,11 @@
             },
           },
         },
-        '7': {
+        '12': {
           $value: {
             colorSpace: 'hsl',
-            components: [27.8, 90, 39.4],
-            hex: '#bf5e0a',
+            components: [45.4, 100, 48.4],
+            hex: '#F7BB00',
           },
           $type: 'color',
           $extensions: {
@@ -519,11 +720,11 @@
             },
           },
         },
-        '8': {
+        '13': {
           $value: {
             colorSpace: 'hsl',
-            components: [27.3, 100, 32.7],
-            hex: '#a74c00',
+            components: [44.9, 91.7, 66.9],
+            hex: '#F8D15D',
           },
           $type: 'color',
           $extensions: {
@@ -532,11 +733,11 @@
             },
           },
         },
-        '9': {
+        '14': {
           $value: {
             colorSpace: 'hsl',
-            components: [25.2, 100, 28],
-            hex: '#8f3c00',
+            components: [45.3, 91.8, 80.8],
+            hex: '#FBE5A1',
           },
           $type: 'color',
           $extensions: {
@@ -546,12 +747,12 @@
           },
         },
       },
-      red: {
+      orange: {
         '0': {
           $value: {
             colorSpace: 'hsl',
-            components: [5, 100, 92.9],
-            hex: '#ffdedb',
+            components: [24.4, 81.8, 6.5],
+            hex: '#1E0E03',
           },
           $type: 'color',
           $extensions: {
@@ -563,8 +764,8 @@
         '1': {
           $value: {
             colorSpace: 'hsl',
-            components: [2.1, 100, 89],
-            hex: '#ffc9c7',
+            components: [23.7, 81.1, 10.4],
+            hex: '#301605',
           },
           $type: 'color',
           $extensions: {
@@ -576,8 +777,8 @@
         '2': {
           $value: {
             colorSpace: 'hsl',
-            components: [1.5, 100, 84.3],
-            hex: '#ffb1af',
+            components: [24.9, 100, 17.5],
+            hex: '#592500',
           },
           $type: 'color',
           $extensions: {
@@ -589,8 +790,8 @@
         '3': {
           $value: {
             colorSpace: 'hsl',
-            components: [1.1, 100, 78.6],
-            hex: '#ff9492',
+            components: [25.1, 100, 27.6],
+            hex: '#8D3B00',
           },
           $type: 'color',
           $extensions: {
@@ -602,8 +803,8 @@
         '4': {
           $value: {
             colorSpace: 'hsl',
-            components: [0, 100, 75.1],
-            hex: '#FF8080',
+            components: [23.8, 85.7, 35.7],
+            hex: '#A94B0D',
           },
           $type: 'color',
           $extensions: {
@@ -615,8 +816,8 @@
         '5': {
           $value: {
             colorSpace: 'hsl',
-            components: [0.4, 100, 70.6],
-            hex: '#ff6a69',
+            components: [25.2, 100, 39.6],
+            hex: '#CA5500',
           },
           $type: 'color',
           $extensions: {
@@ -628,8 +829,8 @@
         '6': {
           $value: {
             colorSpace: 'hsl',
-            components: [359.7, 100, 63.3],
-            hex: '#ff4445',
+            components: [25.1, 89.3, 44.1],
+            hex: '#D5600C',
           },
           $type: 'color',
           $extensions: {
@@ -641,8 +842,8 @@
         '7': {
           $value: {
             colorSpace: 'hsl',
-            components: [358.4, 80.5, 53.7],
-            hex: '#e82a2f',
+            components: [25.1, 82.9, 48],
+            hex: '#E06A15',
           },
           $type: 'color',
           $extensions: {
@@ -654,8 +855,8 @@
         '8': {
           $value: {
             colorSpace: 'hsl',
-            components: [355.8, 82.1, 43.9],
-            hex: '#cc1421',
+            components: [24.5, 82, 52],
+            hex: '#E97220',
           },
           $type: 'color',
           $extensions: {
@@ -667,8 +868,8 @@
         '9': {
           $value: {
             colorSpace: 'hsl',
-            components: [352.7, 98.9, 34.1],
-            hex: '#ad0116',
+            components: [24.5, 87.8, 55.1],
+            hex: '#F17A28',
           },
           $type: 'color',
           $extensions: {
@@ -677,13 +878,11 @@
             },
           },
         },
-      },
-      purple: {
-        '0': {
+        '10': {
           $value: {
             colorSpace: 'hsl',
-            components: [271.9, 100, 93.7],
-            hex: '#f0dfff',
+            components: [25.9, 86.3, 60],
+            hex: '#F18D41',
           },
           $type: 'color',
           $extensions: {
@@ -692,11 +891,11 @@
             },
           },
         },
-        '1': {
+        '11': {
           $value: {
             colorSpace: 'hsl',
-            components: [270.6, 100, 90],
-            hex: '#e6ccff',
+            components: [27.1, 100, 63.9],
+            hex: '#FF9A47',
           },
           $type: 'color',
           $extensions: {
@@ -705,11 +904,11 @@
             },
           },
         },
-        '2': {
+        '12': {
           $value: {
             colorSpace: 'hsl',
-            components: [270, 100, 85.9],
-            hex: '#dbb7ff',
+            components: [26, 98.4, 74.7],
+            hex: '#FEB67F',
           },
           $type: 'color',
           $extensions: {
@@ -718,11 +917,11 @@
             },
           },
         },
-        '3': {
+        '13': {
           $value: {
             colorSpace: 'hsl',
-            components: [267.8, 100, 81],
-            hex: '#cb9eff',
+            components: [24.3, 83.1, 83.7],
+            hex: '#F8CFB3',
           },
           $type: 'color',
           $extensions: {
@@ -731,11 +930,11 @@
             },
           },
         },
-        '4': {
+        '14': {
           $value: {
             colorSpace: 'hsl',
-            components: [265.7, 100, 78],
-            hex: '#BF8FFF',
+            components: [25.4, 100, 89.8],
+            hex: '#FFE1CB',
           },
           $type: 'color',
           $extensions: {
@@ -744,11 +943,13 @@
             },
           },
         },
-        '5': {
+      },
+      red: {
+        '0': {
           $value: {
             colorSpace: 'hsl',
-            components: [266.7, 100, 74.9],
-            hex: '#b87fff',
+            components: [345.5, 76.7, 8.4],
+            hex: '#26050D',
           },
           $type: 'color',
           $extensions: {
@@ -757,11 +958,11 @@
             },
           },
         },
-        '6': {
+        '1': {
           $value: {
             colorSpace: 'hsl',
-            components: [263.9, 100, 71],
-            hex: '#a66bff',
+            components: [345.3, 76.8, 13.5],
+            hex: '#3D0815',
           },
           $type: 'color',
           $extensions: {
@@ -770,11 +971,11 @@
             },
           },
         },
-        '7': {
+        '2': {
           $value: {
             colorSpace: 'hsl',
-            components: [264.1, 97.8, 65.1],
-            hex: '#954ffd',
+            components: [0, 100, 22.4],
+            hex: '#720000',
           },
           $type: 'color',
           $extensions: {
@@ -783,11 +984,11 @@
             },
           },
         },
-        '8': {
+        '3': {
           $value: {
             colorSpace: 'hsl',
-            components: [263.9, 92.5, 58],
-            hex: '#8031f7',
+            components: [347, 100, 33.5],
+            hex: '#AB0025',
           },
           $type: 'color',
           $extensions: {
@@ -796,11 +997,11 @@
             },
           },
         },
-        '9': {
+        '4': {
           $value: {
             colorSpace: 'hsl',
-            components: [263.7, 73.4, 48.6],
-            hex: '#6921d7',
+            components: [347.8, 100, 40.4],
+            hex: '#CE002A',
           },
           $type: 'color',
           $extensions: {
@@ -809,13 +1010,11 @@
             },
           },
         },
-      },
-      pink: {
-        '0': {
+        '5': {
           $value: {
             colorSpace: 'hsl',
-            components: [334.3, 100, 93.1],
-            hex: '#ffdceb',
+            components: [356.1, 84.1, 53.1],
+            hex: '#EC2330',
           },
           $type: 'color',
           $extensions: {
@@ -824,11 +1023,11 @@
             },
           },
         },
-        '1': {
+        '6': {
           $value: {
             colorSpace: 'hsl',
-            components: [332.1, 100, 89],
-            hex: '#ffc7e1',
+            components: [357.8, 91.5, 58.4],
+            hex: '#F6343B',
           },
           $type: 'color',
           $extensions: {
@@ -837,11 +1036,11 @@
             },
           },
         },
-        '2': {
+        '7': {
           $value: {
             colorSpace: 'hsl',
-            components: [331.5, 100, 83.9],
-            hex: '#ffadd4',
+            components: [359.1, 100, 62.7],
+            hex: '#FF4144',
           },
           $type: 'color',
           $extensions: {
@@ -850,11 +1049,11 @@
             },
           },
         },
-        '3': {
+        '8': {
           $value: {
             colorSpace: 'hsl',
-            components: [329.5, 100, 77.6],
-            hex: '#ff8dc7',
+            components: [359.6, 100, 67.1],
+            hex: '#FF5758',
           },
           $type: 'color',
           $extensions: {
@@ -863,11 +1062,11 @@
             },
           },
         },
-        '4': {
+        '9': {
           $value: {
             colorSpace: 'hsl',
-            components: [328.5, 89.9, 72.9],
-            hex: '#F87CBD',
+            components: [0.4, 100, 70.2],
+            hex: '#FF6867',
           },
           $type: 'color',
           $extensions: {
@@ -876,11 +1075,11 @@
             },
           },
         },
-        '5': {
+        '10': {
           $value: {
             colorSpace: 'hsl',
-            components: [328.8, 80.1, 68.4],
-            hex: '#ef6eb1',
+            components: [1.5, 88.1, 73.7],
+            hex: '#F78481',
           },
           $type: 'color',
           $extensions: {
@@ -889,11 +1088,11 @@
             },
           },
         },
-        '6': {
+        '11': {
           $value: {
             colorSpace: 'hsl',
-            components: [327.5, 72.4, 61.6],
-            hex: '#e456a3',
+            components: [1.6, 100, 78],
+            hex: '#FF928F',
           },
           $type: 'color',
           $extensions: {
@@ -902,11 +1101,11 @@
             },
           },
         },
-        '7': {
+        '12': {
           $value: {
             colorSpace: 'hsl',
-            components: [326.2, 62.3, 53.1],
-            hex: '#d23d91',
+            components: [3, 97.6, 83.9],
+            hex: '#FEB2AE',
           },
           $type: 'color',
           $extensions: {
@@ -915,11 +1114,11 @@
             },
           },
         },
-        '8': {
+        '13': {
           $value: {
             colorSpace: 'hsl',
-            components: [325, 61.2, 44.5],
-            hex: '#b72c7d',
+            components: [3.3, 96.5, 88.8],
+            hex: '#FECAC7',
           },
           $type: 'color',
           $extensions: {
@@ -928,11 +1127,11 @@
             },
           },
         },
-        '9': {
+        '14': {
           $value: {
             colorSpace: 'hsl',
-            components: [323.6, 68.6, 36.3],
-            hex: '#9c1d6a',
+            components: [10.2, 100, 92],
+            hex: '#FFDDD6',
           },
           $type: 'color',
           $extensions: {
@@ -942,12 +1141,12 @@
           },
         },
       },
-      coral: {
+      purple: {
         '0': {
           $value: {
             colorSpace: 'hsl',
-            components: [14, 100, 91.6],
-            hex: '#ffded4',
+            components: [255, 66.7, 11.8],
+            hex: '#140A32',
           },
           $type: 'color',
           $extensions: {
@@ -959,8 +1158,8 @@
         '1': {
           $value: {
             colorSpace: 'hsl',
-            components: [15.4, 100, 86.3],
-            hex: '#ffcbb9',
+            components: [254.8, 67, 19],
+            hex: '#201051',
           },
           $type: 'color',
           $extensions: {
@@ -972,8 +1171,8 @@
         '2': {
           $value: {
             colorSpace: 'hsl',
-            components: [14.4, 100, 80.4],
-            hex: '#ffb39b',
+            components: [261.2, 84, 31.8],
+            hex: '#3D0D95',
           },
           $type: 'color',
           $extensions: {
@@ -985,8 +1184,8 @@
         '3': {
           $value: {
             colorSpace: 'hsl',
-            components: [11.5, 100, 74.5],
-            hex: '#ff967d',
+            components: [263.1, 80, 49],
+            hex: '#6619E1',
           },
           $type: 'color',
           $extensions: {
@@ -998,8 +1197,8 @@
         '4': {
           $value: {
             colorSpace: 'hsl',
-            components: [11.3, 97.4, 70],
-            hex: '#FD8468',
+            components: [260.3, 87.6, 59],
+            hex: '#793BF2',
           },
           $type: 'color',
           $extensions: {
@@ -1011,8 +1210,8 @@
         '5': {
           $value: {
             colorSpace: 'hsl',
-            components: [11.4, 96.6, 64.9],
-            hex: '#fc704f',
+            components: [265.7, 100, 64.7],
+            hex: '#984BFF',
           },
           $type: 'color',
           $extensions: {
@@ -1024,8 +1223,8 @@
         '6': {
           $value: {
             colorSpace: 'hsl',
-            components: [9.2, 92.5, 58.4],
-            hex: '#f75133',
+            components: [266, 100, 67.8],
+            hex: '#A25BFF',
           },
           $type: 'color',
           $extensions: {
@@ -1037,8 +1236,8 @@
         '7': {
           $value: {
             colorSpace: 'hsl',
-            components: [8.2, 75.5, 50.4],
-            hex: '#e03b21',
+            components: [266.8, 100, 70.6],
+            hex: '#AC69FF',
           },
           $type: 'color',
           $extensions: {
@@ -1050,8 +1249,8 @@
         '8': {
           $value: {
             colorSpace: 'hsl',
-            components: [6.7, 83.3, 42.4],
-            hex: '#c62612',
+            components: [267.3, 93, 72.2],
+            hex: '#B276FA',
           },
           $type: 'color',
           $extensions: {
@@ -1063,8 +1262,8 @@
         '9': {
           $value: {
             colorSpace: 'hsl',
-            components: [7.5, 100, 33.1],
-            hex: '#a91500',
+            components: [268.2, 85.2, 73.5],
+            hex: '#B882F5',
           },
           $type: 'color',
           $extensions: {
@@ -1073,6 +1272,2398 @@
             },
           },
         },
+        '10': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [268.7, 100, 77.8],
+            hex: '#C48EFF',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark-high-contrast',
+            },
+          },
+        },
+        '11': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [265.6, 71.4, 79.4],
+            hex: '#C5A5F0',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark-high-contrast',
+            },
+          },
+        },
+        '12': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [265.2, 83.8, 85.5],
+            hex: '#D5BBF9',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark-high-contrast',
+            },
+          },
+        },
+        '13': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [265.7, 75, 89],
+            hex: '#E0CEF8',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark-high-contrast',
+            },
+          },
+        },
+        '14': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [283.6, 100, 93.5],
+            hex: '#F6DEFF',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark-high-contrast',
+            },
+          },
+        },
+      },
+      pink: {
+        '0': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [325, 57.1, 8.2],
+            hex: '#210917',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark-high-contrast',
+            },
+          },
+        },
+        '1': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [325.5, 58.8, 13.3],
+            hex: '#360E25',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark-high-contrast',
+            },
+          },
+        },
+        '2': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [323.8, 56.7, 23.5],
+            hex: '#5E1A43',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark-high-contrast',
+            },
+          },
+        },
+        '3': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [323.8, 64.7, 36.7],
+            hex: '#9A216A',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark-high-contrast',
+            },
+          },
+        },
+        '4': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [325.3, 67.9, 43.9],
+            hex: '#BC247C',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark-high-contrast',
+            },
+          },
+        },
+        '5': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [322, 71.7, 51.6],
+            hex: '#DC2B9B',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark-high-contrast',
+            },
+          },
+        },
+        '6': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [321.4, 72.7, 56.9],
+            hex: '#E141A8',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark-high-contrast',
+            },
+          },
+        },
+        '7': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [319.7, 74.1, 60.6],
+            hex: '#E550B4',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark-high-contrast',
+            },
+          },
+        },
+        '8': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [320.1, 81.4, 64.1],
+            hex: '#EE59BC',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark-high-contrast',
+            },
+          },
+        },
+        '9': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [320.4, 90.4, 67.5],
+            hex: '#F761C4',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark-high-contrast',
+            },
+          },
+        },
+        '10': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [318, 87.2, 72.4],
+            hex: '#F67BD1',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark-high-contrast',
+            },
+          },
+        },
+        '11': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [316.1, 100, 76.7],
+            hex: '#FF88DF',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark-high-contrast',
+            },
+          },
+        },
+        '12': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [315.6, 93.1, 82.9],
+            hex: '#FCABE7',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark-high-contrast',
+            },
+          },
+        },
+        '13': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [314, 72.3, 87.3],
+            hex: '#F6C7EB',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark-high-contrast',
+            },
+          },
+        },
+        '14': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [313.3, 100, 92.9],
+            hex: '#FFDBF7',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark-high-contrast',
+            },
+          },
+        },
+      },
+      coral: {
+        '0': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [3.1, 90.7, 8.4],
+            hex: '#290402',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark-high-contrast',
+            },
+          },
+        },
+        '1': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [2.9, 91.3, 13.5],
+            hex: '#420603',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark-high-contrast',
+            },
+          },
+        },
+        '2': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [8.3, 100, 21.4],
+            hex: '#6D0F00',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark-high-contrast',
+            },
+          },
+        },
+        '3': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [9.5, 82, 34.9],
+            hex: '#A22710',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark-high-contrast',
+            },
+          },
+        },
+        '4': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [11.7, 91.1, 39.8],
+            hex: '#C22D09',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark-high-contrast',
+            },
+          },
+        },
+        '5': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [12.8, 91.5, 46.1],
+            hex: '#E1380A',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark-high-contrast',
+            },
+          },
+        },
+        '6': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [11.6, 84.5, 52],
+            hex: '#EC451D',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark-high-contrast',
+            },
+          },
+        },
+        '7': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [11.1, 92.8, 56.5],
+            hex: '#F74F29',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark-high-contrast',
+            },
+          },
+        },
+        '8': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [11.4, 94, 60.6],
+            hex: '#F9603C',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark-high-contrast',
+            },
+          },
+        },
+        '9': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [12.2, 95.7, 63.7],
+            hex: '#FB6E4A',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark-high-contrast',
+            },
+          },
+        },
+        '10': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [13.4, 87.4, 68.8],
+            hex: '#F5896A',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark-high-contrast',
+            },
+          },
+        },
+        '11': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [16.1, 100, 72.2],
+            hex: '#FF9771',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark-high-contrast',
+            },
+          },
+        },
+        '12': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [14, 95.9, 80.8],
+            hex: '#FDB59F',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark-high-contrast',
+            },
+          },
+        },
+        '13': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [14.8, 94.2, 86.5],
+            hex: '#FDCCBC',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark-high-contrast',
+            },
+          },
+        },
+        '14': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [16, 100, 91.2],
+            hex: '#FFDED2',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark-high-contrast',
+            },
+          },
+        },
+      },
+      gray: {
+        '0': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [140, 8.6, 6.9],
+            hex: '#101311',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '1': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [140, 10.7, 11],
+            hex: '#191F1B',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '2': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [140, 5.9, 20],
+            hex: '#303632',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '3': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [133.3, 5.5, 32.4],
+            hex: '#4E5750',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '4': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [140, 6, 39.2],
+            hex: '#5E6A62',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '5': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [135, 5.1, 45.9],
+            hex: '#6F7B72',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '6': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [135, 4.8, 49.4],
+            hex: '#78847B',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '7': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [135, 5, 52.9],
+            hex: '#818D84',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '8': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [135, 5.4, 56.5],
+            hex: '#8A968D',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '9': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [135, 5.8, 59.6],
+            hex: '#929E95',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '10': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [138.5, 7.1, 64.1],
+            hex: '#9DAAA1',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '11': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [138.5, 8.1, 68.4],
+            hex: '#A8B5AC',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '12': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [141.4, 11.5, 76.1],
+            hex: '#BBC9C0',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '13': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [130, 14, 83.1],
+            hex: '#CEDAD0',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '14': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [133.8, 23.6, 89.2],
+            hex: '#DDEAE0',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+      },
+      auburn: {
+        '0': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [4.6, 18.8, 12.4],
+            hex: '#251a1a',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '1': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [3.8, 25.4, 22.9],
+            hex: '#492e2c',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '2': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [4.8, 26.3, 36.5],
+            hex: '#764945',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '3': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [3.7, 26.5, 44.7],
+            hex: '#905854',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '4': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [3.9, 26.2, 51.9],
+            hex: '#a56964',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '5': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [3.5, 25.7, 58.9],
+            hex: '#b17f7b',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '6': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [3, 25.6, 64.6],
+            hex: '#bc908e',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '7': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [3.9, 26.1, 68.8],
+            hex: '#c49e9b',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '8': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [3.9, 26.1, 73],
+            hex: '#ccaba8',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '9': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [4.4, 26.7, 79.7],
+            hex: '#d9bfbd',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '10': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [5.5, 27.5, 85.7],
+            hex: '#e5d2d0',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '11': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [6.7, 18.4, 90.6],
+            hex: '#ebe4e3',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+      },
+      brown: {
+        '0': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [27.7, 19.4, 11.3],
+            hex: '#231c17',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '1': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [30, 28.3, 19.8],
+            hex: '#413324',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '2': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [34.1, 28.5, 30.8],
+            hex: '#655138',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '3': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [33.8, 28.6, 37.3],
+            hex: '#7a6344',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '4': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [33.6, 30.4, 43.7],
+            hex: '#91734e',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '5': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [34.5, 30.8, 50],
+            hex: '#a78558',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '6': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [35.8, 32.4, 56.3],
+            hex: '#b4966b',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '7': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [37.1, 33.3, 60.6],
+            hex: '#bca279',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '8': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [38.2, 33.7, 65.7],
+            hex: '#c5b08a',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '9': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [39.6, 34.3, 73.8],
+            hex: '#d3c3a5',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '10': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [40.5, 35.2, 81.3],
+            hex: '#e0d5be',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '11': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [41.2, 25.8, 88.6],
+            hex: '#e9e5db',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+      },
+      lemon: {
+        '0': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [42.5, 100, 4.7],
+            hex: '#181100',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '1': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [41.5, 100, 7.6],
+            hex: '#271B00',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '2': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [44.1, 100, 13.3],
+            hex: '#443200',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '3': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [47, 100, 20.8],
+            hex: '#6A5300',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '4': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [46.4, 100, 25.1],
+            hex: '#806300',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '5': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [46.5, 100, 29.6],
+            hex: '#977500',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '6': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [47.3, 100, 31.4],
+            hex: '#A07E00',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '7': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [47.6, 100, 33.1],
+            hex: '#A98600',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '8': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [48.2, 100, 34.9],
+            hex: '#B28F00',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '9': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [48.8, 100, 36.7],
+            hex: '#BB9800',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '10': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [48.4, 100, 39.4],
+            hex: '#C9A200',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '11': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [50.8, 100, 41],
+            hex: '#D1B100',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '12': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [50.9, 86.1, 48],
+            hex: '#E4C411',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '13': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [51.8, 87.2, 57.1],
+            hex: '#F1D732',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '14': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [52.4, 92.3, 69.6],
+            hex: '#F9E76A',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+      },
+      olive: {
+        '0': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [81.4, 33.3, 9.3],
+            hex: '#1a2010',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '1': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [83.3, 46.2, 15.4],
+            hex: '#2b3915',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '2': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [77.1, 47.5, 24.1],
+            hex: '#4a5b20',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '3': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [73.8, 51.4, 28.4],
+            hex: '#5c6e23',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '4': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [70.5, 53.3, 32.6],
+            hex: '#708027',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '5': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [67.8, 56.1, 36.8],
+            hex: '#859329',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '6': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [65.9, 60, 39.8],
+            hex: '#97a229',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '7': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [61.9, 62.3, 41.7],
+            hex: '#a8ad28',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '8': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [58.8, 66.5, 43.9],
+            hex: '#bab826',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '9': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [56.1, 69.4, 49],
+            hex: '#d4c926',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '10': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [52.6, 72.6, 66.3],
+            hex: '#e7d86a',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '11': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [52.6, 71.7, 79.9],
+            hex: '#f0e7a7',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+      },
+      lime: {
+        '0': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [101.1, 76, 4.9],
+            hex: '#091603',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '1': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [102, 75, 7.8],
+            hex: '#0E2305',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '2': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [88.6, 55.3, 14.9],
+            hex: '#273B11',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '3': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [84.8, 72.7, 21.6],
+            hex: '#3E5F0F',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '4': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [82.4, 81, 24.7],
+            hex: '#4C720C',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '5': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [78.9, 100, 26.1],
+            hex: '#5B8500',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '6': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [81.5, 72.3, 32.5],
+            hex: '#648F17',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '7': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [82.1, 62.6, 36.7],
+            hex: '#6D9823',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '8': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [82.2, 75, 36.1],
+            hex: '#6EA117',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '9': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [81.2, 100, 33.3],
+            hex: '#6EAA00',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '10': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [77, 86.7, 38.2],
+            hex: '#86B60D',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '11': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [78.8, 67.8, 45.1],
+            hex: '#90C125',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '12': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [75.1, 100, 42],
+            hex: '#A0D600',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '13': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [74.3, 81.7, 50.8],
+            hex: '#B7E81B',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '14': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [76.6, 81, 71.2],
+            hex: '#D0F17A',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+      },
+      pine: {
+        '0': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [161.5, 61.9, 8.1],
+            hex: '#08211a',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '1': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [160.9, 61, 14.7],
+            hex: '#0f3c2e',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '2': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [158.4, 64.1, 23.1],
+            hex: '#156045',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '3': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [157.8, 65.7, 27.6],
+            hex: '#187552',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '4': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [157.1, 68, 32.1],
+            hex: '#1a895f',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '5': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [156, 69.7, 36.6],
+            hex: '#1c9f6a',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '6': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [154.7, 71.4, 40.4],
+            hex: '#1db072',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '7': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [154.2, 74.5, 42.6],
+            hex: '#1cbe78',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '8': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [153.1, 76.1, 45.3],
+            hex: '#1ccb7d',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '9': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [152, 78.1, 49.7],
+            hex: '#1ce185',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '10': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [150.9, 80.6, 66.6],
+            hex: '#65efac',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '11': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [151, 80.9, 80.8],
+            hex: '#a7f6cf',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+      },
+      teal: {
+        '0': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [182.9, 100, 4.1],
+            hex: '#001415',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '1': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [181.8, 100, 6.7],
+            hex: '#002122',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '2': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [180, 76.1, 13.1],
+            hex: '#083B3B',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '3': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [181.2, 100, 19.2],
+            hex: '#006062',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '4': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [181.5, 100, 22.9],
+            hex: '#007275',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '5': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [179.6, 100, 26.5],
+            hex: '#008786',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '6': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [180.4, 100, 28.6],
+            hex: '#009192',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '7': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [181.1, 100, 30.8],
+            hex: '#009A9D',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '8': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [179.6, 100, 32.2],
+            hex: '#00A4A3',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '9': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [178.6, 100, 33.9],
+            hex: '#00ADA9',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '10': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [178.6, 88.8, 38.6],
+            hex: '#0BBAB6',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '11': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [178, 63.5, 47.3],
+            hex: '#2CC5C0',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '12': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [177.6, 86.4, 46.3],
+            hex: '#10DCD4',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '13': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [176.7, 84.7, 53.9],
+            hex: '#26EDE2',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '14': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [174.2, 85.3, 78.6],
+            hex: '#9AF7EE',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+      },
+      cyan: {
+        '0': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [195.3, 100, 8.6],
+            hex: '#00202c',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '1': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [194.9, 100, 15],
+            hex: '#003a4c',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '2': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [194.7, 100, 23.8],
+            hex: '#005b79',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '3': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [194.8, 98, 29],
+            hex: '#016f92',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '4': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [195.2, 96.3, 34.7],
+            hex: '#0382ad',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '5': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [195.1, 95.8, 39.7],
+            hex: '#0495c6',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '6': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [195.2, 94.3, 44.6],
+            hex: '#06a6dd',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '7': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [195.1, 93.7, 47.8],
+            hex: '#08b2ec',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '8': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [194.9, 92.8, 53.3],
+            hex: '#19c0f6',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '9': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [195, 92.1, 67.7],
+            hex: '#61d2f8',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '10': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [194.7, 90.5, 78.3],
+            hex: '#96e1fa',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '11': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [194.5, 91.7, 86.8],
+            hex: '#beedfc',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+      },
+      indigo: {
+        '0': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [234.5, 57.9, 11.2],
+            hex: '#0C0F2D',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '1': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [234.3, 58.2, 17.8],
+            hex: '#131848',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '2': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [238.8, 58.4, 33.9],
+            hex: '#242689',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '3': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [234.4, 68, 51],
+            hex: '#2D3DD7',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '4': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [233.8, 72.1, 57.8],
+            hex: '#4656E1',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '5': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [232.2, 89.9, 64.9],
+            hex: '#556AF6',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '6': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [231.4, 88, 67.3],
+            hex: '#6277F5',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '7': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [231, 85.9, 69.4],
+            hex: '#6E82F4',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '8': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [231.4, 88.7, 72.2],
+            hex: '#798BF7',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '9': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [231, 92.3, 74.5],
+            hex: '#8294FA',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '10': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [229.9, 89.9, 76.7],
+            hex: '#8EA0F9',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '11': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [227.8, 100, 79.8],
+            hex: '#98ADFF',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '12': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [222.4, 100, 83.9],
+            hex: '#ADC5FF',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '13': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [226.4, 100, 89.6],
+            hex: '#CAD6FF',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '14': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [226.5, 83.8, 92.7],
+            hex: '#DDE4FC',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+      },
+      plum: {
+        '0': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [274.4, 62.9, 15.6],
+            hex: '#2c0f41',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '1': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [274.1, 63.4, 27.6],
+            hex: '#4d1a73',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '2': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [276.4, 67.7, 42.7],
+            hex: '#7d23b6',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '3': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [276.8, 71.7, 51.5],
+            hex: '#972bdc',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '4': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [278.1, 76.1, 59.1],
+            hex: '#ac47e6',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '5': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [279.3, 80.3, 65.8],
+            hex: '#be62ee',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '6': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [280.3, 84.1, 71.1],
+            hex: '#cb78f3',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '7': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [281.2, 87.6, 75],
+            hex: '#d488f7',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '8': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [281.8, 92.5, 78.9],
+            hex: '#dd98fb',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '9': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [283.6, 94.8, 84.4],
+            hex: '#e8b2fd',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '10': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [283.7, 100, 89.3],
+            hex: '#f0c8ff',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '11': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [283.5, 100, 93.4],
+            hex: '#f6deff',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
       },
     },
   },
diff --git a/src/tokens/base/color/dark/dark.json5 b/src/tokens/base/color/dark/dark.json5
index dd303b747..375a5c8ba 100644
--- a/src/tokens/base/color/dark/dark.json5
+++ b/src/tokens/base/color/dark/dark.json5
@@ -54,9 +54,2243 @@
         },
         alpha: 0,
       },
+      // NOTE: The neutral scale is for UI use only (backgrounds, borders, component states).
+      // It targets WCAG 2.1 §1.4.11 non-text contrast (≥3:1), not text contrast (≥4.5:1).
+      // Do not use neutral steps directly as text or icon colors — use fgColor-* functional tokens.
+      // See: contributor-docs/adrs/adr-003-neutral-scales.md and adr-012-color-scale-contrast-map.md
       neutral: {
         '0': {
-          $value: '{base.color.black}',
+          $value: '{base.color.gray.0}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '1': {
+          $value: '{base.color.gray.1}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '2': {
+          $value: '{base.color.gray.2}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '3': {
+          $value: '{base.color.gray.3}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '4': {
+          $value: '{base.color.gray.4}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '5': {
+          $value: '{base.color.gray.5}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '6': {
+          $value: '{base.color.gray.6}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '7': {
+          $value: '{base.color.gray.7}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '8': {
+          $value: '{base.color.gray.8}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '9': {
+          $value: '{base.color.gray.9}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '10': {
+          $value: '{base.color.gray.10}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '11': {
+          $value: '{base.color.gray.11}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '12': {
+          $value: '{base.color.gray.12}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '13': {
+          $value: '{base.color.gray.13}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '14': {
+          $value: '{base.color.gray.14}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+      },
+      blue: {
+        '0': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [231.4, 100, 6.9],
+            hex: '#000523',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '1': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [231.6, 100, 11.2],
+            hex: '#000839',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '2': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [225.4, 100, 15.3],
+            hex: '#00134E',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '3': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [222.8, 90.4, 20.4],
+            hex: '#052063',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '4': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [224.9, 89.4, 29.6],
+            hex: '#082A8F',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '5': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [230, 79.4, 40],
+            hex: '#1530B7',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '6': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [219.1, 94.9, 38.6],
+            hex: '#0546C0',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '7': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [219.9, 91.3, 44.9],
+            hex: '#0A50DB',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '8': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [213.6, 100, 44.5],
+            hex: '#0064E3',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '9': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [212.4, 100, 50.6],
+            hex: '#0377FF',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '10': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [211, 100, 59.4],
+            hex: '#3094FF',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '11': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [210.4, 98.5, 73.3],
+            hex: '#78BAFE',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '12': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [207.7, 100, 79.6],
+            hex: '#97CFFF',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '13': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [203.9, 100, 81.8],
+            hex: '#A2DAFF',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '14': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [197.7, 100, 88],
+            hex: '#C2EDFF',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+      },
+      green: {
+        '0': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [152.3, 100, 2.5],
+            hex: '#000D07',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '1': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [151.6, 100, 3.7],
+            hex: '#00130A',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '2': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [156.9, 81.3, 6.3],
+            hex: '#031D13',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '3': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [159.2, 56.5, 9],
+            hex: '#0A241B',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '4': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [159.4, 57.4, 12],
+            hex: '#0D3024',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '5': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [154.6, 65, 15.7],
+            hex: '#0E422C',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '6': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [148.7, 69.7, 19.4],
+            hex: '#0F5430',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '7': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [144, 77.6, 22.7],
+            hex: '#0D6731',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '8': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [144.1, 100, 22],
+            hex: '#00702D',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '9': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [136.5, 88.8, 28],
+            hex: '#08872B',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '10': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [136, 85.4, 40.4],
+            hex: '#0FBF3E',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '11': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [135.7, 82.6, 52.7],
+            hex: '#23EA57',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '12': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [135.2, 79.8, 65.1],
+            hex: '#5FED83',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '13': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [135.3, 79.7, 74.9],
+            hex: '#8CF2A6',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '14': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [135.3, 68.1, 86.5],
+            hex: '#C5F4D1',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+      },
+      yellow: {
+        '0': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [18.9, 100, 3.7],
+            hex: '#130600',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '1': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [18, 100, 5.9],
+            hex: '#1E0900',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '2': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [22.9, 100, 8.2],
+            hex: '#2A1000',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '3': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [26.2, 100, 13.9],
+            hex: '#471F00',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '4': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [28.4, 100, 17.8],
+            hex: '#5B2B00',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '5': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [30.5, 100, 22.4],
+            hex: '#723A00',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '6': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [33, 100, 25.7],
+            hex: '#834800',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '7': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [34.2, 100, 27.8],
+            hex: '#8E5100',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '8': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [36.4, 100, 31.4],
+            hex: '#A06100',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '9': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [39.3, 100, 36.9],
+            hex: '#BC7B00',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '10': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [43, 100, 42.9],
+            hex: '#DB9D00',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '11': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [43.7, 95.6, 55.5],
+            hex: '#FABF21',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '12': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [44.7, 90.3, 67.6],
+            hex: '#F7D162',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '13': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [43.9, 86.9, 73.1],
+            hex: '#F6D67F',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '14': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [45.5, 84.5, 79.8],
+            hex: '#F7E2A0',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+      },
+      orange: {
+        '0': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [15.8, 100, 3.7],
+            hex: '#130500',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '1': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [15.5, 100, 6.1],
+            hex: '#1F0800',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '2': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [22.7, 95.7, 9.2],
+            hex: '#2E1201',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '3': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [23.6, 100, 12],
+            hex: '#3D1800',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '4': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [24.8, 100, 17.1],
+            hex: '#572400',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '5': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [26.5, 100, 22.2],
+            hex: '#713200',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '6': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [26.7, 100, 28.6],
+            hex: '#924100',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '7': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [25.5, 100, 31.4],
+            hex: '#A04400',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '8': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [27, 98.9, 35.3],
+            hex: '#B35101',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '9': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [27.2, 99.1, 42],
+            hex: '#D56101',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '10': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [26.7, 87.2, 49],
+            hex: '#EA7110',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '11': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [26.4, 85.8, 58.4],
+            hex: '#F08A3A',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '12': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [26.1, 92.4, 74.1],
+            hex: '#FAB580',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '13': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [24.2, 84.8, 84.5],
+            hex: '#F9D1B6',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '14': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [26, 86.9, 88],
+            hex: '#FBDDC6',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+      },
+      red: {
+        '0': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [351.8, 84.6, 5.1],
+            hex: '#180205',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '1': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [351.4, 85.4, 8],
+            hex: '#260308',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '2': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [344.7, 100, 10],
+            hex: '#33000D',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '3': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [346.3, 95.8, 18.8],
+            hex: '#5E0217',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '4': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [348.8, 100, 23.1],
+            hex: '#760016',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '5': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [347.8, 94.8, 30.4],
+            hex: '#970422',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '6': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [349, 88.1, 36.3],
+            hex: '#AE0B29',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '7': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [348.1, 94, 39],
+            hex: '#C1062B',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '8': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [350.4, 84.3, 44.9],
+            hex: '#D31231',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '9': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [358.5, 95.1, 60],
+            hex: '#FA383D',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '10': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [359.6, 96.4, 67.5],
+            hex: '#FC5C5D',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '11': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [1.5, 96.7, 75.9],
+            hex: '#FD8986',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '12': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [3, 97.6, 83.9],
+            hex: '#FEB2AE',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '13': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [3.4, 100, 89.6],
+            hex: '#FFCDCA',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '14': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [4.4, 100, 92],
+            hex: '#FFD9D6',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+      },
+      purple: {
+        '0': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [257.1, 91.3, 9],
+            hex: '#0E022C',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '1': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [258.3, 100, 14.1],
+            hex: '#160048',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '2': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [257.4, 79.3, 17.1],
+            hex: '#1D094E',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '3': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [256.2, 69.6, 22],
+            hex: '#26115F',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '4': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [259.6, 74.6, 35.5],
+            hex: '#43179E',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '5': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [261.2, 76.6, 43.5],
+            hex: '#561AC4',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '6': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [263.1, 80, 49],
+            hex: '#6619E1',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '7': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [261.9, 82.5, 55.1],
+            hex: '#732EEB',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '8': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [264.9, 90, 60.6],
+            hex: '#8B40F5',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '9': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [266.4, 92.5, 68.6],
+            hex: '#A665F9',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '10': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [268.1, 95, 76.7],
+            hex: '#C08BFC',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '11': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [265.6, 97.4, 84.9],
+            hex: '#D3B3FE',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '12': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [265.2, 91.2, 86.7],
+            hex: '#D8BEFC',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '13': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [265.3, 95.7, 90.8],
+            hex: '#E4D1FE',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '14': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [265, 100, 92.9],
+            hex: '#EADBFF',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+      },
+      pink: {
+        '0': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [325.3, 82.6, 4.5],
+            hex: '#15020D',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '1': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [326, 78.9, 7.5],
+            hex: '#220415',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '2': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [325.5, 71.4, 11],
+            hex: '#30081F',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '3': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [322.1, 70.8, 18.8],
+            hex: '#520E39',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '4': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [322.7, 69.3, 26.9],
+            hex: '#741550',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '5': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [323.9, 66.7, 31.8],
+            hex: '#871B5C',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '6': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [323.6, 68.5, 34.9],
+            hex: '#961C66',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '7': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [323.3, 81, 39.2],
+            hex: '#B51376',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '8': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [324.1, 71.9, 46.1],
+            hex: '#CA2186',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '9': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [322.2, 75.7, 53.1],
+            hex: '#E22D9F',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '10': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [320.1, 80.9, 63.1],
+            hex: '#ED55BA',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '11': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [318, 87, 72.9],
+            hex: '#F67ED2',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '12': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [315.6, 93.1, 82.9],
+            hex: '#FCABE7',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '13': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [314.7, 86, 88.8],
+            hex: '#FBCAEF',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '14': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [313.3, 100, 92.9],
+            hex: '#FFDBF7',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+      },
+      coral: {
+        '0': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [0, 100, 4.9],
+            hex: '#190000',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '1': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [0, 100, 8],
+            hex: '#290000',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '2': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [0, 100, 11.8],
+            hex: '#3C0000',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '3': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [7.5, 100, 15.7],
+            hex: '#500A00',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '4': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [9.7, 98.2, 22.2],
+            hex: '#701301',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '5': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [8.7, 85.6, 30],
+            hex: '#8E1E0B',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '6': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [9.5, 82, 34.9],
+            hex: '#A22710',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '7': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [11.7, 95.7, 36.9],
+            hex: '#B82704',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '8': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [11, 84.1, 42],
+            hex: '#C53211',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '9': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [11.8, 87, 51.8],
+            hex: '#EF4319',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '10': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [12.2, 90.8, 61.8],
+            hex: '#F66945',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '11': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [13.2, 93.2, 71.4],
+            hex: '#FA9072',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '12': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [14.3, 95.8, 81.2],
+            hex: '#FDB7A1',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '13': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [14.8, 100, 87.3],
+            hex: '#FFCEBE',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '14': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [17.1, 100, 90.4],
+            hex: '#FFDCCE',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+      },
+      gray: {
+        '0': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [140, 20, 2.9],
+            hex: '#060907',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '1': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [140, 16.7, 7.1],
+            hex: '#0F1511',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '2': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [140, 10.7, 11],
+            hex: '#191F1B',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '3': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [140, 7.5, 15.7],
+            hex: '#252B27',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '4': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [137.1, 6.2, 22.2],
+            hex: '#353C37',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '5': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [140, 7.1, 24.9],
+            hex: '#3B443E',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '6': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [133.3, 6.3, 28],
+            hex: '#434C45',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '7': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [133.3, 5.5, 32.4],
+            hex: '#4E5750',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '8': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [136.4, 5.9, 36.7],
+            hex: '#58635B',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '9': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [135, 5.3, 44.7],
+            hex: '#6C786F',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '10': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [135, 6.5, 63.5],
+            hex: '#9CA89F',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '11': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [140, 9.2, 74.5],
+            hex: '#B8C4BC',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '12': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [130.9, 11.8, 81.8],
+            hex: '#CBD6CD',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '13': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [132, 13.9, 85.9],
+            hex: '#D6E0D8',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '14': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [137.1, 18.9, 92.7],
+            hex: '#E9F0EB',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+      },
+      auburn: {
+        '0': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [3.7, 18.1, 6.1],
+            hex: '#120d0d',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '1': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [3.7, 25.8, 12.2],
+            hex: '#271817',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '2': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [5.0, 26.1, 18.0],
+            hex: '#3a2422',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '3': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [3.4, 26.3, 26.1],
+            hex: '#543331',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '4': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [4.0, 26.0, 33.9],
+            hex: '#6d4340',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '5': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [4.3, 26.2, 42.0],
+            hex: '#87534f',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '6': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [3.9, 26.0, 53.9],
+            hex: '#a86f6b',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '7': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [4.0, 26.0, 66.1],
+            hex: '#bf9592',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '8': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [3.1, 25.5, 70.0],
+            hex: '#c6a19f',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '9': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [3.9, 26.5, 77.1],
+            hex: '#d4b7b5',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '10': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [5.2, 26.4, 82.9],
+            hex: '#dfcac8',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '11': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [5.2, 18.5, 90.0],
+            hex: '#eae2e1',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+      },
+      brown: {
+        '0': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [30.0, 20.0, 5.5],
+            hex: '#110e0b',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '1': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [30.0, 28.6, 11.0],
+            hex: '#241c14',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '2': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [33.9, 28.4, 15.9],
+            hex: '#342a1d',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '3': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [33.8, 28.6, 22.0],
+            hex: '#483a28',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '4': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [33.5, 30.1, 28.0],
+            hex: '#5d4a32',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '5': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [34.9, 30.7, 35.1],
+            hex: '#755e3e',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '6': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [35.8, 32.1, 43.9],
+            hex: '#94774c',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '7': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [37.0, 33.3, 57.1],
+            hex: '#b69a6d',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '8': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [38.2, 34.0, 62.0],
+            hex: '#bfa77d',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '9': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [39.6, 34.6, 70.0],
+            hex: '#cdbb98',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '10': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [40.5, 35.7, 78.0],
+            hex: '#dbceb3',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '11': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [40.5, 25.0, 87.5],
+            hex: '#e7e2d7',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+      },
+      lemon: {
+        '0': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [34.3, 100, 2.7],
+            hex: '#0E0800',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -67,8 +2301,8 @@
         '1': {
           $value: {
             colorSpace: 'hsl',
-            components: [216, 27.8, 7.1],
-            hex: '#0D1117',
+            components: [33.9, 100, 4.5],
+            hex: '#170D00',
           },
           $type: 'color',
           $extensions: {
@@ -80,8 +2314,8 @@
         '2': {
           $value: {
             colorSpace: 'hsl',
-            components: [214.3, 25, 11],
-            hex: '#151B23',
+            components: [41.7, 100, 7.1],
+            hex: '#241900',
           },
           $type: 'color',
           $extensions: {
@@ -93,8 +2327,8 @@
         '3': {
           $value: {
             colorSpace: 'hsl',
-            components: [212, 18.5, 15.9],
-            hex: '#212830',
+            components: [44.4, 100, 9.8],
+            hex: '#322500',
           },
           $type: 'color',
           $extensions: {
@@ -106,8 +2340,8 @@
         '4': {
           $value: {
             colorSpace: 'hsl',
-            components: [217.5, 17.4, 18],
-            hex: '#262C36',
+            components: [44.3, 97, 13.1],
+            hex: '#423101',
           },
           $type: 'color',
           $extensions: {
@@ -119,8 +2353,8 @@
         '5': {
           $value: {
             colorSpace: 'hsl',
-            components: [216.7, 17.6, 20],
-            hex: '#2A313C',
+            components: [45.8, 93.7, 18.6],
+            hex: '#5C4703',
           },
           $type: 'color',
           $extensions: {
@@ -132,8 +2366,8 @@
         '6': {
           $value: {
             colorSpace: 'hsl',
-            components: [214.7, 16.8, 22.2],
-            hex: '#2F3742',
+            components: [45.5, 96.1, 20.2],
+            hex: '#654D02',
           },
           $type: 'color',
           $extensions: {
@@ -145,8 +2379,8 @@
         '7': {
           $value: {
             colorSpace: 'hsl',
-            components: [213.8, 11.6, 27.1],
-            hex: '#3D444D',
+            components: [46.9, 100, 23.3],
+            hex: '#775D00',
           },
           $type: 'color',
           $extensions: {
@@ -158,8 +2392,8 @@
         '8': {
           $value: {
             colorSpace: 'hsl',
-            components: [215.3, 7.8, 42.9],
-            hex: '#656C76',
+            components: [46.7, 94.2, 27.3],
+            hex: '#876A04',
           },
           $type: 'color',
           $extensions: {
@@ -171,8 +2405,8 @@
         '9': {
           $value: {
             colorSpace: 'hsl',
-            components: [213.8, 7.8, 60],
-            hex: '#9198A1',
+            components: [48, 93, 33.7],
+            hex: '#A68606',
           },
           $type: 'color',
           $extensions: {
@@ -184,8 +2418,8 @@
         '10': {
           $value: {
             colorSpace: 'hsl',
-            components: [218.8, 13.4, 75.1],
-            hex: '#B7BDC8',
+            components: [49.5, 89.5, 41.2],
+            hex: '#C7A60B',
           },
           $type: 'color',
           $extensions: {
@@ -197,8 +2431,8 @@
         '11': {
           $value: {
             colorSpace: 'hsl',
-            components: [216, 19.5, 84.9],
-            hex: '#D1D7E0',
+            components: [50.9, 86.1, 48],
+            hex: '#E4C411',
           },
           $type: 'color',
           $extensions: {
@@ -210,8 +2444,8 @@
         '12': {
           $value: {
             colorSpace: 'hsl',
-            components: [210, 66.7, 96.5],
-            hex: '#F0F6FC',
+            components: [51.7, 89.5, 58.8],
+            hex: '#F4DA38',
           },
           $type: 'color',
           $extensions: {
@@ -221,7 +2455,24 @@
           },
         },
         '13': {
-          $value: '{base.color.white}',
+          $value: {
+            colorSpace: 'hsl',
+            components: [52.4, 92.3, 69.6],
+            hex: '#F9E76A',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '14': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [53.2, 91.7, 81.2],
+            hex: '#FBF1A3',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -230,12 +2481,12 @@
           },
         },
       },
-      blue: {
+      olive: {
         '0': {
           $value: {
             colorSpace: 'hsl',
-            components: [206, 100, 89.6],
-            hex: '#cae8ff',
+            components: [82.1, 32.4, 4.0],
+            hex: '#0b0e07',
           },
           $type: 'color',
           $extensions: {
@@ -247,8 +2498,8 @@
         '1': {
           $value: {
             colorSpace: 'hsl',
-            components: [207.3, 100, 82.4],
-            hex: '#a5d6ff',
+            components: [82.1, 46.3, 8.0],
+            hex: '#171e0b',
           },
           $type: 'color',
           $extensions: {
@@ -260,8 +2511,8 @@
         '2': {
           $value: {
             colorSpace: 'hsl',
-            components: [208.2, 100, 73.7],
-            hex: '#79c0ff',
+            components: [76.6, 47.5, 12.0],
+            hex: '#252d10',
           },
           $type: 'color',
           $extensions: {
@@ -273,8 +2524,8 @@
         '3': {
           $value: {
             colorSpace: 'hsl',
-            components: [212, 100, 67.3],
-            hex: '#58a6ff',
+            components: [73.6, 51.2, 16.9],
+            hex: '#374115',
           },
           $type: 'color',
           $extensions: {
@@ -286,8 +2537,8 @@
         '4': {
           $value: {
             colorSpace: 'hsl',
-            components: [214.7, 98, 60.6],
-            hex: '#388bfd',
+            components: [70.5, 53.3, 21.0],
+            hex: '#485219',
           },
           $type: 'color',
           $extensions: {
@@ -299,8 +2550,8 @@
         '5': {
           $value: {
             colorSpace: 'hsl',
-            components: [216.5, 83.6, 52.2],
-            hex: '#1f6feb',
+            components: [68.0, 56.4, 26.1],
+            hex: '#5e681d',
           },
           $type: 'color',
           $extensions: {
@@ -312,8 +2563,8 @@
         '6': {
           $value: {
             colorSpace: 'hsl',
-            components: [216.6, 84.3, 42.4],
-            hex: '#1158c7',
+            components: [65.5, 59.8, 32.2],
+            hex: '#7a8321',
           },
           $type: 'color',
           $extensions: {
@@ -325,8 +2576,8 @@
         '7': {
           $value: {
             colorSpace: 'hsl',
-            components: [218.3, 84.7, 33.3],
-            hex: '#0d419d',
+            components: [61.9, 62.7, 40.0],
+            hex: '#a2a626',
           },
           $type: 'color',
           $extensions: {
@@ -338,8 +2589,8 @@
         '8': {
           $value: {
             colorSpace: 'hsl',
-            components: [219.2, 79.8, 23.3],
-            hex: '#0c2d6b',
+            components: [58.7, 66.4, 42.0],
+            hex: '#b2af24',
           },
           $type: 'color',
           $extensions: {
@@ -351,8 +2602,34 @@
         '9': {
           $value: {
             colorSpace: 'hsl',
-            components: [220, 87.8, 16.1],
-            hex: '#051d4d',
+            components: [56.0, 69.2, 47.1],
+            hex: '#cbc025',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '10': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [52.8, 72.2, 59.0],
+            hex: '#e2d04b',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '11': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [52.8, 72.2, 78.0],
+            hex: '#efe69e',
           },
           $type: 'color',
           $extensions: {
@@ -362,12 +2639,12 @@
           },
         },
       },
-      green: {
+      lime: {
         '0': {
           $value: {
             colorSpace: 'hsl',
-            components: [124.3, 77.8, 82.4],
-            hex: '#aff5b4',
+            components: [120, 85.7, 2.7],
+            hex: '#010D01',
           },
           $type: 'color',
           $extensions: {
@@ -379,8 +2656,8 @@
         '1': {
           $value: {
             colorSpace: 'hsl',
-            components: [125.1, 68.6, 70],
-            hex: '#7ee787',
+            components: [116.7, 90, 3.9],
+            hex: '#021301',
           },
           $type: 'color',
           $extensions: {
@@ -392,8 +2669,8 @@
         '2': {
           $value: {
             colorSpace: 'hsl',
-            components: [126.7, 58.7, 58.2],
-            hex: '#56d364',
+            components: [110, 70.6, 6.7],
+            hex: '#091D05',
           },
           $type: 'color',
           $extensions: {
@@ -405,8 +2682,8 @@
         '3': {
           $value: {
             colorSpace: 'hsl',
-            components: [128.4, 49.2, 48.6],
-            hex: '#3fb950',
+            components: [101.4, 67.4, 8.4],
+            hex: '#102407',
           },
           $type: 'color',
           $extensions: {
@@ -418,8 +2695,8 @@
         '4': {
           $value: {
             colorSpace: 'hsl',
-            components: [131.1, 55.3, 40.4],
-            hex: '#2ea043',
+            components: [98.8, 68, 9.8],
+            hex: '#142A08',
           },
           $type: 'color',
           $extensions: {
@@ -431,8 +2708,8 @@
         '5': {
           $value: {
             colorSpace: 'hsl',
-            components: [131.5, 58.6, 33.1],
-            hex: '#238636',
+            components: [87.9, 66.2, 12.7],
+            hex: '#22360B',
           },
           $type: 'color',
           $extensions: {
@@ -444,8 +2721,8 @@
         '6': {
           $value: {
             colorSpace: 'hsl',
-            components: [135.2, 62.4, 26.1],
-            hex: '#196c2e',
+            components: [87.1, 62, 19.6],
+            hex: '#355113',
           },
           $type: 'color',
           $extensions: {
@@ -457,8 +2734,8 @@
         '7': {
           $value: {
             colorSpace: 'hsl',
-            components: [137.6, 69.4, 19.2],
-            hex: '#0f5323',
+            components: [84.8, 72.7, 21.6],
+            hex: '#3E5F0F',
           },
           $type: 'color',
           $extensions: {
@@ -470,8 +2747,8 @@
         '8': {
           $value: {
             colorSpace: 'hsl',
-            components: [140.7, 90.2, 12],
-            hex: '#033a16',
+            components: [80.9, 100, 20.8],
+            hex: '#456A00',
           },
           $type: 'color',
           $extensions: {
@@ -483,8 +2760,8 @@
         '9': {
           $value: {
             colorSpace: 'hsl',
-            components: [139.4, 81, 8.2],
-            hex: '#04260f',
+            components: [80.7, 79.2, 30.2],
+            hex: '#608A10',
           },
           $type: 'color',
           $extensions: {
@@ -493,13 +2770,11 @@
             },
           },
         },
-      },
-      yellow: {
-        '0': {
+        '10': {
           $value: {
             colorSpace: 'hsl',
-            components: [45.5, 86.1, 80.2],
-            hex: '#f8e3a1',
+            components: [77, 84.9, 39],
+            hex: '#88B80F',
           },
           $type: 'color',
           $extensions: {
@@ -508,11 +2783,11 @@
             },
           },
         },
-        '1': {
+        '11': {
           $value: {
             colorSpace: 'hsl',
-            components: [44.4, 84.9, 66.3],
-            hex: '#f2cc60',
+            components: [74.4, 80, 49],
+            hex: '#B1E119',
           },
           $type: 'color',
           $extensions: {
@@ -521,11 +2796,11 @@
             },
           },
         },
-        '2': {
+        '12': {
           $value: {
             colorSpace: 'hsl',
-            components: [42.2, 74.3, 57.3],
-            hex: '#e3b341',
+            components: [72, 85.4, 59.8],
+            hex: '#CDF041',
           },
           $type: 'color',
           $extensions: {
@@ -534,11 +2809,11 @@
             },
           },
         },
-        '3': {
+        '13': {
           $value: {
             colorSpace: 'hsl',
-            components: [40.6, 72.1, 47.8],
-            hex: '#d29922',
+            components: [76.6, 81, 71.2],
+            hex: '#D0F17A',
           },
           $type: 'color',
           $extensions: {
@@ -547,11 +2822,11 @@
             },
           },
         },
-        '4': {
+        '14': {
           $value: {
             colorSpace: 'hsl',
-            components: [40.1, 90.8, 38.4],
-            hex: '#bb8009',
+            components: [80.4, 62.4, 83.3],
+            hex: '#DDEFBA',
           },
           $type: 'color',
           $extensions: {
@@ -560,11 +2835,13 @@
             },
           },
         },
-        '5': {
+      },
+      pine: {
+        '0': {
           $value: {
             colorSpace: 'hsl',
-            components: [39.9, 96.3, 31.6],
-            hex: '#9e6a03',
+            components: [160.8, 61.0, 4.0],
+            hex: '#04100c',
           },
           $type: 'color',
           $extensions: {
@@ -573,11 +2850,11 @@
             },
           },
         },
-        '6': {
+        '1': {
           $value: {
             colorSpace: 'hsl',
-            components: [36.7, 91.3, 27.1],
-            hex: '#845306',
+            components: [160.8, 61.0, 8.0],
+            hex: '#082119',
           },
           $type: 'color',
           $extensions: {
@@ -586,11 +2863,11 @@
             },
           },
         },
-        '7': {
+        '2': {
           $value: {
             colorSpace: 'hsl',
-            components: [35.4, 100, 20.6],
-            hex: '#693e00',
+            components: [158.5, 63.9, 12.0],
+            hex: '#0b3224',
           },
           $type: 'color',
           $extensions: {
@@ -599,11 +2876,11 @@
             },
           },
         },
-        '8': {
+        '3': {
           $value: {
             colorSpace: 'hsl',
-            components: [32.8, 100, 14.7],
-            hex: '#4b2900',
+            components: [157.8, 65.9, 16.1],
+            hex: '#0e4430',
           },
           $type: 'color',
           $extensions: {
@@ -612,11 +2889,11 @@
             },
           },
         },
-        '9': {
+        '4': {
           $value: {
             colorSpace: 'hsl',
-            components: [30, 100, 10.2],
-            hex: '#341a00',
+            components: [157.0, 68.2, 21.0],
+            hex: '#115a3e',
           },
           $type: 'color',
           $extensions: {
@@ -625,13 +2902,11 @@
             },
           },
         },
-      },
-      orange: {
-        '0': {
+        '5': {
           $value: {
             colorSpace: 'hsl',
-            components: [33.7, 100, 85.7],
-            hex: '#ffdfb6',
+            components: [156.1, 69.9, 26.1],
+            hex: '#14714c',
           },
           $type: 'color',
           $extensions: {
@@ -640,11 +2915,11 @@
             },
           },
         },
-        '1': {
+        '6': {
           $value: {
             colorSpace: 'hsl',
-            components: [33.1, 100, 75.1],
-            hex: '#ffc680',
+            components: [154.7, 71.6, 33.1],
+            hex: '#18915e',
           },
           $type: 'color',
           $extensions: {
@@ -653,11 +2928,11 @@
             },
           },
         },
-        '2': {
+        '7': {
           $value: {
             colorSpace: 'hsl',
-            components: [28.2, 100, 67.1],
-            hex: '#ffa657',
+            components: [154.1, 74.2, 41.0],
+            hex: '#1bb673',
           },
           $type: 'color',
           $extensions: {
@@ -666,11 +2941,11 @@
             },
           },
         },
-        '3': {
+        '8': {
           $value: {
             colorSpace: 'hsl',
-            components: [24.9, 85.6, 59.2],
-            hex: '#f0883e',
+            components: [153.1, 76.3, 42.9],
+            hex: '#1ac176',
           },
           $type: 'color',
           $extensions: {
@@ -679,11 +2954,11 @@
             },
           },
         },
-        '4': {
+        '9': {
           $value: {
             colorSpace: 'hsl',
-            components: [23.1, 71.3, 50.8],
-            hex: '#db6d28',
+            components: [152.0, 78.0, 48.0],
+            hex: '#1bda81',
           },
           $type: 'color',
           $extensions: {
@@ -692,11 +2967,11 @@
             },
           },
         },
-        '5': {
+        '10': {
           $value: {
             colorSpace: 'hsl',
-            components: [21.4, 73.4, 42.7],
-            hex: '#bd561d',
+            components: [151.0, 80.4, 58.0],
+            hex: '#3eea97',
           },
           $type: 'color',
           $extensions: {
@@ -705,11 +2980,11 @@
             },
           },
         },
-        '6': {
+        '11': {
           $value: {
             colorSpace: 'hsl',
-            components: [20.1, 76.1, 34.5],
-            hex: '#9b4215',
+            components: [151.0, 80.4, 77.5],
+            hex: '#97f4c7',
           },
           $type: 'color',
           $extensions: {
@@ -718,11 +2993,13 @@
             },
           },
         },
-        '7': {
+      },
+      teal: {
+        '0': {
           $value: {
             colorSpace: 'hsl',
-            components: [19.4, 84.4, 25.1],
-            hex: '#762d0a',
+            components: [180, 100, 2.5],
+            hex: '#000D0D',
           },
           $type: 'color',
           $extensions: {
@@ -731,11 +3008,11 @@
             },
           },
         },
-        '8': {
+        '1': {
           $value: {
             colorSpace: 'hsl',
-            components: [19.1, 95.7, 18],
-            hex: '#5a1e02',
+            components: [183.2, 100, 3.7],
+            hex: '#001213',
           },
           $type: 'color',
           $extensions: {
@@ -744,11 +3021,11 @@
             },
           },
         },
-        '9': {
+        '2': {
           $value: {
             colorSpace: 'hsl',
-            components: [18.7, 100, 12],
-            hex: '#3d1300',
+            components: [181.9, 100, 6.1],
+            hex: '#001E1F',
           },
           $type: 'color',
           $extensions: {
@@ -757,13 +3034,11 @@
             },
           },
         },
-      },
-      red: {
-        '0': {
+        '3': {
           $value: {
             colorSpace: 'hsl',
-            components: [7.5, 100, 92.2],
-            hex: '#ffdcd7',
+            components: [181.5, 80.4, 10],
+            hex: '#052D2E',
           },
           $type: 'color',
           $extensions: {
@@ -772,11 +3047,11 @@
             },
           },
         },
-        '1': {
+        '4': {
           $value: {
             colorSpace: 'hsl',
-            components: [6.1, 100, 86.5],
-            hex: '#ffc1ba',
+            components: [181.1, 73, 14.5],
+            hex: '#0A3F40',
           },
           $type: 'color',
           $extensions: {
@@ -785,11 +3060,11 @@
             },
           },
         },
-        '2': {
+        '5': {
           $value: {
             colorSpace: 'hsl',
-            components: [5.2, 100, 79.8],
-            hex: '#ffa198',
+            components: [182.4, 88.1, 16.5],
+            hex: '#054C4F',
           },
           $type: 'color',
           $extensions: {
@@ -798,11 +3073,11 @@
             },
           },
         },
-        '3': {
+        '6': {
           $value: {
             colorSpace: 'hsl',
-            components: [3.8, 100, 72.4],
-            hex: '#ff7b72',
+            components: [180.6, 76.9, 23.7],
+            hex: '#0E6A6B',
           },
           $type: 'color',
           $extensions: {
@@ -811,11 +3086,11 @@
             },
           },
         },
-        '4': {
+        '7': {
           $value: {
             colorSpace: 'hsl',
-            components: [2.7, 92.6, 62.9],
-            hex: '#f85149',
+            components: [180.5, 93.2, 23.1],
+            hex: '#047172',
           },
           $type: 'color',
           $extensions: {
@@ -824,11 +3099,11 @@
             },
           },
         },
-        '5': {
+        '8': {
           $value: {
             colorSpace: 'hsl',
-            components: [1.1, 69.3, 52.7],
-            hex: '#da3633',
+            components: [179.6, 91.1, 30.8],
+            hex: '#079695',
           },
           $type: 'color',
           $extensions: {
@@ -837,11 +3112,11 @@
             },
           },
         },
-        '6': {
+        '9': {
           $value: {
             colorSpace: 'hsl',
-            components: [359.6, 67.7, 42.5],
-            hex: '#b62324',
+            components: [178.6, 88.8, 38.6],
+            hex: '#0BBAB6',
           },
           $type: 'color',
           $extensions: {
@@ -850,11 +3125,11 @@
             },
           },
         },
-        '7': {
+        '10': {
           $value: {
             colorSpace: 'hsl',
-            components: [358, 74.2, 32],
-            hex: '#8e1519',
+            components: [177.6, 86.4, 46.3],
+            hex: '#10DCD4',
           },
           $type: 'color',
           $extensions: {
@@ -863,11 +3138,11 @@
             },
           },
         },
-        '8': {
+        '11': {
           $value: {
             colorSpace: 'hsl',
-            components: [356.3, 89, 21.4],
-            hex: '#67060c',
+            components: [176.7, 84.7, 53.9],
+            hex: '#26EDE2',
           },
           $type: 'color',
           $extensions: {
@@ -876,11 +3151,37 @@
             },
           },
         },
-        '9': {
+        '12': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [175.3, 80.6, 65.7],
+            hex: '#61EEE3',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '13': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [173.9, 75.9, 77.3],
+            hex: '#99F1E8',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '14': {
           $value: {
             colorSpace: 'hsl',
-            components: [0, 94.7, 14.7],
-            hex: '#490202',
+            components: [172.5, 71.4, 89],
+            hex: '#CFF7F2',
           },
           $type: 'color',
           $extensions: {
@@ -890,12 +3191,12 @@
           },
         },
       },
-      purple: {
+      cyan: {
         '0': {
           $value: {
             colorSpace: 'hsl',
-            components: [267.3, 100, 93.5],
-            hex: '#eddeff',
+            components: [194.6, 100.0, 4.0],
+            hex: '#000f14',
           },
           $type: 'color',
           $extensions: {
@@ -907,8 +3208,8 @@
         '1': {
           $value: {
             colorSpace: 'hsl',
-            components: [270, 100, 88.6],
-            hex: '#e2c5ff',
+            components: [194.6, 100.0, 8.0],
+            hex: '#001f29',
           },
           $type: 'color',
           $extensions: {
@@ -920,8 +3221,8 @@
         '2': {
           $value: {
             colorSpace: 'hsl',
-            components: [269, 100, 82.9],
-            hex: '#d2a8ff',
+            components: [194.8, 100.0, 12.0],
+            hex: '#002e3d',
           },
           $type: 'color',
           $extensions: {
@@ -933,8 +3234,8 @@
         '3': {
           $value: {
             colorSpace: 'hsl',
-            components: [265.2, 100, 78],
-            hex: '#BE8FFF',
+            components: [194.8, 97.7, 17.1],
+            hex: '#014156',
           },
           $type: 'color',
           $extensions: {
@@ -946,8 +3247,8 @@
         '4': {
           $value: {
             colorSpace: 'hsl',
-            components: [262.4, 89.8, 73.1],
-            hex: '#AB7DF8',
+            components: [195.4, 96.5, 22.2],
+            hex: '#02536f',
           },
           $type: 'color',
           $extensions: {
@@ -959,8 +3260,8 @@
         '5': {
           $value: {
             colorSpace: 'hsl',
-            components: [261.1, 73.2, 62],
-            hex: '#8957e5',
+            components: [194.9, 95.8, 28.0],
+            hex: '#036a8c',
           },
           $type: 'color',
           $extensions: {
@@ -972,8 +3273,8 @@
         '6': {
           $value: {
             colorSpace: 'hsl',
-            components: [260.1, 55.9, 52],
-            hex: '#6e40c9',
+            components: [195.2, 94.6, 36.1],
+            hex: '#0587b3',
           },
           $type: 'color',
           $extensions: {
@@ -985,8 +3286,8 @@
         '7': {
           $value: {
             colorSpace: 'hsl',
-            components: [261.3, 52, 39.2],
-            hex: '#553098',
+            components: [195.2, 94.0, 46.1],
+            hex: '#07ace4',
           },
           $type: 'color',
           $extensions: {
@@ -998,8 +3299,8 @@
         '8': {
           $value: {
             colorSpace: 'hsl',
-            components: [262, 57.7, 27.8],
-            hex: '#3c1e70',
+            components: [195.0, 92.8, 49.0],
+            hex: '#09b7f1',
           },
           $type: 'color',
           $extensions: {
@@ -1011,8 +3312,34 @@
         '9': {
           $value: {
             colorSpace: 'hsl',
-            components: [260.9, 67.3, 19.2],
-            hex: '#271052',
+            components: [194.8, 91.8, 62.0],
+            hex: '#45cbf7',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '10': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [194.9, 91.0, 73.9],
+            hex: '#80dbf9',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '11': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [194.9, 91.0, 85.5],
+            hex: '#b8ebfc',
           },
           $type: 'color',
           $extensions: {
@@ -1022,12 +3349,12 @@
           },
         },
       },
-      pink: {
+      indigo: {
         '0': {
           $value: {
             colorSpace: 'hsl',
-            components: [330.8, 100, 92.7],
-            hex: '#ffdaec',
+            components: [237.6, 71.4, 6.9],
+            hex: '#05061E',
           },
           $type: 'color',
           $extensions: {
@@ -1039,8 +3366,8 @@
         '1': {
           $value: {
             colorSpace: 'hsl',
-            components: [331.4, 100, 87.3],
-            hex: '#ffbedd',
+            components: [237, 71.4, 11],
+            hex: '#080A30',
           },
           $type: 'color',
           $extensions: {
@@ -1052,8 +3379,8 @@
         '2': {
           $value: {
             colorSpace: 'hsl',
-            components: [329.4, 100, 80.4],
-            hex: '#ff9bce',
+            components: [236.4, 65.8, 14.9],
+            hex: '#0D103F',
           },
           $type: 'color',
           $extensions: {
@@ -1065,8 +3392,8 @@
         '3': {
           $value: {
             colorSpace: 'hsl',
-            components: [328.8, 88.8, 72],
-            hex: '#f778ba',
+            components: [237.6, 63.3, 23.5],
+            hex: '#161962',
           },
           $type: 'color',
           $extensions: {
@@ -1078,8 +3405,8 @@
         '4': {
           $value: {
             colorSpace: 'hsl',
-            components: [328, 62.9, 62],
-            hex: '#db61a2',
+            components: [240, 59.8, 32.2],
+            hex: '#212183',
           },
           $type: 'color',
           $extensions: {
@@ -1091,8 +3418,8 @@
         '5': {
           $value: {
             colorSpace: 'hsl',
-            components: [327.4, 47.5, 52.2],
-            hex: '#bf4b8a',
+            components: [234.3, 67.1, 42.9],
+            hex: '#2432B7',
           },
           $type: 'color',
           $extensions: {
@@ -1104,8 +3431,8 @@
         '6': {
           $value: {
             colorSpace: 'hsl',
-            components: [326.5, 49.1, 41.6],
-            hex: '#9e3670',
+            components: [234.4, 68, 51],
+            hex: '#2D3DD7',
           },
           $type: 'color',
           $extensions: {
@@ -1117,8 +3444,8 @@
         '7': {
           $value: {
             colorSpace: 'hsl',
-            components: [325.6, 55.3, 31.6],
-            hex: '#7d2457',
+            components: [232.6, 69.8, 54.5],
+            hex: '#3A4EDC',
           },
           $type: 'color',
           $extensions: {
@@ -1130,8 +3457,8 @@
         '8': {
           $value: {
             colorSpace: 'hsl',
-            components: [324.6, 70.9, 21.6],
-            hex: '#5e103e',
+            components: [233, 74.9, 59.4],
+            hex: '#4A5CE5',
           },
           $type: 'color',
           $extensions: {
@@ -1143,8 +3470,73 @@
         '9': {
           $value: {
             colorSpace: 'hsl',
-            components: [324, 83.3, 14.1],
-            hex: '#42062a',
+            components: [231.5, 81.7, 67.8],
+            hex: '#6A7DF0',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '10': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [230.9, 81, 71.2],
+            hex: '#7A8CF1',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '11': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [229.9, 88.4, 76.3],
+            hex: '#8D9FF8',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '12': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [228.6, 94.9, 84.7],
+            hex: '#B3C1FD',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '13': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [228, 100, 90.2],
+            hex: '#CDD7FF',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '14': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [226.7, 100, 92.9],
+            hex: '#DBE3FF',
           },
           $type: 'color',
           $extensions: {
@@ -1154,12 +3546,12 @@
           },
         },
       },
-      coral: {
+      plum: {
         '0': {
           $value: {
             colorSpace: 'hsl',
-            components: [14.7, 100, 91.2],
-            hex: '#ffddd2',
+            components: [274.3, 63.6, 7.5],
+            hex: '#15071f',
           },
           $type: 'color',
           $extensions: {
@@ -1171,8 +3563,8 @@
         '1': {
           $value: {
             colorSpace: 'hsl',
-            components: [12.5, 100, 84.9],
-            hex: '#ffc2b2',
+            components: [274.3, 63.6, 15.1],
+            hex: '#2a0e3f',
           },
           $type: 'color',
           $extensions: {
@@ -1184,8 +3576,8 @@
         '2': {
           $value: {
             colorSpace: 'hsl',
-            components: [11.9, 100, 77.3],
-            hex: '#ffa28b',
+            components: [276.3, 67.9, 22.0],
+            hex: '#40125e',
           },
           $type: 'color',
           $extensions: {
@@ -1197,8 +3589,8 @@
         '3': {
           $value: {
             colorSpace: 'hsl',
-            components: [11.2, 90.1, 68.4],
-            hex: '#f78166',
+            components: [276.8, 72.2, 31.0],
+            hex: '#5c1688',
           },
           $type: 'color',
           $extensions: {
@@ -1210,8 +3602,8 @@
         '4': {
           $value: {
             colorSpace: 'hsl',
-            components: [9.8, 79.7, 59.4],
-            hex: '#ea6045',
+            components: [278.1, 76.3, 38.0],
+            hex: '#7517ab',
           },
           $type: 'color',
           $extensions: {
@@ -1223,8 +3615,8 @@
         '5': {
           $value: {
             colorSpace: 'hsl',
-            components: [9.3, 64.3, 49.4],
-            hex: '#cf462d',
+            components: [279.1, 80.0, 47.1],
+            hex: '#9518d8',
           },
           $type: 'color',
           $extensions: {
@@ -1236,8 +3628,8 @@
         '6': {
           $value: {
             colorSpace: 'hsl',
-            components: [7.7, 68.6, 40],
-            hex: '#ac3220',
+            components: [280.1, 84.3, 60.0],
+            hex: '#b643ef',
           },
           $type: 'color',
           $extensions: {
@@ -1249,8 +3641,8 @@
         '7': {
           $value: {
             colorSpace: 'hsl',
-            components: [7.2, 76.5, 30],
-            hex: '#872012',
+            components: [280.7, 88.3, 73.1],
+            hex: '#d07ef7',
           },
           $type: 'color',
           $extensions: {
@@ -1262,8 +3654,8 @@
         '8': {
           $value: {
             colorSpace: 'hsl',
-            components: [5.6, 92.3, 20.4],
-            hex: '#640d04',
+            components: [281.9, 91.9, 75.9],
+            hex: '#d889fa',
           },
           $type: 'color',
           $extensions: {
@@ -1275,8 +3667,34 @@
         '9': {
           $value: {
             colorSpace: 'hsl',
-            components: [5.2, 97.2, 13.9],
-            hex: '#460701',
+            components: [283.0, 95.7, 82.0],
+            hex: '#e4a5fd',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '10': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [283.6, 100.0, 87.1],
+            hex: '#edbdff',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/dark',
+            },
+          },
+        },
+        '11': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [283.6, 100.0, 92.0],
+            hex: '#f4d6ff',
           },
           $type: 'color',
           $extensions: {
diff --git a/src/tokens/base/color/dark/display-dark.json5 b/src/tokens/base/color/dark/display-dark.json5
deleted file mode 100644
index 2bcb4f7d4..000000000
--- a/src/tokens/base/color/dark/display-dark.json5
+++ /dev/null
@@ -1,2542 +0,0 @@
-{
-  base: {
-    display: {
-      color: {
-        gray: {
-          '0': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [0, 0, 11],
-              hex: '#1c1c1c',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '1': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [220, 3.4, 17.1],
-              hex: '#2a2b2d',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '2': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [210, 6.6, 23.9],
-              hex: '#393d41',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '3': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [213.8, 10.1, 31],
-              hex: '#474e57',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '4': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [213.6, 12.6, 39],
-              hex: '#576270',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '5': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [214.5, 16, 51],
-              hex: '#6e7f96',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '6': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [214.3, 19.1, 64.1],
-              hex: '#92a1b5',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '7': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [213.3, 22, 67.8],
-              hex: '#9babbf',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '8': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [214, 24.6, 76.1],
-              hex: '#b3c0d1',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '9': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [214.6, 28.3, 82],
-              hex: '#c4cfde',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-        },
-        red: {
-          '0': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [344.4, 81.8, 12.9],
-              hex: '#3c0614',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '1': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [347.1, 81.4, 19],
-              hex: '#58091a',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '2': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [349, 82, 26.1],
-              hex: '#790c20',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '3': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [350.9, 82.1, 32.9],
-              hex: '#990f24',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '4': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [352.8, 82.2, 42],
-              hex: '#c31328',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '5': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [355.1, 82.1, 56.1],
-              hex: '#eb3342',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '6': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [356.9, 81.8, 72],
-              hex: '#f27d83',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '7': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [358.9, 82.7, 75.1],
-              hex: '#f48b8d',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '8': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [1.6, 82.6, 82],
-              hex: '#f7adab',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '9': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [3.1, 83.1, 86.1],
-              hex: '#f9c1be',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-        },
-        coral: {
-          '0': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [10.7, 73.8, 12],
-              hex: '#351008',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '1': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [11.1, 76.1, 18],
-              hex: '#51180b',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '2': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [12.5, 79.5, 24.9],
-              hex: '#72220d',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '3': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [12.9, 82.3, 31],
-              hex: '#902a0e',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '4': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [13.9, 84.5, 38],
-              hex: '#b3350f',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '5': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [15.1, 88.3, 46.9],
-              hex: '#e1430e',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '6': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [16, 91.5, 63.1],
-              hex: '#f7794b',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '7': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [16.9, 93.9, 68],
-              hex: '#fa8c61',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '8': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [18.2, 96.7, 75.9],
-              hex: '#fdaa86',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '9': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [18.9, 100, 82],
-              hex: '#ffc0a3',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-        },
-        orange: {
-          '0': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [22, 71.9, 11.2],
-              hex: '#311708',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '1': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [23.2, 74, 15.1],
-              hex: '#43200a',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '2': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [23.7, 76.8, 22],
-              hex: '#632f0d',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '3': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [25.3, 79.6, 26.9],
-              hex: '#7b3c0e',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '4': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [26, 81, 32.9],
-              hex: '#984b10',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '5': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [27, 83.2, 42],
-              hex: '#c46212',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '6': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [28, 84.7, 53.9],
-              hex: '#ed8326',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '7': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [29, 86.7, 58.8],
-              hex: '#f1933b',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '8': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [30, 88.6, 69],
-              hex: '#f6b06a',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '9': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [30.8, 91.5, 77.1],
-              hex: '#fac68f',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-        },
-        yellow: {
-          '0': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [33.9, 100, 9],
-              hex: '#2e1a00',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '1': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [35, 96.8, 12.2],
-              hex: '#3d2401',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '2': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [36.1, 95.7, 18],
-              hex: '#5a3702',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '3': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [36.8, 94.6, 22],
-              hex: '#6d4403',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '4': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [38, 91.6, 28],
-              hex: '#895906',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '5': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [38.8, 89.9, 35.1],
-              hex: '#aa7109',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '6': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [40, 88.4, 43.9],
-              hex: '#d3910d',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '7': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [41.1, 85.8, 47.1],
-              hex: '#df9e11',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '8': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [41.8, 83.9, 56.1],
-              hex: '#edb431',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '9': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [43, 81.7, 67.8],
-              hex: '#f0ca6a',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-        },
-        lemon: {
-          '0': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [42.4, 100, 8],
-              hex: '#291d00',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '1': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [44.4, 96.4, 11],
-              hex: '#372901',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '2': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [45.2, 95.1, 15.9],
-              hex: '#4f3c02',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '3': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [46.3, 90.2, 20],
-              hex: '#614c05',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '4': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [47.1, 87.5, 25.1],
-              hex: '#786008',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '5': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [47.9, 85.3, 32],
-              hex: '#977b0c',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '6': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [48.9, 82.4, 40],
-              hex: '#ba9b12',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '7': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [49.9, 79, 42.9],
-              hex: '#c4a717',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '8': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [51.3, 76.2, 47.8],
-              hex: '#d7bc1d',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '9': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [52.3, 72.5, 60],
-              hex: '#e3d04f',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-        },
-        olive: {
-          '0': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [82.1, 46.3, 8],
-              hex: '#171e0b',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '1': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [76.6, 47.5, 12],
-              hex: '#252d10',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '2': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [73.6, 51.2, 16.9],
-              hex: '#374115',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '3': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [70.5, 53.3, 21],
-              hex: '#485219',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '4': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [68, 56.4, 26.1],
-              hex: '#5e681d',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '5': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [65.5, 59.8, 32.2],
-              hex: '#7a8321',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '6': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [61.9, 62.7, 40],
-              hex: '#a2a626',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '7': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [58.7, 66.4, 42],
-              hex: '#b2af24',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '8': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [56, 69.2, 47.1],
-              hex: '#cbc025',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '9': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [52.8, 72.2, 59],
-              hex: '#e2d04b',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-        },
-        lime: {
-          '0': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [101.3, 34.8, 9],
-              hex: '#141f0f',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '1': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [100, 38, 13.9],
-              hex: '#1f3116',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '2': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [96.9, 40.2, 19],
-              hex: '#2c441d',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '3': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [94.1, 43.6, 22.9],
-              hex: '#375421',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '4': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [90.9, 45.9, 29],
-              hex: '#496c28',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '5': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [88, 48.9, 36.1],
-              hex: '#5f892f',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '6': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [84.7, 52, 44.9],
-              hex: '#7dae37',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '7': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [82.3, 55, 47.1],
-              hex: '#89ba36',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '8': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [79, 58.2, 52.2],
-              hex: '#9fcc3e',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '9': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [75.7, 60.8, 62.9],
-              hex: '#bcda67',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-        },
-        green: {
-          '0': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [140, 29.4, 10],
-              hex: '#122117',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '1': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [138.3, 32.4, 13.9],
-              hex: '#182f1f',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '2': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [133.3, 35.3, 20],
-              hex: '#214529',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '3': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [130, 37.5, 25.1],
-              hex: '#285830',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '4': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [127.5, 40.5, 31],
-              hex: '#2f6f37',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '5': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [124.8, 43.7, 39],
-              hex: '#388f3f',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '6': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [122.1, 46.9, 48],
-              hex: '#41b445',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '7': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [119, 50.2, 51.2],
-              hex: '#46c144',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '8': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [116.4, 53.2, 63.1],
-              hex: '#75d36f',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '9': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [113.3, 56.3, 72.2],
-              hex: '#99e090',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-        },
-        pine: {
-          '0': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [160.8, 61, 8],
-              hex: '#082119',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '1': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [158.5, 63.9, 12],
-              hex: '#0b3224',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '2': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [157.8, 65.9, 16.1],
-              hex: '#0e4430',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '3': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [157, 68.2, 21],
-              hex: '#115a3e',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '4': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [156.1, 69.9, 26.1],
-              hex: '#14714c',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '5': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [154.7, 71.6, 33.1],
-              hex: '#18915e',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '6': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [154.1, 74.2, 41],
-              hex: '#1bb673',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '7': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [153.1, 76.3, 42.9],
-              hex: '#1ac176',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '8': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [152, 78, 48],
-              hex: '#1bda81',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '9': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [151, 80.4, 58],
-              hex: '#3eea97',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-        },
-        teal: {
-          '0': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [190.9, 80.5, 8],
-              hex: '#041f25',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '1': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [187.7, 77, 12],
-              hex: '#073036',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '2': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [186.3, 77, 17.1],
-              hex: '#0a464d',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '3': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [183.8, 76.5, 20],
-              hex: '#0c555a',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '4': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [182.5, 75, 25.1],
-              hex: '#106c70',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '5': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [180, 73.6, 31.2],
-              hex: '#158a8a',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '6': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [178, 72.5, 40],
-              hex: '#1cb0ab',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '7': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [175.8, 71.8, 43.1],
-              hex: '#1fbdb2',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '8': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [173.9, 71.2, 49],
-              hex: '#24d6c4',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '9': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [171.8, 70.2, 63.1],
-              hex: '#5fe3d1',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-        },
-        cyan: {
-          '0': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [194.6, 100, 8],
-              hex: '#001f29',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '1': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [194.8, 100, 12],
-              hex: '#002e3d',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '2': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [194.8, 97.7, 17.1],
-              hex: '#014156',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '3': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [195.4, 96.5, 22.2],
-              hex: '#02536f',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '4': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [194.9, 95.8, 28],
-              hex: '#036a8c',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '5': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [195.2, 94.6, 36.1],
-              hex: '#0587b3',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '6': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [195.2, 94, 46.1],
-              hex: '#07ace4',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '7': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [195, 92.8, 49],
-              hex: '#09b7f1',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '8': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [194.8, 91.8, 62],
-              hex: '#45cbf7',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '9': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [194.9, 91, 73.9],
-              hex: '#80dbf9',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-        },
-        blue: {
-          '0': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [218, 100, 13.9],
-              hex: '#001a47',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '1': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [217.1, 100, 20],
-              hex: '#002766',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '2': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [216.1, 100, 27.1],
-              hex: '#00378a',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '3': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [215, 100, 32.9],
-              hex: '#0046a8',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '4': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [213.9, 100, 41],
-              hex: '#005bd1',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '5': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [212.9, 100, 51],
-              hex: '#0576ff',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '6': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [212, 100, 65.1],
-              hex: '#4da0ff',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '7': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [211.1, 100, 69],
-              hex: '#61adff',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '8': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [210, 100, 76.1],
-              hex: '#85c2ff',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '9': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [208.7, 100, 82],
-              hex: '#a3d3ff',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-        },
-        indigo: {
-          '0': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [244.6, 44.8, 17.1],
-              hex: '#1b183f',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '1': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [243.9, 48.4, 25.1],
-              hex: '#25215f',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '2': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [243, 53.2, 36.9],
-              hex: '#312c90',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '3': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [241.7, 56.7, 48],
-              hex: '#3935c0',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '4': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [241.3, 60.9, 56.9],
-              hex: '#514ed4',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '5': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [240, 65.3, 66.1],
-              hex: '#7070e1',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '6': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [239.3, 68.9, 76.1],
-              hex: '#9899ec',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '7': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [237.7, 73.8, 79],
-              hex: '#a2a5f1',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '8': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [237.1, 77.8, 84.1],
-              hex: '#b7baf6',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '9': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [236.3, 80.3, 88],
-              hex: '#c8cbf9',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-        },
-        purple: {
-          '0': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [258.5, 63.2, 17.1],
-              hex: '#211047',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '1': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [260, 68.5, 24.9],
-              hex: '#31146b',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '2': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [260.9, 71.7, 36.1],
-              hex: '#481a9e',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '3': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [261.7, 75.7, 45.1],
-              hex: '#5b1cca',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '4': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [263.2, 80, 54.9],
-              hex: '#7730e8',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '5': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [264, 84.3, 65.1],
-              hex: '#975bf1',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '6': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [265.2, 87.5, 74.9],
-              hex: '#b687f7',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '7': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [266.1, 92.5, 79],
-              hex: '#c398fb',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '8': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [266.9, 95.1, 83.9],
-              hex: '#d2affd',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '9': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [267.9, 100, 89],
-              hex: '#e1c7ff',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-        },
-        plum: {
-          '0': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [274.3, 63.6, 15.1],
-              hex: '#2a0e3f',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '1': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [276.3, 67.9, 22],
-              hex: '#40125e',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '2': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [276.8, 72.2, 31],
-              hex: '#5c1688',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '3': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [278.1, 76.3, 38],
-              hex: '#7517ab',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '4': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [279.1, 80, 47.1],
-              hex: '#9518d8',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '5': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [280.1, 84.3, 60],
-              hex: '#b643ef',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '6': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [280.7, 88.3, 73.1],
-              hex: '#d07ef7',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '7': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [281.9, 91.9, 75.9],
-              hex: '#d889fa',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '8': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [283, 95.7, 82],
-              hex: '#e4a5fd',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '9': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [283.6, 100, 87.1],
-              hex: '#edbdff',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-        },
-        pink: {
-          '0': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [322.5, 36.4, 12.9],
-              hex: '#2d1524',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '1': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [323.4, 42.3, 19],
-              hex: '#451c35',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '2': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [324.9, 47.4, 26.9],
-              hex: '#65244a',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '3': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [326, 51.7, 34.1],
-              hex: '#842a5d',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '4': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [326.9, 57.1, 42.9],
-              hex: '#ac2f74',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '5': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [327.9, 61.7, 54.9],
-              hex: '#d34591',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '6': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [328.9, 67.1, 69],
-              hex: '#e57bb2',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '7': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [329.7, 71.4, 73.9],
-              hex: '#ec8dbd',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '8': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [331.2, 77.3, 81],
-              hex: '#f4a9cd',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '9': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [332.5, 83.1, 86.1],
-              hex: '#f9bed9',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-        },
-        auburn: {
-          '0': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [3.7, 25.8, 12.2],
-              hex: '#271817',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '1': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [5, 26.1, 18],
-              hex: '#3a2422',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '2': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [3.4, 26.3, 26.1],
-              hex: '#543331',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '3': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [4, 26, 33.9],
-              hex: '#6d4340',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '4': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [4.3, 26.2, 42],
-              hex: '#87534f',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '5': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [3.9, 26, 53.9],
-              hex: '#a86f6b',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '6': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [4, 26, 66.1],
-              hex: '#bf9592',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '7': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [3.1, 25.5, 70],
-              hex: '#c6a19f',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '8': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [3.9, 26.5, 77.1],
-              hex: '#d4b7b5',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '9': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [5.2, 26.4, 82.9],
-              hex: '#dfcac8',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-        },
-        brown: {
-          '0': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [30, 28.6, 11],
-              hex: '#241c14',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '1': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [33.9, 28.4, 15.9],
-              hex: '#342a1d',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '2': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [33.8, 28.6, 22],
-              hex: '#483a28',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '3': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [33.5, 30.1, 28],
-              hex: '#5d4a32',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '4': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [34.9, 30.7, 35.1],
-              hex: '#755e3e',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '5': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [35.8, 32.1, 43.9],
-              hex: '#94774c',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '6': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [37, 33.3, 57.1],
-              hex: '#b69a6d',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '7': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [38.2, 34, 62],
-              hex: '#bfa77d',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '8': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [39.6, 34.6, 70],
-              hex: '#cdbb98',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-          '9': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [40.5, 35.7, 78],
-              hex: '#dbceb3',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/dark',
-              },
-            },
-          },
-        },
-        black: {
-          $value: {
-            colorSpace: 'hsl',
-            components: [216, 27.8, 7.1],
-            hex: '#0d1117',
-          },
-          $type: 'color',
-          $extensions: {
-            'org.primer.figma': {
-              collection: 'base/color/dark',
-            },
-          },
-        },
-        white: {
-          $value: {
-            colorSpace: 'hsl',
-            components: [0, 0, 100],
-            hex: '#ffffff',
-          },
-          $type: 'color',
-          $extensions: {
-            'org.primer.figma': {
-              collection: 'base/color/dark',
-            },
-          },
-        },
-      },
-    },
-  },
-}
diff --git a/src/tokens/base/color/light/display-light.json5 b/src/tokens/base/color/light/display-light.json5
deleted file mode 100644
index 0dc27ee77..000000000
--- a/src/tokens/base/color/light/display-light.json5
+++ /dev/null
@@ -1,2542 +0,0 @@
-{
-  base: {
-    display: {
-      color: {
-        gray: {
-          '0': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [216, 27.8, 92.9],
-              hex: '#e8ecf2',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '1': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [213.3, 25, 85.9],
-              hex: '#d2dae4',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '2': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [213.3, 22, 75.9],
-              hex: '#b4c0cf',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '3': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [213.8, 19, 67.1],
-              hex: '#9ba9bb',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '4': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [214.3, 16, 57.1],
-              hex: '#808fa3',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '5': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [214, 13, 45.1],
-              hex: '#647182',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '6': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [213, 9.8, 40],
-              hex: '#5c6570',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '7': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [215, 7.1, 32.9],
-              hex: '#4e535a',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '8': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [220, 4.3, 27.1],
-              hex: '#424448',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '9': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [240, 1, 19],
-              hex: '#303031',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-        },
-        auburn: {
-          '0': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [0, 25.7, 93.1],
-              hex: '#f2e9e9',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '1': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [3.5, 25.4, 86.9],
-              hex: '#e6d6d5',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '2': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [3.9, 26.5, 77.1],
-              hex: '#d4b7b5',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '3': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [4.3, 26.6, 69],
-              hex: '#c59e9b',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '4': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [4.4, 26.5, 60],
-              hex: '#b4827e',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '5': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [4.6, 26.1, 48.8],
-              hex: '#9d615c',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '6': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [4.2, 26, 42.9],
-              hex: '#8a5551',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '7': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [3.8, 26.1, 36.1],
-              hex: '#744744',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '8': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [3.2, 25.7, 29],
-              hex: '#5d3937',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '9': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [2.2, 25.2, 21],
-              hex: '#432928',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-        },
-        brown: {
-          '0': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [40, 26.1, 91],
-              hex: '#eeeae2',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '1': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [39.1, 26.4, 82.9],
-              hex: '#dfd7c8',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '2': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [38.5, 27.3, 72],
-              hex: '#cbbda4',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '3': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [36.9, 26.8, 62],
-              hex: '#b8a484',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '4': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [35.5, 27, 52.2],
-              hex: '#a68b64',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '5': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [34.7, 27.3, 41],
-              hex: '#856d4c',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '6': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [33.6, 27.2, 36.1],
-              hex: '#755f43',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '7': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [32.9, 26.6, 31],
-              hex: '#64513a',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '8': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [31.8, 26.6, 25.1],
-              hex: '#51412f',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '9': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [30, 26.1, 18],
-              hex: '#3a2e22',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-        },
-        orange: {
-          '0': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [28.7, 100, 91],
-              hex: '#ffe7d1',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '1': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [26.4, 97.7, 83.1],
-              hex: '#fecfaa',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '2': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [26.2, 94.4, 72],
-              hex: '#fbaf74',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '3': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [24.9, 91, 61],
-              hex: '#f68c41',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '4': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [24, 88, 49],
-              hex: '#eb670f',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '5': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [23.1, 84.9, 39],
-              hex: '#b8500f',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '6': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [22.2, 82, 34.9],
-              hex: '#a24610',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '7': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [20.8, 78.5, 31],
-              hex: '#8d3c11',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '8': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [20.4, 76.4, 24.9],
-              hex: '#70300f',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '9': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [18.6, 73.2, 19],
-              hex: '#54230d',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-        },
-        yellow: {
-          '0': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [48.2, 100, 81],
-              hex: '#ffec9e',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '1': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [47, 100, 62.9],
-              hex: '#ffd642',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '2': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [46, 100, 46.1],
-              hex: '#ebb400',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '3': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [45.1, 100, 41],
-              hex: '#d19d00',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '4': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [44, 100, 36.1],
-              hex: '#b88700',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '5': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [43, 100, 29],
-              hex: '#946a00',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '6': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [41.7, 100, 25.1],
-              hex: '#805900',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '7': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [41.3, 100, 22],
-              hex: '#704d00',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '8': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [39.8, 100, 18],
-              hex: '#5c3d00',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '9': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [39.1, 100, 12.9],
-              hex: '#422b00',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-        },
-        lemon: {
-          '0': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [53.7, 84.3, 80],
-              hex: '#f7eea1',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '1': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [53, 85.6, 59],
-              hex: '#f0db3d',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '2': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [52, 87.8, 45.1],
-              hex: '#d8bd0e',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '3': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [50.9, 90.2, 40],
-              hex: '#c2a60a',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '4': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [50.2, 91.9, 33.9],
-              hex: '#a68c07',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '5': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [48.9, 94.2, 27.1],
-              hex: '#866e04',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '6': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [47.8, 96.7, 23.9],
-              hex: '#786002',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '7': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [46.8, 98, 20],
-              hex: '#654f01',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '8': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [46.1, 100, 16.1],
-              hex: '#523f00',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '9': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [45.2, 100, 12],
-              hex: '#3d2e00',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-        },
-        olive: {
-          '0': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [60, 69.1, 81],
-              hex: '#f0f0ad',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '1': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [63.2, 65.3, 66.1],
-              hex: '#dbe170',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '2': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [66, 60, 49],
-              hex: '#b9c832',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '3': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [69.2, 55.4, 43.9],
-              hex: '#9bae32',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '4': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [72.1, 49.7, 39],
-              hex: '#819532',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '5': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [74.8, 44.8, 32],
-              hex: '#64762d',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '6': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [78, 40.5, 29],
-              hex: '#56682c',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '7': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [81.7, 35.3, 26.1],
-              hex: '#495a2b',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '8': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [84.7, 30.4, 22],
-              hex: '#3b4927',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '9': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [87, 24.4, 16.1],
-              hex: '#2a331f',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-        },
-        lime: {
-          '0': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [74.8, 70.1, 82.9],
-              hex: '#e3f2b5',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '1': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [77.8, 66, 70],
-              hex: '#c7e580',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '2': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [81.1, 61.6, 52],
-              hex: '#9bd039',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '3': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [83.9, 58.1, 44.9],
-              hex: '#80b530',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '4': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [86.7, 53.9, 40],
-              hex: '#6c9d2f',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '5': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [89.6, 49.7, 32],
-              hex: '#527a29',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '6': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [92.6, 45.9, 29],
-              hex: '#476c28',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '7': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [96.7, 42.2, 25.1],
-              hex: '#3a5b25',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '8': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [99.5, 38.3, 21],
-              hex: '#2f4a21',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '9': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [101.5, 34.2, 14.9],
-              hex: '#213319',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-        },
-        green: {
-          '0': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [120, 73.8, 88],
-              hex: '#caf7ca',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '1': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [123, 69.2, 77.1],
-              hex: '#9ceda0',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '2': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [125.9, 63.6, 59],
-              hex: '#54d961',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '3': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [128.9, 59.2, 47.1],
-              hex: '#31bf46',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '4': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [132.2, 54.1, 41],
-              hex: '#30a147',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '5': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [134.8, 49.1, 33.9],
-              hex: '#2c8141',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '6': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [137.9, 43.8, 30],
-              hex: '#2b6e3f',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '7': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [141.9, 39.4, 25.9],
-              hex: '#285c3b',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '8': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [143.7, 33.9, 22],
-              hex: '#254b34',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '9': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [147.5, 29.3, 16.1],
-              hex: '#1d3528',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-        },
-        pine: {
-          '0': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [149.5, 80.3, 86.1],
-              hex: '#bff8db',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '1': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [150.8, 77.6, 72],
-              hex: '#80efb9',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '2': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [152.3, 76.2, 47.8],
-              hex: '#1dd781',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '3': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [153, 73.6, 43.1],
-              hex: '#1dbf76',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '4': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [154, 72.3, 36.9],
-              hex: '#1aa267',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '5': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [155.2, 70.3, 29],
-              hex: '#167e53',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '6': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [156, 68.2, 25.9],
-              hex: '#156f4b',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '7': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [157.3, 66.1, 22],
-              hex: '#135d41',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '8': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [158.3, 63, 18],
-              hex: '#114b36',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '9': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [158, 61.2, 13.1],
-              hex: '#0d3627',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-        },
-        teal: {
-          '0': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [172.2, 69.7, 87.1],
-              hex: '#c7f5ef',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '1': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [173.9, 71, 72.9],
-              hex: '#89ebe1',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '2': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [175.9, 72.2, 48],
-              hex: '#22d3c7',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '3': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [178.1, 72.9, 42],
-              hex: '#1db9b4',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '4': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [180, 74.2, 34.9],
-              hex: '#179b9b',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '5': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [181.6, 75.5, 28.8],
-              hex: '#127e81',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '6': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [184.2, 75.9, 26.1],
-              hex: '#106e75',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '7': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [185.6, 76.8, 22],
-              hex: '#0d5b63',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '8': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [188.3, 78.3, 18],
-              hex: '#0a4852',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '9': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [189.5, 80.3, 13.9],
-              hex: '#073740',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-        },
-        cyan: {
-          '0': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [190, 100, 87.1],
-              hex: '#bdf4ff',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '1': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [189.9, 100, 73.9],
-              hex: '#7ae9ff',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '2': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [190.1, 100, 49],
-              hex: '#00d0fa',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '3': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [189.9, 100, 42.9],
-              hex: '#00b7db',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '4': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [190.1, 100, 36.1],
-              hex: '#0099b8',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '5': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [190.1, 100, 29],
-              hex: '#007b94',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '6': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [190.3, 100, 25.1],
-              hex: '#006a80',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '7': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [190.1, 100, 21],
-              hex: '#00596b',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '8': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [190.3, 100, 17.1],
-              hex: '#004857',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '9': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [190, 100, 12.9],
-              hex: '#003742',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-        },
-        blue: {
-          '0': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [199.6, 100, 91],
-              hex: '#d1f0ff',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '1': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [202, 100, 83.9],
-              hex: '#ade1ff',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '2': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [203.9, 100, 72.9],
-              hex: '#75c8ff',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '3': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [206.1, 100, 63.9],
-              hex: '#47afff',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '4': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [208, 100, 52.9],
-              hex: '#0f8fff',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '5': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [209.9, 100, 42.9],
-              hex: '#006edb',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '6': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [212.1, 100, 40],
-              hex: '#005fcc',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '7': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [214.2, 100, 35.1],
-              hex: '#004db3',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '8': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [216.1, 100, 30],
-              hex: '#003d99',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '9': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [217.9, 100, 22.9],
-              hex: '#002b75',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-        },
-        indigo: {
-          '0': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [230.8, 100, 94.9],
-              hex: '#e5e9ff',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '1': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [233.2, 95.7, 91],
-              hex: '#d2d7fe',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '2': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [233.5, 90.2, 83.9],
-              hex: '#b1b9fb',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '3': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [235, 85.7, 78],
-              hex: '#979ff7',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '4': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [235.9, 79.7, 71],
-              hex: '#7a82f0',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '5': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [237, 74.6, 62.9],
-              hex: '#5a61e7',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '6': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [238, 70.1, 58],
-              hex: '#494edf',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '7': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [238.8, 65, 52.9],
-              hex: '#393cd5',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '8': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [240, 60, 44.1],
-              hex: '#2d2db4',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '9': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [240.7, 54.7, 31.2],
-              hex: '#25247b',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-        },
-        purple: {
-          '0': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [267.7, 100, 94.9],
-              hex: '#f1e5ff',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '1': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [267.3, 95.7, 91],
-              hex: '#e6d2fe',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '2': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [265.6, 92.6, 84.1],
-              hex: '#d1b1fc',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '3': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [265, 88, 77.1],
-              hex: '#bc91f8',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '4': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [264.2, 84.3, 70],
-              hex: '#a672f3',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '5': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [263, 79.9, 61],
-              hex: '#894ceb',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '6': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [261.9, 75.9, 56.1],
-              hex: '#783ae4',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '7': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [261, 72, 49],
-              hex: '#6223d7',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '8': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [260, 67.6, 40],
-              hex: '#4f21ab',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '9': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [259.1, 63.5, 29],
-              hex: '#391b79',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-        },
-        plum: {
-          '0': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [283.8, 100, 94.9],
-              hex: '#f8e5ff',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '1': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [282.9, 96.1, 90],
-              hex: '#f0cdfe',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '2': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [282.1, 91.3, 82],
-              hex: '#e2a7fb',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '3': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [281.3, 87.5, 74.9],
-              hex: '#d487f7',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '4': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [279.7, 84.5, 67.1],
-              hex: '#c264f2',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '5': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [279.1, 80, 54.9],
-              hex: '#a830e8',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '6': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [277.9, 76, 49],
-              hex: '#961edc',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '7': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [277, 72, 42],
-              hex: '#7d1eb8',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '8': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [275.7, 67.6, 35.1],
-              hex: '#651d96',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '9': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [275.1, 64.1, 25.1],
-              hex: '#471769',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-        },
-        pink: {
-          '0': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [332.3, 100, 94.9],
-              hex: '#ffe5f1',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '1': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [331.2, 92.9, 89],
-              hex: '#fdc9e2',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '2': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [329.6, 85.6, 81],
-              hex: '#f8a5cf',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '3': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [329.2, 79.6, 73.1],
-              hex: '#f184bc',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '4': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [328.2, 72.3, 63.1],
-              hex: '#e55da5',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '5': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [327, 64.8, 49],
-              hex: '#ce2c85',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '6': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [325.8, 58, 43.9],
-              hex: '#b12f79',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '7': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [325, 51.1, 36.9],
-              hex: '#8e2e66',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '8': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [324.2, 43.8, 30],
-              hex: '#6e2b53',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '9': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [322.9, 37.5, 22],
-              hex: '#4d233d',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-        },
-        red: {
-          '0': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [3.9, 100, 93.9],
-              hex: '#ffe2e0',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '1': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [0, 96.1, 90],
-              hex: '#fecdcd',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '2': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [358.6, 95.7, 82],
-              hex: '#fda5a7',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '3': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [357, 93.7, 74.9],
-              hex: '#fb8389',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '4': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [355.2, 92.1, 65.1],
-              hex: '#f85461',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '5': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [353.2, 89.8, 46.1],
-              hex: '#df0c24',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '6': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [351.2, 87.6, 41.2],
-              hex: '#c50d28',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '7': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [348.7, 86.5, 34.9],
-              hex: '#a60c29',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '8': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [346.9, 83.8, 29],
-              hex: '#880c27',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '9': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [344.8, 81.3, 21],
-              hex: '#610a20',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-        },
-        coral: {
-          '0': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [16.7, 100, 92.9],
-              hex: '#ffe5db',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '1': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [15, 97, 87.1],
-              hex: '#fecebe',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '2': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [14.2, 94.6, 78],
-              hex: '#fcab92',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '3': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [12.9, 91.1, 69],
-              hex: '#f88768',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '4': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [12.1, 87.6, 58.8],
-              hex: '#f25f3a',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '5': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [11.1, 85.2, 44.9],
-              hex: '#d43511',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '6': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [10, 82.4, 40],
-              hex: '#ba2e12',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '7': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [9.2, 79.2, 33.9],
-              hex: '#9b2712',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '8': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [8.3, 76.2, 28],
-              hex: '#7e2011',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-          '9': {
-            $value: {
-              colorSpace: 'hsl',
-              components: [7.6, 73.8, 21],
-              hex: '#5d180e',
-            },
-            $type: 'color',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'base/color/light',
-              },
-            },
-          },
-        },
-        black: {
-          $value: {
-            colorSpace: 'hsl',
-            components: [216, 27.8, 7.1],
-            hex: '#0d1117',
-          },
-          $type: 'color',
-          $extensions: {
-            'org.primer.figma': {
-              collection: 'base/color/light',
-            },
-          },
-        },
-        white: {
-          $value: {
-            colorSpace: 'hsl',
-            components: [0, 0, 100],
-            hex: '#ffffff',
-          },
-          $type: 'color',
-          $extensions: {
-            'org.primer.figma': {
-              collection: 'base/color/light',
-            },
-          },
-        },
-      },
-    },
-  },
-}
diff --git a/src/tokens/base/color/light/light.high-contrast.json5 b/src/tokens/base/color/light/light.high-contrast.json5
index 2506a9dd5..fb580df90 100644
--- a/src/tokens/base/color/light/light.high-contrast.json5
+++ b/src/tokens/base/color/light/light.high-contrast.json5
@@ -18,12 +18,2304 @@
           },
         },
       },
+     
+      neutral: {
+        '0': {
+          $value: '{base.color.gray.0}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light-high-contrast',
+            },
+          },
+        },
+        '1': {
+          $value: '{base.color.gray.1}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light-high-contrast',
+            },
+          },
+        },
+        '2': {
+          $value: '{base.color.gray.2}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light-high-contrast',
+            },
+          },
+        },
+        '3': {
+          $value: '{base.color.gray.3}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light-high-contrast',
+            },
+          },
+        },
+        '4': {
+          $value: '{base.color.gray.4}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light-high-contrast',
+            },
+          },
+        },
+        '5': {
+          $value: '{base.color.gray.5}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light-high-contrast',
+            },
+          },
+        },
+        '6': {
+          $value: '{base.color.gray.6}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light-high-contrast',
+            },
+          },
+        },
+        '7': {
+          $value: '{base.color.gray.7}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light-high-contrast',
+            },
+          },
+        },
+        '8': {
+          $value: '{base.color.gray.8}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light-high-contrast',
+            },
+          },
+        },
+        '9': {
+          $value: '{base.color.gray.9}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light-high-contrast',
+            },
+          },
+        },
+        '10': {
+          $value: '{base.color.gray.10}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light-high-contrast',
+            },
+          },
+        },
+        '11': {
+          $value: '{base.color.gray.11}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light-high-contrast',
+            },
+          },
+        },
+        '12': {
+          $value: '{base.color.gray.12}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light-high-contrast',
+            },
+          },
+        },
+        '13': {
+          $value: '{base.color.gray.13}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light-high-contrast',
+            },
+          },
+        },
+        '14': {
+          $value: '{base.color.gray.14}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light-high-contrast',
+            },
+          },
+        },
+      },
       blue: {
         '0': {
           $value: {
             colorSpace: 'hsl',
-            components: [195, 100, 93.7],
-            hex: '#dff7ff',
+            components: [180, 100, 98.4],
+            hex: '#F7FFFF',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '1': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [193.5, 100, 93.9],
+            hex: '#E0F8FF',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '2': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [198.3, 78.3, 91],
+            hex: '#D6EFFA',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '3': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [199.5, 100, 77.6],
+            hex: '#8DDAFF',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '4': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [202.7, 100, 72],
+            hex: '#70C9FF',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '5': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [203.5, 100, 63.5],
+            hex: '#45B6FF',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '6': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [212.5, 100, 58.4],
+            hex: '#2B8CFF',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '7': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [212.6, 100, 44.7],
+            hex: '#0068E4',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '8': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [213.2, 100, 40],
+            hex: '#005BCC',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '9': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [214.8, 100, 34.5],
+            hex: '#004AB0',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '10': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [218.4, 100, 31],
+            hex: '#00399E',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '11': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [216.9, 100, 23.9],
+            hex: '#002F7A',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '12': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [222.3, 100, 22],
+            hex: '#002170',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '13': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [219.2, 100, 14.7],
+            hex: '#001A4B',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '14': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [219.1, 100, 9],
+            hex: '#00102E',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+      },
+      green: {
+        '0': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [120, 100, 98.8],
+            hex: '#F9FFF9',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '1': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [133.8, 100, 90.6],
+            hex: '#CFFFDA',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '2': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [133.9, 95.3, 83.1],
+            hex: '#ABFDBE',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '3': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [127, 75.3, 66.7],
+            hex: '#6AEA79',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '4': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [128.8, 64.9, 58.6],
+            hex: '#51DA65',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '5': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [133, 67.4, 46.9],
+            hex: '#27C84A',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '6': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [140, 100, 31.8],
+            hex: '#00A236',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '7': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [130.5, 56.5, 31.6],
+            hex: '#237E33',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '8': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [135, 65.7, 26.3],
+            hex: '#176F2D',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '9': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [144.5, 100, 18.2],
+            hex: '#005D26',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '10': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [152, 68.2, 17.3],
+            hex: '#0E4A2E',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '11': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [156.2, 93.5, 12.2],
+            hex: '#023C25',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '12': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [160.5, 74.1, 10.6],
+            hex: '#072F22',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '13': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [152.3, 61.9, 8.2],
+            hex: '#082216',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '14': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [153.8, 61.5, 5.1],
+            hex: '#05150E',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+      },
+      yellow: {
+        '0': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [52.5, 100, 98.4],
+            hex: '#FFFEF7',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '1': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [50.3, 100, 87.8],
+            hex: '#FFF5C1',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '2': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [48.1, 100, 80.2],
+            hex: '#FFEB9A',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '3': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [44, 100, 59.6],
+            hex: '#FFC831',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '4': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [41, 90, 56.7],
+            hex: '#F4B52D',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '5': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [37, 81.4, 53.5],
+            hex: '#E99F28',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '6': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [39.4, 100, 37.6],
+            hex: '#C07E00',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '7': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [37.3, 100, 30.6],
+            hex: '#9C6100',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '8': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [36.3, 100, 27.3],
+            hex: '#8B5400',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '9': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [33.8, 100, 23.3],
+            hex: '#774300',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '10': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [31.5, 100, 19.8],
+            hex: '#653500',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '11': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [28.6, 100, 16.5],
+            hex: '#542800',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '12': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [25.7, 100, 13.7],
+            hex: '#461E00',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '13': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [24.2, 100, 10.2],
+            hex: '#341500',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '14': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [22.5, 100, 7.8],
+            hex: '#280F00',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+      },
+      orange: {
+        '0': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [50, 100, 98.8],
+            hex: '#FFFEF9',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '1': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [27.7, 100, 94.9],
+            hex: '#FFF1E5',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '2': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [25, 85.7, 91.8],
+            hex: '#FCE7D8',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '3': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [23.3, 85.1, 81.6],
+            hex: '#F8C7A8',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '4': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [22.8, 84.4, 74.9],
+            hex: '#F5B289',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '5': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [24.6, 85.1, 65.7],
+            hex: '#F29A5D',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '6': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [29.4, 88.7, 45.1],
+            hex: '#D9710D',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '7': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [29.8, 100, 33.9],
+            hex: '#AD5600',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '8': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [28.5, 89.9, 31.2],
+            hex: '#974C08',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '9': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [27, 100, 25.7],
+            hex: '#833B00',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '10': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [25.1, 100, 21.6],
+            hex: '#6E2E00',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '11': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [22.8, 100, 18],
+            hex: '#5C2300',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '12': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [20.8, 100, 14.7],
+            hex: '#4B1A00',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '13': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [11.8, 100, 12],
+            hex: '#3D0C00',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '14': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [11.1, 100, 7.5],
+            hex: '#260700',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+      },
+      red: {
+        '0': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [20, 100, 99.4],
+            hex: '#FFFDFC',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '1': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [4, 100, 97.1],
+            hex: '#FFF1F0',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '2': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [4.3, 100, 94.5],
+            hex: '#FFE5E3',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '3': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [3, 88.2, 86.7],
+            hex: '#FBC2BF',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '4': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [4.5, 100, 81.8],
+            hex: '#FFA9A2',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '5': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [3, 100, 76.3],
+            hex: '#FF8C86',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '6': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [357.4, 100, 64.3],
+            hex: '#FF4951',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '7': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [356.4, 65.9, 49.4],
+            hex: '#D12B35',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '8': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [357.4, 73.4, 42.7],
+            hex: '#BD1D24',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '9': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [349.8, 100, 32.4],
+            hex: '#A5001C',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '10': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [347.8, 91.4, 27.5],
+            hex: '#860620',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '11': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [349.3, 100, 22],
+            hex: '#700014',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '12': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [354.8, 85.1, 18.4],
+            hex: '#57070E',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '13': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [344.5, 100, 12.9],
+            hex: '#420011',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '14': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [343.9, 100, 8],
+            hex: '#29000B',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+      },
+      purple: {
+        '0': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [300, 100, 99.6],
+            hex: '#FFFDFF',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '1': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [274.3, 100, 97.3],
+            hex: '#F9F1FF',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '2': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [265.4, 100, 94.9],
+            hex: '#F0E5FF',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '3': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [276, 100, 88.2],
+            hex: '#E7C3FF',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '4': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [271.1, 97.5, 84.1],
+            hex: '#D8AFFE',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '5': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [268.5, 96.2, 79.4],
+            hex: '#C898FD',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '6': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [268.8, 100, 70.6],
+            hex: '#B169FF',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '7': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [272.4, 87.1, 57.5],
+            hex: '#9A34F1',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '8': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [270.9, 77.4, 51.4],
+            hex: '#8623E3',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '9': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [271.1, 100, 41.6],
+            hex: '#6E00D4',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '10': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [266.1, 98.9, 36.9],
+            hex: '#5201BB',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '11': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [264.5, 98.7, 30.6],
+            hex: '#40019B',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '12': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [263.6, 100, 24.9],
+            hex: '#32007F',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '13': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [258.8, 83.3, 18.8],
+            hex: '#210858',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '14': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [258, 83.3, 11.8],
+            hex: '#140537',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+      },
+      pink: {
+        '0': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [300, 100, 99.6],
+            hex: '#FFFDFF',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '1': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [312, 100, 97.1],
+            hex: '#FFF0FC',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '2': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [312.9, 100, 94.5],
+            hex: '#FFE3F9',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '3': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [314.4, 75, 85.9],
+            hex: '#F6C0E9',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '4': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [317.2, 93.5, 81.8],
+            hex: '#FCA5E3',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '5': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [320.5, 100, 75.9],
+            hex: '#FF84D5',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '6': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [321.8, 94.1, 60.4],
+            hex: '#F93BB4',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '7': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [324.1, 71.9, 46.1],
+            hex: '#CA2186',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '8': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [324.3, 68.4, 41],
+            hex: '#B02176',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '9': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [324.3, 62.7, 34.7],
+            hex: '#902163',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '10': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [326.2, 52, 29.4],
+            hex: '#722450',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '11': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [323.8, 66.1, 23.1],
+            hex: '#621443',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '12': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [325.2, 66, 18.4],
+            hex: '#4E1034',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '13': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [324.4, 81.8, 12.9],
+            hex: '#3C0626',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '14': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [323.6, 80.5, 8],
+            hex: '#250418',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+      },
+      coral: {
+        '0': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [0, 0, 99.6],
+            hex: '#FEFEFE',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '1': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [13.3, 100, 96.5],
+            hex: '#FFF1ED',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '2': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [15.4, 94.6, 92.7],
+            hex: '#FEE4DB',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '3': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [14.8, 100, 84.1],
+            hex: '#FFC2AE',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '4': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [14.4, 90.9, 78.4],
+            hex: '#FAAE96',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '6': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [10.8, 99.1, 57.1],
+            hex: '#FE4C25',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '5': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [14.9, 85, 71.2],
+            hex: '#F49677',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '7': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [10.9, 80.4, 44.1],
+            hex: '#CB3716',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '8': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [10.8, 84.7, 38.4],
+            hex: '#B52D0F',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '9': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [11.6, 94.9, 31],
+            hex: '#9A2104',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '10': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [11.5, 96.9, 25.3],
+            hex: '#7F1A02',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '11': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [10.7, 94.4, 21],
+            hex: '#681503',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '12': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [7, 100, 16.9],
+            hex: '#560A00',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '13': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [0, 100, 13.5],
+            hex: '#450000',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '14': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [0, 100, 8.4],
+            hex: '#2B0000',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+      },
+      gray: {
+        '0': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [120, 50, 99.2],
+            hex: '#FCFEFC',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '1': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [140, 13, 95.5],
+            hex: '#F2F5F3',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '2': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [137.1, 14.9, 90.8],
+            hex: '#E4EBE6',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '3': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [130.9, 11.3, 81],
+            hex: '#C9D4CB',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '4': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [130.9, 8.4, 74.3],
+            hex: '#B8C3BA',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '5': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [135, 7.1, 66.7],
+            hex: '#A4B0A7',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '6': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [135, 5.1, 54.1],
+            hex: '#849087',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '7': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [135, 5.6, 42],
+            hex: '#657168',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '8': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [136.4, 5.9, 36.7],
+            hex: '#58635B',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '9': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [138, 6.5, 30.2],
+            hex: '#48524B',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '10': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [133.3, 7.2, 24.5],
+            hex: '#3A433C',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '11': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [137.1, 6.9, 19.8],
+            hex: '#2F3631',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '12': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [140, 7.5, 15.7],
+            hex: '#252B27',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '13': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [140, 10.7, 11],
+            hex: '#191F1B',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '14': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [140, 8.6, 6.9],
+            hex: '#101311',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+      },
+      auburn: {
+        '0': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [0, 10.3, 99.6],
+            hex: '#fefefe',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '1': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [0, 18, 96.1],
+            hex: '#f7f3f3',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '2': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [0, 25.7, 92.9],
+            hex: '#f2e8e8',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '3': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [3.5, 25.4, 83.6],
+            hex: '#e0cccb',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '4': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [3.9, 26.5, 71.7],
+            hex: '#caa6a4',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '5': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [4.3, 26.6, 59.2],
+            hex: '#b37f7b',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '6': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [4.4, 26.5, 47.6],
+            hex: '#9a5e59',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '7': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [4.6, 26.1, 34.5],
+            hex: '#6f4541',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '8': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [4.2, 26, 28.3],
+            hex: '#5b3835',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '9': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [3.8, 26.1, 22.6],
+            hex: '#492c2b',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '10': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [3.2, 25.7, 18],
+            hex: '#3a2322',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '11': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [2.2, 25.2, 12.8],
+            hex: '#291918',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+      },
+      brown: {
+        '0': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [40, 10.4, 99.5],
+            hex: '#fefefe',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '1': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [40, 18.3, 95.4],
+            hex: '#f5f4f1',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '2': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [40, 26.1, 91],
+            hex: '#eeeae2',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '3': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [39.1, 26.4, 79.6],
+            hex: '#d9cfbd',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '4': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [38.5, 27.3, 64.9],
+            hex: '#beac8d',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '5': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [36.9, 26.8, 50.4],
+            hex: '#a2885f',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '6': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [35.5, 27, 39.7],
+            hex: '#816a4a',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '7': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [34.7, 27.3, 29],
+            hex: '#5e4d36',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '8': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [33.6, 27.2, 23.8],
+            hex: '#4d3f2c',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '9': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [32.9, 26.6, 19.1],
+            hex: '#3e3224',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '10': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [31.8, 26.6, 15.2],
+            hex: '#31271c',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '11': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [30, 26.1, 10.9],
+            hex: '#231c15',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+      },
+      lemon: {
+        '0': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [60, 100, 95.5],
+            hex: '#FFFFE8',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '1': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [53.5, 97.4, 85.1],
+            hex: '#FEF6B4',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '2': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [51.4, 94.9, 76.9],
+            hex: '#FCEC8C',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '3': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [53.8, 100, 45.9],
+            hex: '#EAD200',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '4': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [53.6, 100, 42.5],
+            hex: '#D9C200',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '5': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [53, 100, 38.8],
+            hex: '#C6AF00',
           },
           $type: 'color',
         $extensions: {
@@ -32,11 +2324,11 @@
           },
         },
         },
-        '1': {
+        '6': {
           $value: {
             colorSpace: 'hsl',
-            components: [204.2, 100, 80.6],
-            hex: '#9cd7ff',
+            components: [48.2, 93.1, 34.3],
+            hex: '#A98906',
           },
           $type: 'color',
         $extensions: {
@@ -45,11 +2337,11 @@
           },
         },
         },
-        '2': {
+        '7': {
           $value: {
             colorSpace: 'hsl',
-            components: [209.6, 97.4, 69.8],
-            hex: '#67b3fd',
+            components: [47.5, 100, 26.3],
+            hex: '#866A00',
           },
           $type: 'color',
         $extensions: {
@@ -58,11 +2350,11 @@
           },
         },
         },
-        '3': {
+        '8': {
           $value: {
             colorSpace: 'hsl',
-            components: [213.5, 94.2, 59.4],
-            hex: '#368cf9',
+            components: [47.3, 100, 23.1],
+            hex: '#765D00',
           },
           $type: 'color',
         $extensions: {
@@ -71,11 +2363,11 @@
           },
         },
         },
-        '4': {
+        '9': {
           $value: {
             colorSpace: 'hsl',
-            components: [215.1, 86.1, 47.8],
-            hex: '#1168e3',
+            components: [47.1, 100, 19.2],
+            hex: '#624D00',
           },
           $type: 'color',
         $extensions: {
@@ -84,11 +2376,11 @@
           },
         },
         },
-        '5': {
+        '10': {
           $value: {
             colorSpace: 'hsl',
-            components: [216.3, 96.7, 35.9],
-            hex: '#0349b4',
+            components: [47.3, 73.3, 17.6],
+            hex: '#4E400C',
           },
           $type: 'color',
         $extensions: {
@@ -97,11 +2389,11 @@
           },
         },
         },
-        '6': {
+        '11': {
           $value: {
             colorSpace: 'hsl',
-            components: [216.7, 97.4, 29.6],
-            hex: '#023b95',
+            components: [46.2, 100, 12.7],
+            hex: '#413200',
           },
           $type: 'color',
         $extensions: {
@@ -110,11 +2402,11 @@
           },
         },
         },
-        '7': {
+        '12': {
           $value: {
             colorSpace: 'hsl',
-            components: [217.5, 96.8, 24.3],
-            hex: '#022f7a',
+            components: [45, 100, 10.2],
+            hex: '#342700',
           },
           $type: 'color',
         $extensions: {
@@ -123,11 +2415,11 @@
           },
         },
         },
-        '8': {
+        '13': {
           $value: {
             colorSpace: 'hsl',
-            components: [218.7, 94.1, 20],
-            hex: '#032563',
+            components: [42.6, 100, 7.5],
+            hex: '#261B00',
           },
           $type: 'color',
         $extensions: {
@@ -136,11 +2428,11 @@
           },
         },
         },
-        '9': {
+        '14': {
           $value: {
             colorSpace: 'hsl',
-            components: [220, 94.7, 14.9],
-            hex: '#021a4a',
+            components: [42.5, 100, 4.7],
+            hex: '#181100',
           },
           $type: 'color',
         $extensions: {
@@ -150,12 +2442,12 @@
         },
         },
       },
-      green: {
+      olive: {
         '0': {
           $value: {
             colorSpace: 'hsl',
-            components: [132.3, 95.7, 91],
-            hex: '#d2fedb',
+            components: [60, 69.1, 98.9],
+            hex: '#fefefa',
           },
           $type: 'color',
         $extensions: {
@@ -167,8 +2459,8 @@
         '1': {
           $value: {
             colorSpace: 'hsl',
-            components: [132.1, 65.6, 70.4],
-            hex: '#82e596',
+            components: [60, 69.1, 89.2],
+            hex: '#f6f6d0',
           },
           $type: 'color',
         $extensions: {
@@ -180,8 +2472,8 @@
         '2': {
           $value: {
             colorSpace: 'hsl',
-            components: [134.7, 53.5, 52],
-            hex: '#43c663',
+            components: [60, 69.1, 79.2],
+            hex: '#efefa5',
           },
           $type: 'color',
         $extensions: {
@@ -193,8 +2485,8 @@
         '3': {
           $value: {
             colorSpace: 'hsl',
-            components: [136.6, 61.8, 39],
-            hex: '#26a148',
+            components: [63.2, 65.3, 56.2],
+            hex: '#d0d846',
           },
           $type: 'color',
         $extensions: {
@@ -206,8 +2498,8 @@
         '4': {
           $value: {
             colorSpace: 'hsl',
-            components: [138, 76.4, 28.2],
-            hex: '#117f32',
+            components: [66, 60, 44.9],
+            hex: '#a9b72e',
           },
           $type: 'color',
         $extensions: {
@@ -219,8 +2511,8 @@
         '5': {
           $value: {
             colorSpace: 'hsl',
-            components: [138.4, 89.8, 19.2],
-            hex: '#055d20',
+            components: [69.2, 55.4, 37.4],
+            hex: '#84942b',
           },
           $type: 'color',
         $extensions: {
@@ -232,8 +2524,8 @@
         '6': {
           $value: {
             colorSpace: 'hsl',
-            components: [139.5, 94.9, 15.3],
-            hex: '#024c1a',
+            components: [72.1, 49.7, 30.5],
+            hex: '#657427',
           },
           $type: 'color',
         $extensions: {
@@ -245,8 +2537,8 @@
         '7': {
           $value: {
             colorSpace: 'hsl',
-            components: [139, 96.8, 12.2],
-            hex: '#013d14',
+            components: [74.8, 44.8, 23],
+            hex: '#485520',
           },
           $type: 'color',
         $extensions: {
@@ -258,8 +2550,8 @@
         '8': {
           $value: {
             colorSpace: 'hsl',
-            components: [139.6, 100, 9.6],
-            hex: '#003110',
+            components: [78, 40.5, 19.4],
+            hex: '#39461d',
           },
           $type: 'color',
         $extensions: {
@@ -271,8 +2563,34 @@
         '9': {
           $value: {
             colorSpace: 'hsl',
-            components: [138.9, 100, 6.9],
-            hex: '#00230b',
+            components: [81.7, 35.3, 16.1],
+            hex: '#2d381b',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '10': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [84.7, 30.4, 13.2],
+            hex: '#232c17',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '11': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [87, 24.4, 9.7],
+            hex: '#191f13',
           },
           $type: 'color',
         $extensions: {
@@ -282,12 +2600,12 @@
         },
         },
       },
-      yellow: {
+      lime: {
         '0': {
           $value: {
             colorSpace: 'hsl',
-            components: [55.2, 91.2, 86.7],
-            hex: '#fcf7be',
+            components: [66.7, 100, 96.5],
+            hex: '#FDFFED',
           },
           $type: 'color',
         $extensions: {
@@ -299,8 +2617,8 @@
         '1': {
           $value: {
             colorSpace: 'hsl',
-            components: [47, 84, 63.3],
-            hex: '#f0ce53',
+            components: [71.9, 93.5, 82],
+            hex: '#EBFCA6',
           },
           $type: 'color',
         $extensions: {
@@ -312,8 +2630,8 @@
         '2': {
           $value: {
             colorSpace: 'hsl',
-            components: [44.7, 71.1, 48.8],
-            hex: '#d5a824',
+            components: [72.2, 91.3, 68.4],
+            hex: '#DAF865',
           },
           $type: 'color',
         $extensions: {
@@ -325,8 +2643,8 @@
         '3': {
           $value: {
             colorSpace: 'hsl',
-            components: [43.1, 92.6, 36.9],
-            hex: '#b58407',
+            components: [74.6, 74.5, 52.4],
+            hex: '#B4E02B',
           },
           $type: 'color',
         $extensions: {
@@ -338,8 +2656,8 @@
         '4': {
           $value: {
             colorSpace: 'hsl',
-            components: [40.3, 100, 29.2],
-            hex: '#956400',
+            components: [75.6, 64.3, 49.4],
+            hex: '#A5CF2D',
           },
           $type: 'color',
         $extensions: {
@@ -351,8 +2669,8 @@
         '5': {
           $value: {
             colorSpace: 'hsl',
-            components: [35.7, 100, 22.7],
-            hex: '#744500',
+            components: [77.7, 60.2, 46.3],
+            hex: '#93BD2F',
           },
           $type: 'color',
         $extensions: {
@@ -364,8 +2682,8 @@
         '6': {
           $value: {
             colorSpace: 'hsl',
-            components: [34.4, 100, 18.8],
-            hex: '#603700',
+            components: [78.5, 67.2, 35.9],
+            hex: '#73991E',
           },
           $type: 'color',
         $extensions: {
@@ -377,8 +2695,8 @@
         '7': {
           $value: {
             colorSpace: 'hsl',
-            components: [33.8, 100, 15.3],
-            hex: '#4e2c00',
+            components: [82.1, 56.9, 30],
+            hex: '#587821',
           },
           $type: 'color',
         $extensions: {
@@ -390,8 +2708,8 @@
         '8': {
           $value: {
             colorSpace: 'hsl',
-            components: [32.4, 100, 12.4],
-            hex: '#3f2200',
+            components: [83.7, 55.9, 26.7],
+            hex: '#4C6A1E',
           },
           $type: 'color',
         $extensions: {
@@ -403,8 +2721,73 @@
         '9': {
           $value: {
             colorSpace: 'hsl',
-            components: [31.3, 100, 9],
-            hex: '#2e1800',
+            components: [85.6, 53, 22.5],
+            hex: '#3E581B',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '10': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [84.6, 65.1, 16.9],
+            hex: '#30470F',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '11': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [83.8, 96.7, 11.8],
+            hex: '#243B01',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '12': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [86.1, 95.8, 9.4],
+            hex: '#1B2F01',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '13': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [109.7, 100, 6.9],
+            hex: '#062300',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '14': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [109.1, 100, 4.3],
+            hex: '#041600',
           },
           $type: 'color',
         $extensions: {
@@ -414,12 +2797,12 @@
         },
         },
       },
-      orange: {
+      pine: {
         '0': {
           $value: {
             colorSpace: 'hsl',
-            components: [41.4, 100, 91.8],
-            hex: '#fff2d5',
+            components: [149.5, 80.3, 99.2],
+            hex: '#fbfffd',
           },
           $type: 'color',
         $extensions: {
@@ -431,8 +2814,8 @@
         '1': {
           $value: {
             colorSpace: 'hsl',
-            components: [34.1, 100, 74.1],
-            hex: '#ffc67b',
+            components: [149.5, 80.3, 92.5],
+            hex: '#ddfbec',
           },
           $type: 'color',
         $extensions: {
@@ -444,8 +2827,8 @@
         '2': {
           $value: {
             colorSpace: 'hsl',
-            components: [29.5, 94.2, 59.4],
-            hex: '#f99636',
+            components: [149.5, 80.3, 85.3],
+            hex: '#bbf8d9',
           },
           $type: 'color',
         $extensions: {
@@ -457,8 +2840,8 @@
         '3': {
           $value: {
             colorSpace: 'hsl',
-            components: [25.7, 78.9, 48.2],
-            hex: '#dc6d1a',
+            components: [150.8, 77.6, 62.5],
+            hex: '#55eaa1',
           },
           $type: 'color',
         $extensions: {
@@ -470,8 +2853,8 @@
         '4': {
           $value: {
             colorSpace: 'hsl',
-            components: [26.1, 94.6, 36.3],
-            hex: '#b45105',
+            components: [152.3, 76.2, 44.3],
+            hex: '#1bc778',
           },
           $type: 'color',
         $extensions: {
@@ -483,8 +2866,8 @@
         '5': {
           $value: {
             colorSpace: 'hsl',
-            components: [24.9, 100, 26.5],
-            hex: '#873800',
+            components: [153, 73.6, 36.2],
+            hex: '#18a063',
           },
           $type: 'color',
         $extensions: {
@@ -496,8 +2879,8 @@
         '6': {
           $value: {
             colorSpace: 'hsl',
-            components: [23.6, 100, 22],
-            hex: '#702c00',
+            components: [154, 72.3, 28.6],
+            hex: '#147e50',
           },
           $type: 'color',
         $extensions: {
@@ -509,8 +2892,8 @@
         '7': {
           $value: {
             colorSpace: 'hsl',
-            components: [23.1, 100, 17.8],
-            hex: '#5b2300',
+            components: [155.2, 70.3, 21],
+            hex: '#105b3c',
           },
           $type: 'color',
         $extensions: {
@@ -522,8 +2905,8 @@
         '8': {
           $value: {
             colorSpace: 'hsl',
-            components: [22.2, 100, 14.3],
-            hex: '#491b00',
+            components: [156, 68.2, 17.4],
+            hex: '#0e4b32',
           },
           $type: 'color',
         $extensions: {
@@ -535,8 +2918,34 @@
         '9': {
           $value: {
             colorSpace: 'hsl',
-            components: [20, 100, 10.6],
-            hex: '#361200',
+            components: [157.3, 66.1, 14],
+            hex: '#0c3b29',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '10': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [158.3, 63, 11.3],
+            hex: '#0b2f22',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '11': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [158, 61.2, 8.1],
+            hex: '#082118',
           },
           $type: 'color',
         $extensions: {
@@ -546,12 +2955,12 @@
         },
         },
       },
-      red: {
+      teal: {
         '0': {
           $value: {
             colorSpace: 'hsl',
-            components: [7.1, 100, 96.7],
-            hex: '#fff0ee',
+            components: [180, 100, 98.4],
+            hex: '#F7FFFF',
           },
           $type: 'color',
         $extensions: {
@@ -563,8 +2972,8 @@
         '1': {
           $value: {
             colorSpace: 'hsl',
-            components: [4.5, 100, 86.9],
-            hex: '#ffc1bc',
+            components: [177.9, 74.4, 92.4],
+            hex: '#DDFAF9',
           },
           $type: 'color',
         $extensions: {
@@ -576,8 +2985,8 @@
         '2': {
           $value: {
             colorSpace: 'hsl',
-            components: [2.1, 100, 77.1],
-            hex: '#ff8e8a',
+            components: [180, 79.8, 82.5],
+            hex: '#AFF6F6',
           },
           $type: 'color',
         $extensions: {
@@ -589,8 +2998,8 @@
         '3': {
           $value: {
             colorSpace: 'hsl',
-            components: [358.8, 81.3, 64.3],
-            hex: '#ee5a5d',
+            components: [180.5, 68.9, 64.7],
+            hex: '#67E2E3',
           },
           $type: 'color',
         $extensions: {
@@ -602,8 +3011,8 @@
         '4': {
           $value: {
             colorSpace: 'hsl',
-            components: [357, 71.8, 48.6],
-            hex: '#d5232c',
+            components: [180.5, 58.1, 57.8],
+            hex: '#55D1D2',
           },
           $type: 'color',
         $extensions: {
@@ -615,8 +3024,8 @@
         '5': {
           $value: {
             colorSpace: 'hsl',
-            components: [354.1, 80.8, 34.7],
-            hex: '#a0111f',
+            components: [180.5, 52.4, 49.4],
+            hex: '#3CBFC0',
           },
           $type: 'color',
         $extensions: {
@@ -628,8 +3037,8 @@
         '6': {
           $value: {
             colorSpace: 'hsl',
-            components: [349.2, 91.4, 27.5],
-            hex: '#86061d',
+            components: [179.5, 62.5, 37.6],
+            hex: '#249C9B',
           },
           $type: 'color',
         $extensions: {
@@ -641,8 +3050,8 @@
         '7': {
           $value: {
             colorSpace: 'hsl',
-            components: [346.2, 98.2, 21.8],
-            hex: '#6e011a',
+            components: [180, 58.2, 30],
+            hex: '#207979',
           },
           $type: 'color',
         $extensions: {
@@ -654,8 +3063,8 @@
         '8': {
           $value: {
             colorSpace: 'hsl',
-            components: [345.3, 100, 17.6],
-            hex: '#5a0016',
+            components: [180.7, 65.9, 25.3],
+            hex: '#166A6B',
           },
           $type: 'color',
         $extensions: {
@@ -667,8 +3076,73 @@
         '9': {
           $value: {
             colorSpace: 'hsl',
-            components: [344.8, 100, 13.1],
-            hex: '#430011',
+            components: [180.7, 87.5, 18.8],
+            hex: '#06595A',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '10': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [180.8, 100, 14.7],
+            hex: '#004A4B',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '11': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [180, 76.1, 13.1],
+            hex: '#083B3B',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '12': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [181.2, 100, 9.4],
+            hex: '#002F30',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '13': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [180, 100, 6.7],
+            hex: '#002222',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '14': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [180, 100, 4.1],
+            hex: '#001515',
           },
           $type: 'color',
         $extensions: {
@@ -678,12 +3152,12 @@
         },
         },
       },
-      purple: {
+      cyan: {
         '0': {
           $value: {
             colorSpace: 'hsl',
-            components: [282.9, 87.5, 96.9],
-            hex: '#faf0fe',
+            components: [190, 100, 99.3],
+            hex: '#fbfeff',
           },
           $type: 'color',
         $extensions: {
@@ -695,8 +3169,8 @@
         '1': {
           $value: {
             colorSpace: 'hsl',
-            components: [267.9, 100, 88.6],
-            hex: '#e0c5ff',
+            components: [190, 100, 93.3],
+            hex: '#ddf9ff',
           },
           $type: 'color',
         $extensions: {
@@ -708,8 +3182,8 @@
         '2': {
           $value: {
             colorSpace: 'hsl',
-            components: [264.6, 100, 80.4],
-            hex: '#c49bff',
+            components: [190, 100, 86.9],
+            hex: '#bcf4ff',
           },
           $type: 'color',
         $extensions: {
@@ -721,8 +3195,8 @@
         '3': {
           $value: {
             colorSpace: 'hsl',
-            components: [262.4, 89.3, 70.6],
-            hex: '#a371f7',
+            components: [189.9, 100, 65.3],
+            hex: '#4ee2ff',
           },
           $type: 'color',
         $extensions: {
@@ -734,8 +3208,8 @@
         '4': {
           $value: {
             colorSpace: 'hsl',
-            components: [262.2, 76.6, 59.8],
-            hex: '#844ae7',
+            components: [190.1, 100, 44.8],
+            hex: '#00bee4',
           },
           $type: 'color',
         $extensions: {
@@ -747,8 +3221,8 @@
         '5': {
           $value: {
             colorSpace: 'hsl',
-            components: [262.5, 62.1, 45.5],
-            hex: '#622cbc',
+            components: [189.9, 100, 36],
+            hex: '#0099b8',
           },
           $type: 'color',
         $extensions: {
@@ -760,8 +3234,8 @@
         '6': {
           $value: {
             colorSpace: 'hsl',
-            components: [263, 60.8, 37.1],
-            hex: '#512598',
+            components: [190.1, 100, 28.3],
+            hex: '#007890',
           },
           $type: 'color',
         $extensions: {
@@ -773,8 +3247,8 @@
         '7': {
           $value: {
             colorSpace: 'hsl',
-            components: [263, 61.8, 29.8],
-            hex: '#411d7b',
+            components: [190.1, 100, 20.7],
+            hex: '#00586a',
           },
           $type: 'color',
         $extensions: {
@@ -786,8 +3260,8 @@
         '8': {
           $value: {
             colorSpace: 'hsl',
-            components: [262.9, 62.3, 23.9],
-            hex: '#341763',
+            components: [190.3, 100, 17],
+            hex: '#004857',
           },
           $type: 'color',
         $extensions: {
@@ -799,8 +3273,34 @@
         '9': {
           $value: {
             colorSpace: 'hsl',
-            components: [263.8, 65.9, 17.3],
-            hex: '#260f49',
+            components: [190.1, 100, 13.6],
+            hex: '#003a45',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '10': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [190.3, 100, 10.8],
+            hex: '#002e37',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '11': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [190, 100, 7.7],
+            hex: '#002127',
           },
           $type: 'color',
         $extensions: {
@@ -810,12 +3310,12 @@
         },
         },
       },
-      pink: {
+      indigo: {
         '0': {
           $value: {
             colorSpace: 'hsl',
-            components: [328, 88.2, 96.7],
-            hex: '#feeff7',
+            components: [240, 100, 99.8],
+            hex: '#FEFEFF',
           },
           $type: 'color',
         $extensions: {
@@ -827,8 +3327,8 @@
         '1': {
           $value: {
             colorSpace: 'hsl',
-            components: [328.2, 100, 87.1],
-            hex: '#ffbde0',
+            components: [228, 100, 97.1],
+            hex: '#F0F3FF',
           },
           $type: 'color',
         $extensions: {
@@ -840,8 +3340,8 @@
         '2': {
           $value: {
             colorSpace: 'hsl',
-            components: [325.6, 95.1, 75.9],
-            hex: '#fc87ca',
+            components: [227.4, 57.6, 93.5],
+            hex: '#E5E9F8',
           },
           $type: 'color',
         $extensions: {
@@ -853,8 +3353,8 @@
         '3': {
           $value: {
             colorSpace: 'hsl',
-            components: [323, 81.8, 61.2],
-            hex: '#ed4baf',
+            components: [229.8, 86.9, 88],
+            hex: '#C6CFFB',
           },
           $type: 'color',
         $extensions: {
@@ -866,8 +3366,8 @@
         '4': {
           $value: {
             colorSpace: 'hsl',
-            components: [321.5, 69.6, 46.5],
-            hex: '#c9248e',
+            components: [224.4, 91, 82.5],
+            hex: '#AABFFB',
           },
           $type: 'color',
         $extensions: {
@@ -879,8 +3379,8 @@
         '5': {
           $value: {
             colorSpace: 'hsl',
-            components: [321.4, 77.6, 33.3],
-            hex: '#971368',
+            components: [230.1, 83.5, 78.6],
+            hex: '#9BAAF6',
           },
           $type: 'color',
         $extensions: {
@@ -892,8 +3392,8 @@
         '6': {
           $value: {
             colorSpace: 'hsl',
-            components: [320.2, 82.5, 26.9],
-            hex: '#7d0c57',
+            components: [231.5, 75.9, 69],
+            hex: '#7485EC',
           },
           $type: 'color',
         $extensions: {
@@ -905,8 +3405,8 @@
         '7': {
           $value: {
             colorSpace: 'hsl',
-            components: [319.8, 85.5, 21.6],
-            hex: '#660847',
+            components: [236.4, 78.2, 62.2],
+            hex: '#535CEA',
           },
           $type: 'color',
         $extensions: {
@@ -918,8 +3418,8 @@
         '8': {
           $value: {
             colorSpace: 'hsl',
-            components: [319, 90.8, 17.1],
-            hex: '#53043a',
+            components: [238.8, 69.4, 57.6],
+            hex: '#484BDE',
           },
           $type: 'color',
         $extensions: {
@@ -931,8 +3431,73 @@
         '9': {
           $value: {
             colorSpace: 'hsl',
-            components: [319, 93.8, 12.5],
-            hex: '#3e022b',
+            components: [243, 63.9, 51.2],
+            hex: '#3B33D2',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '10': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [236.9, 64.2, 41.6],
+            hex: '#262DAE',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '11': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [241.2, 58.1, 33.7],
+            hex: '#262488',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '12': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [240, 57, 26.5],
+            hex: '#1D1D6A',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '13': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [238, 62.9, 19],
+            hex: '#12144F',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '14': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [238.4, 63.3, 11.8],
+            hex: '#0B0C31',
           },
           $type: 'color',
         $extensions: {
@@ -942,12 +3507,12 @@
         },
         },
       },
-      coral: {
+      plum: {
         '0': {
           $value: {
             colorSpace: 'hsl',
-            components: [10, 100, 96.5],
-            hex: '#fff0ed',
+            components: [283.8, 100, 99.7],
+            hex: '#fffdff',
           },
           $type: 'color',
         $extensions: {
@@ -959,8 +3524,8 @@
         '1': {
           $value: {
             colorSpace: 'hsl',
-            components: [9.9, 100, 85.7],
-            hex: '#ffc2b6',
+            components: [283.8, 100, 97.2],
+            hex: '#fbf1ff',
           },
           $type: 'color',
         $extensions: {
@@ -972,8 +3537,8 @@
         '2': {
           $value: {
             colorSpace: 'hsl',
-            components: [7.9, 100, 74.7],
-            hex: '#ff8f7e',
+            components: [283.8, 100, 94.7],
+            hex: '#f8e4ff',
           },
           $type: 'color',
         $extensions: {
@@ -982,11 +3547,11 @@
           },
         },
         },
-        '4': {
+        '3': {
           $value: {
             colorSpace: 'hsl',
-            components: [6.8, 83.9, 61],
-            hex: '#ef5b48',
+            components: [282.9, 96.1, 87.6],
+            hex: '#ecc1fe',
           },
           $type: 'color',
         $extensions: {
@@ -995,11 +3560,11 @@
           },
         },
         },
-        '3': {
+        '4': {
           $value: {
             colorSpace: 'hsl',
-            components: [5.4, 69.4, 47.5],
-            hex: '#cd3425',
+            components: [282.1, 91.3, 77.7],
+            hex: '#db92fa',
           },
           $type: 'color',
         $extensions: {
@@ -1011,8 +3576,8 @@
         '5': {
           $value: {
             colorSpace: 'hsl',
-            components: [2.9, 81.7, 34.3],
-            hex: '#9f1710',
+            components: [281.3, 87.5, 66.1],
+            hex: '#c55df4',
           },
           $type: 'color',
         $extensions: {
@@ -1024,8 +3589,8 @@
         '6': {
           $value: {
             colorSpace: 'hsl',
-            components: [0.5, 91.5, 27.6],
-            hex: '#870706',
+            components: [279.7, 84.5, 53],
+            hex: '#a822ec',
           },
           $type: 'color',
         $extensions: {
@@ -1037,8 +3602,8 @@
         '7': {
           $value: {
             colorSpace: 'hsl',
-            components: [356.7, 98.2, 22],
-            hex: '#6f0107',
+            components: [279.1, 80, 38.9],
+            hex: '#7b14b3',
           },
           $type: 'color',
         $extensions: {
@@ -1050,8 +3615,8 @@
         '8': {
           $value: {
             colorSpace: 'hsl',
-            components: [358.7, 100, 17.8],
-            hex: '#5b0002',
+            components: [277.9, 76, 32.7],
+            hex: '#641493',
           },
           $type: 'color',
         $extensions: {
@@ -1063,8 +3628,34 @@
         '9': {
           $value: {
             colorSpace: 'hsl',
-            components: [1.8, 100, 13.1],
-            hex: '#430200',
+            components: [277, 72, 26.6],
+            hex: '#4f1375',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '10': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [275.7, 67.6, 21.5],
+            hex: '#3e125c',
+          },
+          $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            "collection": "base/color/light-high-contrast",
+          },
+        },
+        },
+        '11': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [275.1, 64.1, 15.5],
+            hex: '#2c0e41',
           },
           $type: 'color',
         $extensions: {
diff --git a/src/tokens/base/color/light/light.json5 b/src/tokens/base/color/light/light.json5
index 068de90c6..28d570841 100644
--- a/src/tokens/base/color/light/light.json5
+++ b/src/tokens/base/color/light/light.json5
@@ -56,7 +56,2237 @@
       },
       neutral: {
         '0': {
-          $value: '{base.color.white}',
+          $value: '{base.color.gray.0}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '1': {
+          $value: '{base.color.gray.1}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '2': {
+          $value: '{base.color.gray.2}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '3': {
+          $value: '{base.color.gray.3}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '4': {
+          $value: '{base.color.gray.4}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '5': {
+          $value: '{base.color.gray.5}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '6': {
+          $value: '{base.color.gray.6}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '7': {
+          $value: '{base.color.gray.7}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '8': {
+          $value: '{base.color.gray.8}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '9': {
+          $value: '{base.color.gray.9}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '10': {
+          $value: '{base.color.gray.10}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '11': {
+          $value: '{base.color.gray.11}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '12': {
+          $value: '{base.color.gray.12}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '13': {
+          $value: '{base.color.gray.13}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '14': {
+          $value: '{base.color.gray.14}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+      },
+      blue: {
+        '0': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [207.3, 100, 97.8],
+            hex: '#F4FAFF',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '1': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [199.4, 100, 93.3],
+            hex: '#DDF4FF',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '2': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [201, 100, 92.2],
+            hex: '#D7F1FF',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '3': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [206.9, 100, 86.9],
+            hex: '#BCE1FF',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '4': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [201.6, 100, 77.6],
+            hex: '#8DD6FF',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '5': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [212, 100, 79.4],
+            hex: '#96C7FF',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '6': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [208.6, 100, 66.7],
+            hex: '#55AEFF',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '7': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [211, 100, 59.4],
+            hex: '#3094FF',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '8': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [212.5, 100, 58.4],
+            hex: '#2B8CFF',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '9': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [213.6, 100, 44.5],
+            hex: '#0064E3',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '10': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [216.1, 100, 41.8],
+            hex: '#0055D5',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '11': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [217, 100, 32.7],
+            hex: '#0040A7',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '12': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [216.9, 100, 23.9],
+            hex: '#002F7A',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '13': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [222.3, 100, 22],
+            hex: '#002170',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '14': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [218.2, 100, 15.1],
+            hex: '#001C4D',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+      },
+      green: {
+        '0': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [158.6, 53.8, 94.9],
+            hex: '#EBF9F4',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '1': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [136.9, 100, 87.5],
+            hex: '#BFFFD1',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '2': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [133.9, 95.3, 83.1],
+            hex: '#ABFDBE',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '3': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [135.3, 79.7, 74.9],
+            hex: '#8CF2A6',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '4': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [135.2, 79.8, 65.1],
+            hex: '#5FED83',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '5': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [133.4, 65, 59.6],
+            hex: '#55DB73',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '6': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [136, 85.4, 40.4],
+            hex: '#0FBF3E',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '7': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [140, 100, 31.8],
+            hex: '#00A236',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '8': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [136.5, 88.8, 28],
+            hex: '#08872B',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '9': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [138.6, 73, 27.6],
+            hex: '#137A33',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '10': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [144, 77.6, 22.7],
+            hex: '#0D6731',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '11': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [152, 68.2, 17.3],
+            hex: '#0E4A2E',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '12': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [153.6, 64.1, 15.3],
+            hex: '#0E402A',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '13': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [159.4, 57.4, 12],
+            hex: '#0D3024',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '14': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [151.1, 45.8, 11.6],
+            hex: '#102B1E',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+      },
+      yellow: {
+        '0': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [51.9, 100, 92.7],
+            hex: '#FFFADA',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '1': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [52.8, 100, 88.6],
+            hex: '#FFF8C5',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '2': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [49.1, 100, 80.6],
+            hex: '#FFED9C',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '3': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [49.4, 100, 73.3],
+            hex: '#FFE777',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '4': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [47.2, 100, 63.1],
+            hex: '#FFD743',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '5': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [43.7, 95.6, 55.5],
+            hex: '#FABF21',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '6': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [42.1, 82.3, 51.4],
+            hex: '#E9AC1D',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '7': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [43, 100, 42.9],
+            hex: '#DB9D00',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '8': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [39.5, 100, 37.3],
+            hex: '#BE7D00',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '9': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [36.4, 100, 31.4],
+            hex: '#A06100',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '10': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [33.2, 100, 25.5],
+            hex: '#824800',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '11': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [29.7, 100, 19.8],
+            hex: '#653200',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '12': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [28.7, 97.8, 18],
+            hex: '#5B2C01',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '13': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [26.2, 100, 13.9],
+            hex: '#471F00',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '14': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [26.2, 100, 10.8],
+            hex: '#371800',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+      },
+      orange: {
+        '0': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [27.7, 100, 97.5],
+            hex: '#FFF8F2',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '1': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [27.7, 100, 94.9],
+            hex: '#FFF1E5',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '2': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [25, 94.7, 92.5],
+            hex: '#FEE9DA',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '3': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [25.6, 91.9, 85.5],
+            hex: '#FCD5B8',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '4': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [25.9, 93.1, 82.9],
+            hex: '#FCCEAB',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '5': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [25.8, 91, 73.9],
+            hex: '#F9B480',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '6': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [26.2, 80.4, 62],
+            hex: '#EC9450',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '7': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [26.4, 85.8, 58.4],
+            hex: '#F08A3A',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '8': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [29.1, 86.3, 45.9],
+            hex: '#DA7210',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '9': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [28.9, 100, 33.3],
+            hex: '#AA5200',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '10': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [27.3, 97.4, 29.6],
+            hex: '#954502',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '11': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [26.3, 100, 22],
+            hex: '#703100',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '12': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [22.8, 100, 18],
+            hex: '#5C2300',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '13': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [20.3, 100, 15.1],
+            hex: '#4D1A00',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '14': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [19.4, 100, 13.9],
+            hex: '#471700',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+      },
+      red: {
+        '0': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [6.7, 100, 98.2],
+            hex: '#FFF7F6',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '1': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [8, 100, 97.1],
+            hex: '#FFF2F0',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '2': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [5.5, 100, 95.7],
+            hex: '#FFEBE9',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '3': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [3.5, 100, 89.8],
+            hex: '#FFCECB',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '4': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [3.5, 94.4, 85.9],
+            hex: '#FDBDB9',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '5': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [2.1, 100, 82.9],
+            hex: '#FFABA8',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '6': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [359.5, 100, 75.3],
+            hex: '#FF8182',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '7': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [358.7, 94.8, 62.5],
+            hex: '#FA4549',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '8': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [356.4, 77, 53.9],
+            hex: '#E42F3A',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '9': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [355.1, 71.8, 47.3],
+            hex: '#CF2230',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '10': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [349, 88.1, 36.3],
+            hex: '#AE0B29',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '11': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [347.8, 91.4, 27.5],
+            hex: '#860620',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '12': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [347, 100, 22.5],
+            hex: '#730019',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '13': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [348, 83.3, 18.8],
+            hex: '#580818',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '14': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [344.5, 100, 12.9],
+            hex: '#420011',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+      },
+      purple: {
+        '0': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [277.5, 100, 98.4],
+            hex: '#FCF7FF',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '1': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [274.3, 100, 97.3],
+            hex: '#F9F1FF',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '2': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [265.4, 100, 94.9],
+            hex: '#F0E5FF',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '3': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [268.6, 100, 91.8],
+            hex: '#E9D5FF',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '4': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [267.1, 93.9, 87.1],
+            hex: '#DBBFFD',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '5': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [270, 100, 85.1],
+            hex: '#D9B3FF',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '6': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [268.5, 96.2, 79.4],
+            hex: '#C898FD',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '7': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [270.2, 100, 72],
+            hex: '#B870FF',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '8': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [268.8, 100, 70.6],
+            hex: '#B169FF',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '9': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [265.4, 88.8, 57.8],
+            hex: '#8534F3',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '10': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [263.1, 80, 49],
+            hex: '#6619E1',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '11': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [259.9, 71.8, 44.5],
+            hex: '#5620C3',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '12': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [259.6, 74.6, 35.5],
+            hex: '#43179E',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '13': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [256.2, 69.6, 22],
+            hex: '#26115F',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '14': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [258.3, 100, 14.1],
+            hex: '#160048',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+      },
+      pink: {
+        '0': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [300, 100, 98.2],
+            hex: '#FFF6FF',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '1': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [312, 100, 97.1],
+            hex: '#FFF0FC',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '2': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [304.6, 100, 94.9],
+            hex: '#FFE5FD',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '3': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [314.4, 100, 89.4],
+            hex: '#FFC9F2',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '4': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [317.2, 95.9, 80.8],
+            hex: '#FD9FE2',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '5': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [318, 87, 72.9],
+            hex: '#F67ED2',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '6': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [320.9, 100, 64.5],
+            hex: '#FF4AC0',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '7': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [321.8, 94.1, 60.4],
+            hex: '#F93BB4',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '8': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [322.8, 86, 55.1],
+            hex: '#EF2AA4',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '9': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [324.1, 71.9, 46.1],
+            hex: '#CA2186',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '10': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [325.9, 57.7, 37.1],
+            hex: '#952866',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '11': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [326.2, 56, 32.9],
+            hex: '#83255A',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '12': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [325.8, 64.2, 24.1],
+            hex: '#651643',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '13': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [325.2, 64.6, 18.8],
+            hex: '#4F1135',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '14': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [324.7, 71.8, 13.9],
+            hex: '#3D0A28',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+      },
+      coral: {
+        '0': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [12, 100, 98],
+            hex: '#FFF7F5',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '1': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [15, 100, 96.1],
+            hex: '#FFF0EB',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '2': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [16, 100, 94.1],
+            hex: '#FFE9E1',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '3': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [14.5, 100, 88.6],
+            hex: '#FFD3C5',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '4': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [15.2, 100, 86.1],
+            hex: '#FFCAB8',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '5': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [16.9, 100, 78.4],
+            hex: '#FFB091',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '6': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [13.9, 100, 69.6],
+            hex: '#FF8864',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '7': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [10.8, 99.1, 57.1],
+            hex: '#FE4C25',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '8': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [10.9, 78.6, 49.4],
+            hex: '#E13F1B',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '9': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [11, 84.1, 42],
+            hex: '#C53211',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '10': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [9.5, 82, 34.9],
+            hex: '#A22710',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '11': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [8, 79, 28],
+            hex: '#801E0F',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '12': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [10.1, 79.8, 23.3],
+            hex: '#6B1C0C',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '13': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [9.3, 95.5, 17.3],
+            hex: '#560F02',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '14': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [7.5, 100, 15.7],
+            hex: '#500A00',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+      },
+      gray: {
+        '0': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [120, 20, 98],
+            hex: '#F9FBF9',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '1': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [132, 23.8, 95.9],
+            hex: '#F2F7F3',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '2': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [137.1, 18.9, 92.7],
+            hex: '#E9F0EB',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '3': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [132, 13.9, 85.9],
+            hex: '#D6E0D8',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '4': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [130.9, 11.8, 81.8],
+            hex: '#CBD6CD',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '5': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [140, 9.2, 74.5],
+            hex: '#B8C4BC',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '6': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [135, 6.5, 63.5],
+            hex: '#9CA89F',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '7': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [135, 5.2, 54.5],
+            hex: '#859188',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '8': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [135, 5.3, 44.7],
+            hex: '#6C786F',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '9': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [135, 5.8, 40.4],
+            hex: '#616D64',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '10': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [136.4, 5.9, 36.7],
+            hex: '#58635B',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '11': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [133.3, 7.3, 24.1],
+            hex: '#39423B',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '12': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [137.1, 6.2, 22.2],
+            hex: '#353C37',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '13': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [140, 7.5, 15.7],
+            hex: '#252B27',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '14': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [140, 10.7, 11],
+            hex: '#191F1B',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+      },
+      auburn: {
+        '0': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [0.0, 10.3, 97.2],
+            hex: '#f9f7f7',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '1': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [0.0, 18.0, 95.3],
+            hex: '#f5f1f1',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '2': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [0.0, 25.7, 93.1],
+            hex: '#f2e9e9',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '3': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [3.5, 25.4, 86.9],
+            hex: '#e6d6d5',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '4': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [3.9, 26.5, 77.1],
+            hex: '#d4b7b5',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '5': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [4.3, 26.6, 69.0],
+            hex: '#c59e9b',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '6': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [4.4, 26.5, 60.0],
+            hex: '#b4827e',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '7': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [4.6, 26.1, 48.8],
+            hex: '#9d615c',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '8': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [4.2, 26.0, 42.9],
+            hex: '#8a5551',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '9': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [3.8, 26.1, 36.1],
+            hex: '#744744',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '10': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [3.2, 25.7, 29.0],
+            hex: '#5d3937',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '11': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [2.2, 25.2, 21.0],
+            hex: '#432928',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+      },
+      brown: {
+        '0': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [40.0, 10.4, 96.6],
+            hex: '#f7f7f5',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '1': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [40.0, 18.3, 94.2],
+            hex: '#f3f1ee',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '2': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [40.0, 26.1, 91.0],
+            hex: '#eeeae2',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '3': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [39.1, 26.4, 82.9],
+            hex: '#dfd7c8',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '4': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [38.5, 27.3, 72.0],
+            hex: '#cbbda4',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '5': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [36.9, 26.8, 62.0],
+            hex: '#b8a484',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '6': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [35.5, 27.0, 52.2],
+            hex: '#a68b64',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '7': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [34.7, 27.3, 41.0],
+            hex: '#856d4c',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '8': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [33.6, 27.2, 36.1],
+            hex: '#755f43',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '9': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [32.9, 26.6, 31.0],
+            hex: '#64513a',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '10': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [31.8, 26.6, 25.1],
+            hex: '#51412f',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '11': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [30.0, 26.1, 18.0],
+            hex: '#3a2e22',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+      },
+      lemon: {
+        '0': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [54.5, 94.3, 93.1],
+            hex: '#FEFBDD',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -67,8 +2297,8 @@
         '1': {
           $value: {
             colorSpace: 'hsl',
-            components: [210, 28.6, 97.3],
-            hex: '#F6F8FA',
+            components: [53.5, 94.9, 84.7],
+            hex: '#FDF5B3',
           },
           $type: 'color',
           $extensions: {
@@ -80,8 +2310,8 @@
         '2': {
           $value: {
             colorSpace: 'hsl',
-            components: [210, 23.1, 94.9],
-            hex: '#EFF2F5',
+            components: [51.1, 98.2, 78.4],
+            hex: '#FEEE92',
           },
           $type: 'color',
           $extensions: {
@@ -93,8 +2323,8 @@
         '3': {
           $value: {
             colorSpace: 'hsl',
-            components: [213.3, 22, 92],
-            hex: '#E6EAEF',
+            components: [52.2, 87.3, 69],
+            hex: '#F5E36B',
           },
           $type: 'color',
           $extensions: {
@@ -106,8 +2336,8 @@
         '4': {
           $value: {
             colorSpace: 'hsl',
-            components: [207.3, 21.6, 90],
-            hex: '#E0E6EB',
+            components: [52.1, 87.6, 59],
+            hex: '#F2DA3B',
           },
           $type: 'color',
           $extensions: {
@@ -119,8 +2349,8 @@
         '5': {
           $value: {
             colorSpace: 'hsl',
-            components: [212.3, 21.3, 88],
-            hex: '#DAE0E7',
+            components: [52, 87.5, 47.1],
+            hex: '#E1C50F',
           },
           $type: 'color',
           $extensions: {
@@ -132,8 +2362,8 @@
         '6': {
           $value: {
             colorSpace: 'hsl',
-            components: [208, 19.5, 84.9],
-            hex: '#D1D9E0',
+            components: [49.5, 89.5, 41.2],
+            hex: '#C7A60B',
           },
           $type: 'color',
           $extensions: {
@@ -145,8 +2375,8 @@
         '7': {
           $value: {
             colorSpace: 'hsl',
-            components: [210, 19.6, 82],
-            hex: '#C8D1DA',
+            components: [48.2, 93.1, 34.3],
+            hex: '#A98906',
           },
           $type: 'color',
           $extensions: {
@@ -158,8 +2388,8 @@
         '8': {
           $value: {
             colorSpace: 'hsl',
-            components: [213.9, 10, 55.1],
-            hex: '#818B98',
+            components: [49.1, 96, 29.2],
+            hex: '#927803',
           },
           $type: 'color',
           $extensions: {
@@ -171,8 +2401,8 @@
         '9': {
           $value: {
             colorSpace: 'hsl',
-            components: [211.4, 10.6, 39],
-            hex: '#59636E',
+            components: [48.5, 95.4, 25.7],
+            hex: '#806803',
           },
           $type: 'color',
           $extensions: {
@@ -184,8 +2414,8 @@
         '10': {
           $value: {
             colorSpace: 'hsl',
-            components: [212, 9.8, 30],
-            hex: '#454C54',
+            components: [47.1, 100, 21],
+            hex: '#6B5400',
           },
           $type: 'color',
           $extensions: {
@@ -197,8 +2427,8 @@
         '11': {
           $value: {
             colorSpace: 'hsl',
-            components: [212.3, 10.2, 24.9],
-            hex: '#393F46',
+            components: [47.5, 98, 19.2],
+            hex: '#614D01',
           },
           $type: 'color',
           $extensions: {
@@ -210,8 +2440,8 @@
         '12': {
           $value: {
             colorSpace: 'hsl',
-            components: [213.3, 10.8, 16.3],
-            hex: '#25292E',
+            components: [46.2, 100, 12.7],
+            hex: '#413200',
           },
           $type: 'color',
           $extensions: {
@@ -221,7 +2451,24 @@
           },
         },
         '13': {
-          $value: '{base.color.black}',
+          $value: {
+            colorSpace: 'hsl',
+            components: [43.2, 100, 9.8],
+            hex: '#322400',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '14': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [43.3, 100, 7.1],
+            hex: '#241A00',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -230,12 +2477,12 @@
           },
         },
       },
-      blue: {
+      olive: {
         '0': {
           $value: {
             colorSpace: 'hsl',
-            components: [199.4, 100, 93.3],
-            hex: '#ddf4ff',
+            components: [60.0, 69.1, 94.1],
+            hex: '#fafae6',
           },
           $type: 'color',
           $extensions: {
@@ -247,8 +2494,8 @@
         '1': {
           $value: {
             colorSpace: 'hsl',
-            components: [203, 100, 85.7],
-            hex: '#b6e3ff',
+            components: [60.0, 69.1, 89.2],
+            hex: '#f6f6d0',
           },
           $type: 'color',
           $extensions: {
@@ -260,8 +2507,8 @@
         '2': {
           $value: {
             colorSpace: 'hsl',
-            components: [204.1, 100, 75.1],
-            hex: '#80ccff',
+            components: [60.0, 69.1, 81.0],
+            hex: '#f0f0ad',
           },
           $type: 'color',
           $extensions: {
@@ -273,8 +2520,8 @@
         '3': {
           $value: {
             colorSpace: 'hsl',
-            components: [208.4, 100, 66.5],
-            hex: '#54aeff',
+            components: [63.2, 65.3, 66.1],
+            hex: '#dbe170',
           },
           $type: 'color',
           $extensions: {
@@ -286,8 +2533,8 @@
         '4': {
           $value: {
             colorSpace: 'hsl',
-            components: [211.4, 100, 56.5],
-            hex: '#218bff',
+            components: [66.0, 60.0, 49.0],
+            hex: '#b9c832',
           },
           $type: 'color',
           $extensions: {
@@ -299,8 +2546,8 @@
         '5': {
           $value: {
             colorSpace: 'hsl',
-            components: [212.4, 92.1, 44.5],
-            hex: '#0969da',
+            components: [69.2, 55.4, 43.9],
+            hex: '#9bae32',
           },
           $type: 'color',
           $extensions: {
@@ -312,8 +2559,8 @@
         '6': {
           $value: {
             colorSpace: 'hsl',
-            components: [213.4, 94.4, 35.1],
-            hex: '#0550ae',
+            components: [72.1, 49.7, 39.0],
+            hex: '#819532',
           },
           $type: 'color',
           $extensions: {
@@ -325,8 +2572,8 @@
         '7': {
           $value: {
             colorSpace: 'hsl',
-            components: [214.4, 95.8, 27.8],
-            hex: '#033d8b',
+            components: [74.8, 44.8, 32.0],
+            hex: '#64762d',
           },
           $type: 'color',
           $extensions: {
@@ -338,8 +2585,8 @@
         '8': {
           $value: {
             colorSpace: 'hsl',
-            components: [216, 82.6, 22.5],
-            hex: '#0a3069',
+            components: [78.0, 40.5, 29.0],
+            hex: '#56682c',
           },
           $type: 'color',
           $extensions: {
@@ -351,8 +2598,34 @@
         '9': {
           $value: {
             colorSpace: 'hsl',
-            components: [216.7, 100, 16.7],
-            hex: '#002155',
+            components: [81.7, 35.3, 26.1],
+            hex: '#495a2b',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '10': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [84.7, 30.4, 22.0],
+            hex: '#3b4927',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '11': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [87.0, 24.4, 16.1],
+            hex: '#2a331f',
           },
           $type: 'color',
           $extensions: {
@@ -362,12 +2635,12 @@
           },
         },
       },
-      green: {
+      lime: {
         '0': {
           $value: {
             colorSpace: 'hsl',
-            components: [132.7, 80.5, 92],
-            hex: '#dafbe1',
+            components: [72.2, 100, 89.4],
+            hex: '#F4FFC9',
           },
           $type: 'color',
           $extensions: {
@@ -379,8 +2652,8 @@
         '1': {
           $value: {
             colorSpace: 'hsl',
-            components: [133.6, 66, 80.4],
-            hex: '#aceebb',
+            components: [71.9, 95.6, 82.4],
+            hex: '#ECFDA7',
           },
           $type: 'color',
           $extensions: {
@@ -392,8 +2665,8 @@
         '2': {
           $value: {
             colorSpace: 'hsl',
-            components: [135.3, 61.8, 65.1],
-            hex: '#6fdd8b',
+            components: [72.2, 93.6, 69.2],
+            hex: '#DCFA67',
           },
           $type: 'color',
           $extensions: {
@@ -405,8 +2678,8 @@
         '3': {
           $value: {
             colorSpace: 'hsl',
-            components: [136.5, 49.6, 52.5],
-            hex: '#4ac26b',
+            components: [71.9, 78.8, 61.2],
+            hex: '#CBEA4E',
           },
           $type: 'color',
           $extensions: {
@@ -418,8 +2691,8 @@
         '4': {
           $value: {
             colorSpace: 'hsl',
-            components: [136.6, 56.9, 41],
-            hex: '#2da44e',
+            components: [74.5, 73.4, 51.4],
+            hex: '#B2DE28',
           },
           $type: 'color',
           $extensions: {
@@ -431,8 +2704,8 @@
         '5': {
           $value: {
             colorSpace: 'hsl',
-            components: [137.2, 66, 30],
-            hex: '#1a7f37',
+            components: [74.5, 62.5, 50.8],
+            hex: '#AAD033',
           },
           $type: 'color',
           $extensions: {
@@ -444,8 +2717,8 @@
         '6': {
           $value: {
             colorSpace: 'hsl',
-            components: [137.6, 70.7, 22.7],
-            hex: '#116329',
+            components: [76.8, 67, 42.7],
+            hex: '#8DB624',
           },
           $type: 'color',
           $extensions: {
@@ -457,8 +2730,8 @@
         '7': {
           $value: {
             colorSpace: 'hsl',
-            components: [140.8, 90.4, 16.3],
-            hex: '#044f1e',
+            components: [78.5, 67.2, 35.9],
+            hex: '#73991E',
           },
           $type: 'color',
           $extensions: {
@@ -470,8 +2743,8 @@
         '8': {
           $value: {
             colorSpace: 'hsl',
-            components: [141.6, 100, 12],
-            hex: '#003d16',
+            components: [78.7, 72.1, 32.4],
+            hex: '#698E17',
           },
           $type: 'color',
           $extensions: {
@@ -483,8 +2756,8 @@
         '9': {
           $value: {
             colorSpace: 'hsl',
-            components: [142.7, 100, 8.8],
-            hex: '#002d11',
+            components: [81.8, 61.1, 28.2],
+            hex: '#54741C',
           },
           $type: 'color',
           $extensions: {
@@ -493,13 +2766,11 @@
             },
           },
         },
-      },
-      yellow: {
-        '0': {
+        '10': {
           $value: {
             colorSpace: 'hsl',
-            components: [52.8, 100, 88.6],
-            hex: '#fff8c5',
+            components: [83.8, 61.3, 23.3],
+            hex: '#436017',
           },
           $type: 'color',
           $extensions: {
@@ -508,11 +2779,11 @@
             },
           },
         },
-        '1': {
+        '11': {
           $value: {
             colorSpace: 'hsl',
-            components: [48, 92.6, 73.5],
-            hex: '#fae17d',
+            components: [85.2, 60.8, 20],
+            hex: '#385214',
           },
           $type: 'color',
           $extensions: {
@@ -521,11 +2792,11 @@
             },
           },
         },
-        '2': {
+        '12': {
           $value: {
             colorSpace: 'hsl',
-            components: [45.7, 78.7, 61.4],
-            hex: '#eac54f',
+            components: [83.8, 87.9, 12.9],
+            hex: '#273E04',
           },
           $type: 'color',
           $extensions: {
@@ -534,11 +2805,11 @@
             },
           },
         },
-        '3': {
+        '13': {
           $value: {
             colorSpace: 'hsl',
-            components: [43.9, 66.1, 50.2],
-            hex: '#d4a72c',
+            components: [86.1, 95.8, 9.4],
+            hex: '#1B2F01',
           },
           $type: 'color',
           $extensions: {
@@ -547,11 +2818,11 @@
             },
           },
         },
-        '4': {
+        '14': {
           $value: {
             colorSpace: 'hsl',
-            components: [42.4, 100, 37.5],
-            hex: '#bf8700',
+            components: [87.9, 95.6, 8.8],
+            hex: '#182C01',
           },
           $type: 'color',
           $extensions: {
@@ -560,11 +2831,13 @@
             },
           },
         },
-        '5': {
+      },
+      pine: {
+        '0': {
           $value: {
             colorSpace: 'hsl',
-            components: [40.1, 100, 30.2],
-            hex: '#9a6700',
+            components: [149.5, 80.3, 95.4],
+            hex: '#eafdf3',
           },
           $type: 'color',
           $extensions: {
@@ -573,11 +2846,11 @@
             },
           },
         },
-        '6': {
+        '1': {
           $value: {
             colorSpace: 'hsl',
-            components: [37.4, 100, 24.5],
-            hex: '#7d4e00',
+            components: [149.5, 80.3, 91.8],
+            hex: '#d9fbea',
           },
           $type: 'color',
           $extensions: {
@@ -586,11 +2859,11 @@
             },
           },
         },
-        '7': {
+        '2': {
           $value: {
             colorSpace: 'hsl',
-            components: [36.1, 98, 19.6],
-            hex: '#633c01',
+            components: [149.5, 80.3, 86.1],
+            hex: '#bff8db',
           },
           $type: 'color',
           $extensions: {
@@ -599,11 +2872,11 @@
             },
           },
         },
-        '8': {
+        '3': {
           $value: {
             colorSpace: 'hsl',
-            components: [35.1, 100, 15.1],
-            hex: '#4d2d00',
+            components: [150.8, 77.6, 72.0],
+            hex: '#80efb9',
           },
           $type: 'color',
           $extensions: {
@@ -612,11 +2885,11 @@
             },
           },
         },
-        '9': {
+        '4': {
           $value: {
             colorSpace: 'hsl',
-            components: [35.6, 100, 11.6],
-            hex: '#3b2300',
+            components: [152.3, 76.2, 47.8],
+            hex: '#1dd781',
           },
           $type: 'color',
           $extensions: {
@@ -625,13 +2898,11 @@
             },
           },
         },
-      },
-      orange: {
-        '0': {
+        '5': {
           $value: {
             colorSpace: 'hsl',
-            components: [27.7, 100, 94.9],
-            hex: '#fff1e5',
+            components: [153.0, 73.6, 43.1],
+            hex: '#1dbf76',
           },
           $type: 'color',
           $extensions: {
@@ -640,11 +2911,11 @@
             },
           },
         },
-        '1': {
+        '6': {
           $value: {
             colorSpace: 'hsl',
-            components: [28.4, 100, 85.5],
-            hex: '#ffd8b5',
+            components: [154.0, 72.3, 36.9],
+            hex: '#1aa267',
           },
           $type: 'color',
           $extensions: {
@@ -653,11 +2924,11 @@
             },
           },
         },
-        '2': {
+        '7': {
           $value: {
             colorSpace: 'hsl',
-            components: [27, 100, 74.3],
-            hex: '#ffb77c',
+            components: [155.2, 70.3, 29.0],
+            hex: '#167e53',
           },
           $type: 'color',
           $extensions: {
@@ -666,11 +2937,11 @@
             },
           },
         },
-        '3': {
+        '8': {
           $value: {
             colorSpace: 'hsl',
-            components: [24.6, 95.8, 62.5],
-            hex: '#fb8f44',
+            components: [156.0, 68.2, 25.9],
+            hex: '#156f4b',
           },
           $type: 'color',
           $extensions: {
@@ -679,11 +2950,11 @@
             },
           },
         },
-        '4': {
+        '9': {
           $value: {
             colorSpace: 'hsl',
-            components: [23.8, 75.9, 51.2],
-            hex: '#e16f24',
+            components: [157.3, 66.1, 22.0],
+            hex: '#135d41',
           },
           $type: 'color',
           $extensions: {
@@ -692,11 +2963,11 @@
             },
           },
         },
-        '5': {
+        '10': {
           $value: {
             colorSpace: 'hsl',
-            components: [24.3, 100, 36.9],
-            hex: '#bc4c00',
+            components: [158.3, 63.0, 18.0],
+            hex: '#114b36',
           },
           $type: 'color',
           $extensions: {
@@ -705,11 +2976,11 @@
             },
           },
         },
-        '6': {
+        '11': {
           $value: {
             colorSpace: 'hsl',
-            components: [22.6, 100, 29.2],
-            hex: '#953800',
+            components: [158.0, 61.2, 13.1],
+            hex: '#0d3627',
           },
           $type: 'color',
           $extensions: {
@@ -718,11 +2989,13 @@
             },
           },
         },
-        '7': {
+      },
+      teal: {
+        '0': {
           $value: {
             colorSpace: 'hsl',
-            components: [22.4, 100, 23.1],
-            hex: '#762c00',
+            components: [171.7, 100, 94.3],
+            hex: '#E2FFFB',
           },
           $type: 'color',
           $extensions: {
@@ -731,11 +3004,11 @@
             },
           },
         },
-        '8': {
+        '1': {
           $value: {
             colorSpace: 'hsl',
-            components: [22.2, 100, 18],
-            hex: '#5c2200',
+            components: [172.3, 72.1, 91.6],
+            hex: '#DAF9F5',
           },
           $type: 'color',
           $extensions: {
@@ -744,11 +3017,11 @@
             },
           },
         },
-        '9': {
+        '2': {
           $value: {
             colorSpace: 'hsl',
-            components: [19.4, 100, 13.9],
-            hex: '#471700',
+            components: [173.1, 89.7, 84.7],
+            hex: '#B5FBF3',
           },
           $type: 'color',
           $extensions: {
@@ -757,13 +3030,11 @@
             },
           },
         },
-      },
-      red: {
-        '0': {
+        '3': {
           $value: {
             colorSpace: 'hsl',
-            components: [5.5, 100, 95.7],
-            hex: '#ffebe9',
+            components: [174.4, 70.1, 79],
+            hex: '#A4EFE8',
           },
           $type: 'color',
           $extensions: {
@@ -772,11 +3043,11 @@
             },
           },
         },
-        '1': {
+        '4': {
           $value: {
             colorSpace: 'hsl',
-            components: [3.5, 100, 89.8],
-            hex: '#ffcecb',
+            components: [175.5, 69.6, 66.5],
+            hex: '#6EE5DC',
           },
           $type: 'color',
           $extensions: {
@@ -785,11 +3056,11 @@
             },
           },
         },
-        '2': {
+        '5': {
           $value: {
             colorSpace: 'hsl',
-            components: [2.1, 100, 82.9],
-            hex: '#ffaba8',
+            components: [177, 68.5, 53.9],
+            hex: '#39DAD2',
           },
           $type: 'color',
           $extensions: {
@@ -798,11 +3069,11 @@
             },
           },
         },
-        '3': {
+        '6': {
           $value: {
             colorSpace: 'hsl',
-            components: [359.5, 100, 75.3],
-            hex: '#ff8182',
+            components: [179.1, 57.6, 46.3],
+            hex: '#32BAB8',
           },
           $type: 'color',
           $extensions: {
@@ -811,11 +3082,11 @@
             },
           },
         },
-        '4': {
+        '7': {
           $value: {
             colorSpace: 'hsl',
-            components: [358.7, 94.8, 62.5],
-            hex: '#fa4549',
+            components: [179.5, 62.5, 37.6],
+            hex: '#249C9B',
           },
           $type: 'color',
           $extensions: {
@@ -824,11 +3095,11 @@
             },
           },
         },
-        '5': {
+        '8': {
           $value: {
             colorSpace: 'hsl',
-            components: [355.8, 71.8, 47.3],
-            hex: '#cf222e',
+            components: [180.5, 75.7, 29],
+            hex: '#128182',
           },
           $type: 'color',
           $extensions: {
@@ -837,11 +3108,11 @@
             },
           },
         },
-        '6': {
+        '9': {
           $value: {
             colorSpace: 'hsl',
-            components: [350.4, 84.3, 34.9],
-            hex: '#a40e26',
+            components: [180, 66.2, 29],
+            hex: '#197B7B',
           },
           $type: 'color',
           $extensions: {
@@ -850,11 +3121,11 @@
             },
           },
         },
-        '7': {
+        '10': {
           $value: {
             colorSpace: 'hsl',
-            components: [348.8, 89.8, 26.9],
-            hex: '#82071e',
+            components: [180.8, 67.2, 22.7],
+            hex: '#136061',
           },
           $type: 'color',
           $extensions: {
@@ -863,11 +3134,11 @@
             },
           },
         },
-        '8': {
+        '11': {
           $value: {
             colorSpace: 'hsl',
-            components: [345.9, 100, 20],
-            hex: '#660018',
+            components: [181.6, 94.9, 15.5],
+            hex: '#024B4D',
           },
           $type: 'color',
           $extensions: {
@@ -876,11 +3147,37 @@
             },
           },
         },
-        '9': {
+        '12': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [180, 76.8, 13.5],
+            hex: '#083D3D',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '13': {
           $value: {
             colorSpace: 'hsl',
-            components: [344.2, 100, 14.9],
-            hex: '#4c0014',
+            components: [181.3, 84.9, 10.4],
+            hex: '#043031',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '14': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [181.5, 79.6, 9.6],
+            hex: '#052B2C',
           },
           $type: 'color',
           $extensions: {
@@ -890,12 +3187,12 @@
           },
         },
       },
-      purple: {
+      cyan: {
         '0': {
           $value: {
             colorSpace: 'hsl',
-            components: [285, 100, 96.9],
-            hex: '#fbefff',
+            components: [190.0, 100.0, 95.7],
+            hex: '#e9fbff',
           },
           $type: 'color',
           $extensions: {
@@ -907,8 +3204,8 @@
         '1': {
           $value: {
             colorSpace: 'hsl',
-            components: [270.8, 100, 92.4],
-            hex: '#ecd8ff',
+            components: [190.0, 100.0, 92.3],
+            hex: '#d8f8ff',
           },
           $type: 'color',
           $extensions: {
@@ -920,8 +3217,8 @@
         '2': {
           $value: {
             colorSpace: 'hsl',
-            components: [266.6, 100, 86.3],
-            hex: '#d8b9ff',
+            components: [190.0, 100.0, 87.1],
+            hex: '#bdf4ff',
           },
           $type: 'color',
           $extensions: {
@@ -933,8 +3230,8 @@
         '3': {
           $value: {
             colorSpace: 'hsl',
-            components: [264.8, 100, 79.6],
-            hex: '#c297ff',
+            components: [189.9, 100.0, 73.9],
+            hex: '#7ae9ff',
           },
           $type: 'color',
           $extensions: {
@@ -946,8 +3243,8 @@
         '4': {
           $value: {
             colorSpace: 'hsl',
-            components: [261.4, 91.7, 71.8],
-            hex: '#a475f9',
+            components: [190.1, 100.0, 49.0],
+            hex: '#00d0fa',
           },
           $type: 'color',
           $extensions: {
@@ -959,8 +3256,8 @@
         '5': {
           $value: {
             colorSpace: 'hsl',
-            components: [261, 69.1, 59.4],
-            hex: '#8250df',
+            components: [189.9, 100.0, 42.9],
+            hex: '#00b7db',
           },
           $type: 'color',
           $extensions: {
@@ -972,8 +3269,8 @@
         '6': {
           $value: {
             colorSpace: 'hsl',
-            components: [260.9, 53.1, 47.6],
-            hex: '#6639ba',
+            components: [190.1, 100.0, 36.1],
+            hex: '#0099b8',
           },
           $type: 'color',
           $extensions: {
@@ -985,8 +3282,8 @@
         '7': {
           $value: {
             colorSpace: 'hsl',
-            components: [261.5, 56.5, 37.8],
-            hex: '#512a97',
+            components: [190.1, 100.0, 29.0],
+            hex: '#007b94',
           },
           $type: 'color',
           $extensions: {
@@ -998,8 +3295,8 @@
         '8': {
           $value: {
             colorSpace: 'hsl',
-            components: [260.7, 59.2, 29.8],
-            hex: '#3e1f79',
+            components: [190.3, 100.0, 25.1],
+            hex: '#006a80',
           },
           $type: 'color',
           $extensions: {
@@ -1011,8 +3308,34 @@
         '9': {
           $value: {
             colorSpace: 'hsl',
-            components: [260.3, 65.8, 22.9],
-            hex: '#2e1461',
+            components: [190.1, 100.0, 21.0],
+            hex: '#00596b',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '10': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [190.3, 100.0, 17.1],
+            hex: '#004857',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '11': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [190.0, 100.0, 12.9],
+            hex: '#003742',
           },
           $type: 'color',
           $extensions: {
@@ -1022,12 +3345,12 @@
           },
         },
       },
-      pink: {
+      indigo: {
         '0': {
           $value: {
             colorSpace: 'hsl',
-            components: [330, 100, 96.9],
-            hex: '#ffeff7',
+            components: [225, 100, 98.4],
+            hex: '#F7F9FF',
           },
           $type: 'color',
           $extensions: {
@@ -1039,8 +3362,8 @@
         '1': {
           $value: {
             colorSpace: 'hsl',
-            components: [327.3, 100, 91.4],
-            hex: '#ffd3eb',
+            components: [228.8, 100, 96.9],
+            hex: '#EFF2FF',
           },
           $type: 'color',
           $extensions: {
@@ -1052,8 +3375,8 @@
         '2': {
           $value: {
             colorSpace: 'hsl',
-            components: [327.1, 100, 83.9],
-            hex: '#ffadda',
+            components: [226.4, 91.7, 95.3],
+            hex: '#E8EDFE',
           },
           $type: 'color',
           $extensions: {
@@ -1065,8 +3388,8 @@
         '3': {
           $value: {
             colorSpace: 'hsl',
-            components: [326, 100, 75.1],
-            hex: '#ff80c8',
+            components: [230.2, 100, 91.6],
+            hex: '#D4DBFF',
           },
           $type: 'color',
           $extensions: {
@@ -1078,8 +3401,8 @@
         '4': {
           $value: {
             colorSpace: 'hsl',
-            components: [324.9, 75.5, 63.1],
-            hex: '#e85aad',
+            components: [228.6, 94.9, 84.7],
+            hex: '#B3C1FD',
           },
           $type: 'color',
           $extensions: {
@@ -1091,8 +3414,8 @@
         '5': {
           $value: {
             colorSpace: 'hsl',
-            components: [324.2, 54, 48.6],
-            hex: '#bf3989',
+            components: [228.9, 75.4, 76.1],
+            hex: '#94A5F0',
           },
           $type: 'color',
           $extensions: {
@@ -1104,8 +3427,8 @@
         '6': {
           $value: {
             colorSpace: 'hsl',
-            components: [322.8, 58.5, 37.8],
-            hex: '#99286e',
+            components: [231.4, 86.8, 76.3],
+            hex: '#8E9DF7',
           },
           $type: 'color',
           $extensions: {
@@ -1117,8 +3440,8 @@
         '7': {
           $value: {
             colorSpace: 'hsl',
-            components: [322.1, 57.6, 29.6],
-            hex: '#772057',
+            components: [231.5, 75.9, 69],
+            hex: '#7485EC',
           },
           $type: 'color',
           $extensions: {
@@ -1130,8 +3453,8 @@
         '8': {
           $value: {
             colorSpace: 'hsl',
-            components: [320, 67.2, 22.7],
-            hex: '#611347',
+            components: [232.7, 80.5, 67.8],
+            hex: '#6B7BEF',
           },
           $type: 'color',
           $extensions: {
@@ -1143,8 +3466,73 @@
         '9': {
           $value: {
             colorSpace: 'hsl',
-            components: [318.6, 92.5, 15.7],
-            hex: '#4d0336',
+            components: [235, 75, 59.2],
+            hex: '#4956E5',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '10': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [234.4, 68, 51],
+            hex: '#2D3DD7',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '11': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [236.9, 64.2, 41.6],
+            hex: '#262DAE',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '12': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [240, 59.8, 32.2],
+            hex: '#212183',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '13': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [238.5, 57.4, 26.7],
+            hex: '#1D1F6B',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '14': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [238, 62.9, 19],
+            hex: '#12144F',
           },
           $type: 'color',
           $extensions: {
@@ -1154,12 +3542,12 @@
           },
         },
       },
-      coral: {
+      plum: {
         '0': {
           $value: {
             colorSpace: 'hsl',
-            components: [15, 100, 96.1],
-            hex: '#fff0eb',
+            components: [283.8, 100.0, 97.6],
+            hex: '#fcf3ff',
           },
           $type: 'color',
           $extensions: {
@@ -1171,8 +3559,8 @@
         '1': {
           $value: {
             colorSpace: 'hsl',
-            components: [11.8, 100, 90],
-            hex: '#ffd6cc',
+            components: [283.8, 100.0, 96.2],
+            hex: '#faecff',
           },
           $type: 'color',
           $extensions: {
@@ -1184,8 +3572,8 @@
         '2': {
           $value: {
             colorSpace: 'hsl',
-            components: [12.1, 100, 81.6],
-            hex: '#ffb4a1',
+            components: [283.8, 100.0, 94.9],
+            hex: '#f8e5ff',
           },
           $type: 'color',
           $extensions: {
@@ -1197,8 +3585,8 @@
         '3': {
           $value: {
             colorSpace: 'hsl',
-            components: [10.9, 97.2, 72.2],
-            hex: '#fd8c73',
+            components: [282.9, 96.1, 90.0],
+            hex: '#f0cdfe',
           },
           $type: 'color',
           $extensions: {
@@ -1210,8 +3598,8 @@
         '4': {
           $value: {
             colorSpace: 'hsl',
-            components: [10.9, 81.3, 60.2],
-            hex: '#ec6547',
+            components: [282.1, 91.3, 82.0],
+            hex: '#e2a7fb',
           },
           $type: 'color',
           $extensions: {
@@ -1223,8 +3611,8 @@
         '5': {
           $value: {
             colorSpace: 'hsl',
-            components: [9.4, 64, 46.9],
-            hex: '#c4432b',
+            components: [281.3, 87.5, 74.9],
+            hex: '#d487f7',
           },
           $type: 'color',
           $extensions: {
@@ -1236,8 +3624,8 @@
         '6': {
           $value: {
             colorSpace: 'hsl',
-            components: [8.8, 69.9, 36.5],
-            hex: '#9e2f1c',
+            components: [279.7, 84.5, 67.1],
+            hex: '#c264f2',
           },
           $type: 'color',
           $extensions: {
@@ -1249,8 +3637,8 @@
         '7': {
           $value: {
             colorSpace: 'hsl',
-            components: [8.5, 79, 28],
-            hex: '#801f0f',
+            components: [279.1, 80.0, 54.9],
+            hex: '#a830e8',
           },
           $type: 'color',
           $extensions: {
@@ -1262,8 +3650,8 @@
         '8': {
           $value: {
             colorSpace: 'hsl',
-            components: [7.2, 90.9, 21.6],
-            hex: '#691105',
+            components: [277.9, 76.0, 49.0],
+            hex: '#961edc',
           },
           $type: 'color',
           $extensions: {
@@ -1275,8 +3663,34 @@
         '9': {
           $value: {
             colorSpace: 'hsl',
-            components: [6, 97.6, 16.1],
-            hex: '#510901',
+            components: [277.0, 72.0, 42.0],
+            hex: '#7d1eb8',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '10': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [275.7, 67.6, 35.1],
+            hex: '#651d96',
+          },
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'base/color/light',
+            },
+          },
+        },
+        '11': {
+          $value: {
+            colorSpace: 'hsl',
+            components: [275.1, 64.1, 25.1],
+            hex: '#471769',
           },
           $type: 'color',
           $extensions: {
diff --git a/src/tokens/component/avatar.json5 b/src/tokens/component/avatar.json5
index 3c42d2165..903491015 100644
--- a/src/tokens/component/avatar.json5
+++ b/src/tokens/component/avatar.json5
@@ -13,7 +13,7 @@
         },
         'org.primer.overrides': {
           dark: {
-            '$value': '{base.color.neutral.13}',
+            '$value': '{base.color.neutral.11}',
             alpha: 0.1
           }
         }
diff --git a/src/tokens/component/avatarStack.json5 b/src/tokens/component/avatarStack.json5
index 86b588173..702edbb59 100644
--- a/src/tokens/component/avatarStack.json5
+++ b/src/tokens/component/avatarStack.json5
@@ -3,7 +3,7 @@
     fade: {
       bgColor: {
         default: {
-          $value: '{base.color.neutral.7}',
+          $value: '{base.color.neutral.5}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -14,7 +14,7 @@
           },
         },
         muted: {
-          $value: '{base.color.neutral.5}',
+          $value: '{base.color.neutral.4}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
diff --git a/src/tokens/component/button.json5 b/src/tokens/component/button.json5
index a1fe0c55d..d4559652c 100644
--- a/src/tokens/component/button.json5
+++ b/src/tokens/component/button.json5
@@ -171,7 +171,7 @@
         resting: {
           '$value': [
             {
-              color: '{base.color.neutral.13}',
+              color: '{base.color.neutral.11}',
               alpha: 0.04,
               offsetX: {
                 value: 0,
@@ -276,7 +276,7 @@
             },
             'org.primer.overrides': {
               dark: {
-                '$value': '{base.color.neutral.13}',
+                '$value': '{base.color.neutral.11}',
                 alpha: 0.4
               }
             }
@@ -352,7 +352,7 @@
                 '$value': '{bgColor.success.emphasis}'
               },
               'light-high-contrast': {
-                '$value': '{base.color.green.5}'
+                '$value': '{base.color.green.10}',
               }
             }
           }
@@ -614,10 +614,10 @@
                 }
               },
               'dark-protanopia-deuteranopia': {
-                '$value': '{base.color.blue.6}'
+                '$value': '{base.color.blue.4}'
               },
               'dark-protanopia-deuteranopia-high-contrast': {
-                '$value': '{base.color.blue.6}'
+                '$value': '{base.color.blue.4}'
               },
               'dark-high-contrast': {
                 '$value': {
@@ -687,23 +687,23 @@
                 alpha: 1
               },
               'dark-protanopia-deuteranopia-high-contrast': {
-                '$value': '{base.color.blue.2}',
+                '$value': '{base.color.blue.7}',
                 alpha: 1
               },
               'dark-tritanopia-high-contrast': {
-                '$value': '{base.color.blue.2}',
+                '$value': '{base.color.blue.7}',
                 alpha: 1
               },
               'light-high-contrast': {
-                '$value': '{base.color.green.7}',
+                '$value': '{base.color.green.9}',
                 alpha: 1
               },
               'light-protanopia-deuteranopia-high-contrast': {
-                '$value': '{base.color.blue.7}',
+                '$value': '{base.color.blue.9}',
                 alpha: 1
               },
               'light-tritanopia-high-contrast': {
-                '$value': '{base.color.blue.7}',
+                '$value': '{base.color.blue.9}',
                 alpha: 1
               }
             }
@@ -808,7 +808,7 @@
         selected: {
           '$value': [
             {
-              color: '{base.color.green.9}',
+              color: '{base.color.green.11}',
               alpha: 0.3,
               offsetX: {
                 value: 0,
@@ -839,7 +839,7 @@
               'light-tritanopia': {
                 '$value': [
                   {
-                    color: '{base.color.blue.9}',
+                    color: '{base.color.blue.11}',
                     alpha: 0.3,
                     offsetX: {
                       value: 0,
@@ -864,7 +864,7 @@
               'light-protanopia-deuteranopia': {
                 '$value': [
                   {
-                    color: '{base.color.blue.9}',
+                    color: '{base.color.blue.11}',
                     alpha: 0.3,
                     offsetX: {
                       value: 0,
@@ -952,13 +952,13 @@
                 '$value': '{control.fgColor.rest}'
               },
               'light-high-contrast': {
-                '$value': '{base.color.neutral.11}'
+                '$value': '{base.color.neutral.14}',
               },
               'light-protanopia-deuteranopia-high-contrast': {
-                '$value': '{base.color.neutral.11}'
+                '$value': '{base.color.neutral.14}',
               },
               'light-tritanopia-high-contrast': {
-                '$value': '{base.color.neutral.11}'
+                '$value': '{base.color.neutral.14}',
               }
             }
           }
@@ -1017,19 +1017,19 @@
                 '$value': '{fgColor.muted}'
               },
               'dark-dimmed': {
-                '$value': '{base.color.neutral.10}'
+                '$value': '{base.color.neutral.8}'
               },
               'dark-high-contrast': {
-                '$value': '{base.color.neutral.11}'
+                '$value': '{base.color.neutral.14}',
               },
               'dark-dimmed-high-contrast': {
-                '$value': '{base.color.neutral.11}'
+                '$value': '{base.color.neutral.14}',
               },
               'dark-protanopia-deuteranopia-high-contrast': {
-                '$value': '{base.color.neutral.11}'
+                '$value': '{base.color.neutral.14}',
               },
               'dark-tritanopia-high-contrast': {
-                '$value': '{base.color.neutral.11}'
+                '$value': '{base.color.neutral.14}',
               }
             }
           }
@@ -1050,28 +1050,28 @@
                 '$value': '{fgColor.muted}'
               },
               'dark-dimmed': {
-                '$value': '{base.color.neutral.10}'
+                '$value': '{base.color.neutral.8}'
               },
               'dark-dimmed-high-contrast': {
-                '$value': '{base.color.neutral.11}'
+                '$value': '{base.color.neutral.14}',
               },
               'dark-high-contrast': {
-                '$value': '{base.color.neutral.11}'
+                '$value': '{base.color.neutral.14}',
               },
               'dark-protanopia-deuteranopia-high-contrast': {
-                '$value': '{base.color.neutral.11}'
+                '$value': '{base.color.neutral.14}',
               },
               'dark-tritanopia-high-contrast': {
-                '$value': '{base.color.neutral.11}'
+                '$value': '{base.color.neutral.14}',
               },
               'light-high-contrast': {
-                '$value': '{base.color.neutral.11}'
+                '$value': '{base.color.neutral.14}',
               },
               'light-protanopia-deuteranopia-high-contrast': {
-                '$value': '{base.color.neutral.11}'
+                '$value': '{base.color.neutral.14}',
               },
               'light-tritanopia-high-contrast': {
-                '$value': '{base.color.neutral.11}'
+                '$value': '{base.color.neutral.14}',
               }
             }
           }
@@ -1130,15 +1130,19 @@
                 '$value': '{control.transparent.bgColor.hover}'
               },
               'dark-high-contrast': {
-                '$value': '{base.color.neutral.2}',
+                '$value': '{base.color.neutral.0}',
+                alpha: null
+              },
+              'dark-dimmed-high-contrast': {
+                '$value': '{base.color.neutral.0}',
                 alpha: null
               },
               'dark-protanopia-deuteranopia-high-contrast': {
-                '$value': '{base.color.neutral.2}',
+                '$value': '{base.color.neutral.0}',
                 alpha: null
               },
               'dark-tritanopia-high-contrast': {
-                '$value': '{base.color.neutral.2}',
+                '$value': '{base.color.neutral.0}',
                 alpha: null
               }
             }
@@ -1265,7 +1269,7 @@
             },
             'org.primer.overrides': {
               dark: {
-                '$value': '{base.color.blue.4}'
+                '$value': '{base.color.blue.6}'
               }
             }
           }
@@ -1283,7 +1287,7 @@
             },
             'org.primer.overrides': {
               dark: {
-                '$value': '{base.color.blue.3}'
+                '$value': '{base.color.blue.6}'
               }
             }
           }
@@ -1301,7 +1305,7 @@
             },
             'org.primer.overrides': {
               dark: {
-                '$value': '{base.color.neutral.13}'
+                '$value': '{base.color.neutral.11}'
               }
             }
           }
@@ -1349,7 +1353,7 @@
             },
             'org.primer.overrides': {
               dark: {
-                '$value': '{base.color.neutral.12}'
+                '$value': '{base.color.neutral.10}'
               }
             }
           }
@@ -1396,7 +1400,7 @@
             },
             'org.primer.overrides': {
               dark: {
-                '$value': '{base.color.blue.7}'
+                '$value': '{base.color.blue.2}'
               },
               'dark-tritanopia': {
                 '$value': {
@@ -1479,13 +1483,13 @@
                 '$value': '{button.default.borderColor.hover}'
               },
               'light-high-contrast': {
-                '$value': '{base.color.blue.7}'
+                '$value': '{base.color.blue.9}'
               },
               'light-protanopia-deuteranopia-high-contrast': {
-                '$value': '{base.color.blue.7}'
+                '$value': '{base.color.blue.9}'
               },
               'light-tritanopia-high-contrast': {
-                '$value': '{base.color.blue.7}'
+                '$value': '{base.color.blue.9}'
               }
             }
           }
@@ -1508,7 +1512,7 @@
         selected: {
           '$value': [
             {
-              color: '{base.color.blue.9}',
+              color: '{base.color.blue.11}',
               alpha: 0.2,
               offsetX: {
                 value: 0,
@@ -1595,19 +1599,19 @@
                 }
               },
               'dark-dimmed-high-contrast': {
-                '$value': '{base.color.red.1}'
+                '$value': '{base.color.red.14}'
               },
               'dark-protanopia-deuteranopia': {
                 '$value': '{fgColor.danger}'
               },
               'dark-high-contrast': {
-                '$value': '{base.color.red.2}'
+                '$value': '{base.color.red.14}'
               },
               'dark-tritanopia-high-contrast': {
-                '$value': '{base.color.red.2}'
+                '$value': '{base.color.red.14}'
               },
               'dark-protanopia-deuteranopia-high-contrast': {
-                '$value': '{base.color.orange.2}'
+                '$value': '{base.color.orange.14}'
               }
             }
           }
@@ -1625,7 +1629,7 @@
             },
             'org.primer.overrides': {
               dark: {
-                '$value': '{base.color.neutral.13}'
+                '$value': '{base.color.neutral.14}',
               },
               'dark-dimmed-high-contrast': {
                 '$value': {
@@ -1657,7 +1661,7 @@
             },
             'org.primer.overrides': {
               dark: {
-                '$value': '{base.color.neutral.13}'
+                '$value': '{base.color.neutral.14}',
               },
               'dark-dimmed-high-contrast': {
                 '$value': {
@@ -1724,7 +1728,7 @@
             },
             'org.primer.overrides': {
               dark: {
-                '$value': '{base.color.neutral.13}'
+                '$value': '{base.color.neutral.14}',
               },
               'dark-dimmed-high-contrast': {
                 '$value': {
@@ -1782,28 +1786,28 @@
             },
             'org.primer.overrides': {
               dark: {
-                '$value': '{base.color.red.6}'
+                '$value': '{base.color.red.5}',
               },
               'dark-protanopia-deuteranopia': {
-                '$value': '{base.color.orange.6}'
+                '$value': '{base.color.orange.5}',
               },
               'dark-high-contrast': {
-                '$value': '{base.color.red.9}'
+                '$value': '{base.color.red.2}'
               },
               'dark-dimmed-high-contrast': {
-                '$value': '{base.color.red.7}'
+                '$value': '{base.color.red.0}',
               },
               'dark-protanopia-deuteranopia-high-contrast': {
-                '$value': '{base.color.orange.9}'
+                '$value': '{base.color.orange.2}'
               },
               'dark-tritanopia-high-contrast': {
-                '$value': '{base.color.red.9}'
+                '$value': '{base.color.red.2}'
               }
             }
           }
         },
         active: {
-          '$value': '{base.color.red.6}',
+          '$value': '{base.color.red.10}',
           '$type': 'color',
           '$extensions': {
             'org.primer.figma': {
@@ -1815,16 +1819,16 @@
             },
             'org.primer.overrides': {
               dark: {
-                '$value': '{bgColor.danger.emphasis}'
+                '$value': '{base.color.red.5}',
               },
               'dark-dimmed': {
-                '$value': '{bgColor.danger.emphasis}'
+                '$value': '{base.color.red.5}',
               },
               'dark-dimmed-high-contrast': {
                 '$value': '{bgColor.danger.emphasis}'
               },
               'dark-protanopia-deuteranopia': {
-                '$value': '{bgColor.danger.emphasis}'
+                '$value': '{base.color.orange.5}',
               },
               'dark-high-contrast': {
                 '$value': '{bgColor.danger.emphasis}'
@@ -1836,10 +1840,10 @@
                 '$value': '{bgColor.danger.emphasis}'
               },
               'light-protanopia-deuteranopia': {
-                '$value': '{base.color.orange.6}'
+                '$value': '{base.color.orange.10}',
               },
               'light-protanopia-deuteranopia-high-contrast': {
-                '$value': '{base.color.orange.6}'
+                '$value': '{base.color.orange.10}',
               }
             }
           }
@@ -1914,15 +1918,15 @@
                 alpha: 1
               },
               'light-high-contrast': {
-                '$value': '{base.color.red.7}',
+                '$value': '{base.color.red.9}',
                 alpha: 1
               },
               'light-protanopia-deuteranopia-high-contrast': {
-                '$value': '{base.color.orange.7}',
+                '$value': '{base.color.orange.9}',
                 alpha: 1
               },
               'light-tritanopia-high-contrast': {
-                '$value': '{base.color.red.7}',
+                '$value': '{base.color.red.9}',
                 alpha: 1
               }
             }
@@ -1955,7 +1959,7 @@
         selected: {
           '$value': [
             {
-              color: '{base.color.red.9}',
+              color: '{base.color.red.11}',
               alpha: 0.2,
               offsetX: {
                 value: 0,
@@ -1986,7 +1990,7 @@
               'light-protanopia-deuteranopia': {
                 '$value': [
                   {
-                    color: '{base.color.orange.9}',
+                    color: '{base.color.orange.11}',
                     alpha: 0.2,
                     offsetX: {
                       value: 0,
@@ -2041,7 +2045,7 @@
     inactive: {
       $description: 'Single-state button variant for non-interactive/inactive buttons (e.g. unselected segmented control tabs). Does not have rest/hover/active/disabled interaction states — "inactive" is the state.',
       fgColor: {
-        '$value': '{base.color.neutral.9}',
+        '$value': '{base.color.neutral.7}',
         '$type': 'color',
         '$extensions': {
           'org.primer.figma': {
@@ -2053,28 +2057,28 @@
           },
           'org.primer.overrides': {
             dark: {
-              '$value': '{base.color.neutral.9}'
+              '$value': '{base.color.neutral.7}'
             },
             'dark-dimmed': {
-              '$value': '{base.color.neutral.8}'
+              '$value': '{base.color.neutral.6}'
             },
             'dark-high-contrast': {
-              '$value': '{base.color.neutral.10}'
+              '$value': '{base.color.neutral.8}'
             },
             'dark-protanopia-deuteranopia-high-contrast': {
-              '$value': '{base.color.neutral.10}'
+              '$value': '{base.color.neutral.8}'
             },
             'dark-tritanopia-high-contrast': {
-              '$value': '{base.color.neutral.10}'
+              '$value': '{base.color.neutral.8}'
             },
             'light-high-contrast': {
-              '$value': '{base.color.neutral.10}'
+              '$value': '{base.color.neutral.8}'
             },
             'light-protanopia-deuteranopia-high-contrast': {
-              '$value': '{base.color.neutral.10}'
+              '$value': '{base.color.neutral.8}'
             },
             'light-tritanopia-high-contrast': {
-              '$value': '{base.color.neutral.10}'
+              '$value': '{base.color.neutral.8}'
             }
           }
         }
@@ -2092,10 +2096,10 @@
           },
           'org.primer.overrides': {
             dark: {
-              '$value': '{base.color.neutral.4}'
+              '$value': '{base.color.neutral.3}'
             },
             'dark-dimmed': {
-              '$value': '{base.color.neutral.5}'
+              '$value': '{base.color.neutral.4}'
             },
             'dark-high-contrast': {
               '$value': '{control.bgColor.rest}'
@@ -2110,7 +2114,7 @@
     star: {
       $description: 'Star icon color for the starred/filled state of the star button. Single-state token — does not have rest/hover/active/disabled interaction states.',
       iconColor: {
-        '$value': '{base.color.yellow.2}',
+        '$value': '{base.color.yellow.4}',
         '$type': 'color',
         '$extensions': {
           'org.primer.figma': {
@@ -2145,11 +2149,11 @@
             },
             'org.primer.overrides': {
               dark: {
-                '$value': '{base.color.neutral.6}'
+                '$value': '{base.color.neutral.4}'
               },
-              'light-high-contrast': '{base.color.neutral.7}',
-              'light-protanopia-deuteranopia-high-contrast': '{base.color.neutral.7}',
-              'light-tritanopia-high-contrast': '{base.color.neutral.7}'
+              'light-high-contrast': '{base.color.neutral.5}',
+              'light-protanopia-deuteranopia-high-contrast': '{base.color.neutral.5}',
+              'light-tritanopia-high-contrast': '{base.color.neutral.5}'
             }
           }
         }
@@ -2180,7 +2184,7 @@
     primary: {
       bgColor: {
         rest: {
-          '$value': '{base.color.green.9}',
+          '$value': '{base.color.green.11}',
           '$type': 'color',
           '$extensions': {
             'org.primer.figma': {
@@ -2228,7 +2232,7 @@
             },
             'org.primer.overrides': {
               dark: {
-                '$value': '{base.color.blue.9}',
+                '$value': '{base.color.blue.1}',
                 alpha: 0.2
               }
             }
@@ -2248,7 +2252,7 @@
             },
             'org.primer.overrides': {
               dark: {
-                '$value': '{base.color.blue.9}',
+                '$value': '{base.color.blue.1}',
                 alpha: 0.2
               }
             }
@@ -2278,7 +2282,7 @@
       },
       fgColor: {
         rest: {
-          '$value': '{base.color.blue.6}',
+          '$value': '{base.color.blue.8}',
           '$type': 'color',
           '$extensions': {
             'org.primer.figma': {
@@ -2290,7 +2294,7 @@
             },
             'org.primer.overrides': {
               dark: {
-                '$value': '{base.color.blue.4}'
+                '$value': '{base.color.blue.6}'
               }
             }
           }
@@ -2308,7 +2312,7 @@
             },
             'org.primer.overrides': {
               dark: {
-                '$value': '{base.color.blue.3}'
+                '$value': '{base.color.blue.6}'
               }
             }
           }
@@ -2350,7 +2354,7 @@
             },
             'org.primer.overrides': {
               dark: {
-                '$value': '{base.color.neutral.13}',
+                '$value': '{base.color.neutral.11}',
                 alpha: 0.2
               },
               'dark-high-contrast': {
@@ -2449,7 +2453,7 @@
                 '$value': '{fgColor.danger}'
               },
               'light-protanopia-deuteranopia': {
-                '$value': '{base.color.orange.6}'
+                '$value': '{base.color.orange.8}'
               },
               'light-protanopia-deuteranopia-high-contrast': {
                 '$value': '{fgColor.danger}'
@@ -2470,7 +2474,7 @@
             },
             'org.primer.overrides': {
               dark: {
-                '$value': '{base.color.neutral.13}'
+                '$value': '{base.color.neutral.11}'
               }
             }
           }
@@ -2514,11 +2518,11 @@
             },
             'org.primer.overrides': {
               dark: {
-                '$value': '{base.color.neutral.5}'
+                '$value': '{base.color.neutral.4}'
               },
-              'dark-high-contrast': '{base.color.neutral.4}',
-              'dark-protanopia-deuteranopia-high-contrast': '{base.color.neutral.4}',
-              'dark-tritanopia-high-contrast': '{base.color.neutral.4}'
+              'dark-high-contrast': '{base.color.neutral.3}',
+              'dark-protanopia-deuteranopia-high-contrast': '{base.color.neutral.3}',
+              'dark-tritanopia-high-contrast': '{base.color.neutral.3}'
             }
           }
         },
@@ -3055,11 +3059,11 @@
           },
           'org.primer.overrides': {
             dark: {
-              '$value': '{base.color.neutral.5}'
+              '$value': '{base.color.neutral.4}'
             },
-            'dark-high-contrast': '{base.color.neutral.4}',
-            'dark-protanopia-deuteranopia-high-contrast': '{base.color.neutral.4}',
-            'dark-tritanopia-high-contrast': '{base.color.neutral.4}'
+            'dark-high-contrast': '{base.color.neutral.3}',
+            'dark-protanopia-deuteranopia-high-contrast': '{base.color.neutral.3}',
+            'dark-tritanopia-high-contrast': '{base.color.neutral.3}'
           }
         }
       },
diff --git a/src/tokens/component/codeMirror.json5 b/src/tokens/component/codeMirror.json5
index dd9b61e92..047feeb83 100644
--- a/src/tokens/component/codeMirror.json5
+++ b/src/tokens/component/codeMirror.json5
@@ -121,19 +121,19 @@
           'org.primer.overrides': {
             dark: '{borderColor.accent.muted}',
             'dark-high-contrast': {
-              $value: '{base.color.blue.4}',
+              $value: '{base.color.blue.6}',
               alpha: 0.4,
             },
             'dark-dimmed-high-contrast': {
-              $value: '{base.color.blue.4}',
+              $value: '{base.color.blue.6}',
               alpha: 0.4,
             },
             'dark-tritanopia-high-contrast': {
-              $value: '{base.color.blue.4}',
+              $value: '{base.color.blue.6}',
               alpha: 0.4,
             },
             'dark-protanopia-deuteranopia-high-contrast': {
-              $value: '{base.color.blue.4}',
+              $value: '{base.color.blue.6}',
               alpha: 0.4,
             },
           },
@@ -191,7 +191,7 @@
     syntax: {
       fgColor: {
         comment: {
-          $value: '{base.color.neutral.13}',
+          $value: '{base.color.neutral.11}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -200,12 +200,12 @@
               scopes: ['fgColor'],
             },
             'org.primer.overrides': {
-              dark: '{base.color.neutral.8}',
+              dark: '{base.color.neutral.10}',
             },
           },
         },
         constant: {
-          $value: '{base.color.blue.6}',
+          $value: '{base.color.blue.9}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -214,12 +214,12 @@
               scopes: ['fgColor'],
             },
             'org.primer.overrides': {
-              dark: '{base.color.blue.2}',
+              dark: '{base.color.blue.10}',
             },
           },
         },
         entity: {
-          $value: '{base.color.purple.5}',
+          $value: '{base.color.purple.10}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -228,12 +228,12 @@
               scopes: ['fgColor'],
             },
             'org.primer.overrides': {
-              dark: '{base.color.purple.2}',
+              dark: '{base.color.purple.10}',
             },
           },
         },
         keyword: {
-          $value: '{base.color.red.5}',
+          $value: '{base.color.red.10}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -242,16 +242,16 @@
               scopes: ['fgColor'],
             },
             'org.primer.overrides': {
-              dark: '{base.color.red.3}',
-              'light-protanopia-deuteranopia': '{base.color.orange.5}',
-              'light-protanopia-deuteranopia-high-contrast': '{base.color.orange.5}',
-              'dark-protanopia-deuteranopia': '{base.color.orange.3}',
-              'dark-protanopia-deuteranopia-high-contrast': '{base.color.orange.3}',
+              dark: '{base.color.red.10}',
+              'light-protanopia-deuteranopia': '{base.color.orange.10}',
+              'light-protanopia-deuteranopia-high-contrast': '{base.color.orange.10}',
+              'dark-protanopia-deuteranopia': '{base.color.orange.10}',
+              'dark-protanopia-deuteranopia-high-contrast': '{base.color.orange.10}',
             },
           },
         },
         storage: {
-          $value: '{base.color.red.5}',
+          $value: '{base.color.red.10}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -260,16 +260,16 @@
               scopes: ['fgColor'],
             },
             'org.primer.overrides': {
-              dark: '{base.color.red.3}',
-              'light-protanopia-deuteranopia': '{base.color.orange.5}',
-              'light-protanopia-deuteranopia-high-contrast': '{base.color.orange.5}',
-              'dark-protanopia-deuteranopia': '{base.color.orange.3}',
-              'dark-protanopia-deuteranopia-high-contrast': '{base.color.orange.3}',
+              dark: '{base.color.red.10}',
+              'light-protanopia-deuteranopia': '{base.color.orange.10}',
+              'light-protanopia-deuteranopia-high-contrast': '{base.color.orange.10}',
+              'dark-protanopia-deuteranopia': '{base.color.orange.10}',
+              'dark-protanopia-deuteranopia-high-contrast': '{base.color.orange.10}',
             },
           },
         },
         string: {
-          $value: '{base.color.blue.8}',
+          $value: '{base.color.blue.10}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -278,12 +278,12 @@
               scopes: ['fgColor'],
             },
             'org.primer.overrides': {
-              dark: '{base.color.blue.1}',
+              dark: '{base.color.blue.10}',
             },
           },
         },
         support: {
-          $value: '{base.color.blue.6}',
+          $value: '{base.color.blue.9}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -292,12 +292,12 @@
               scopes: ['fgColor'],
             },
             'org.primer.overrides': {
-              dark: '{base.color.blue.2}',
+              dark: '{base.color.blue.10}',
             },
           },
         },
         variable: {
-          $value: '{base.color.orange.6}',
+          $value: '{base.color.orange.10}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -306,11 +306,14 @@
               scopes: ['fgColor'],
             },
             'org.primer.overrides': {
-              dark: '{base.color.orange.2}',
-              'light-tritanopia': '{base.color.red.6}',
-              'light-tritanopia-high-contrast': '{base.color.red.6}',
-              'dark-tritanopia': '{base.color.red.2}',
-              'dark-tritanopia-high-contrast': '{base.color.red.2}',
+              dark: '{base.color.orange.9}',
+              'dark-high-contrast': '{base.color.orange.11}',
+              'dark-dimmed-high-contrast': '{base.color.orange.11}',
+              'dark-protanopia-deuteranopia-high-contrast': '{base.color.orange.11}',
+              'light-tritanopia': '{base.color.red.10}',
+              'light-tritanopia-high-contrast': '{base.color.red.10}',
+              'dark-tritanopia': '{base.color.red.10}',
+              'dark-tritanopia-high-contrast': '{base.color.red.11}',
             },
           },
         },
diff --git a/src/tokens/component/contribution.json5 b/src/tokens/component/contribution.json5
index e909d304f..0b9423607 100644
--- a/src/tokens/component/contribution.json5
+++ b/src/tokens/component/contribution.json5
@@ -3,7 +3,7 @@
     default: {
       bgColor: {
         '0': {
-          $value: '{base.color.neutral.2}',
+          $value: '{base.color.neutral.4}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -12,18 +12,18 @@
               scopes: ['bgColor'],
             },
             'org.primer.overrides': {
-              'dark-high-contrast': '{base.color.neutral.0}',
-              'dark-tritanopia-high-contrast': '{base.color.neutral.0}',
-              'dark-protanopia-deuteranopia-high-contrast': '{base.color.neutral.0}',
-              'light-high-contrast': '{base.color.neutral.0}',
-              'light-tritanopia-high-contrast': '{base.color.neutral.0}',
-              'light-protanopia-deuteranopia-high-contrast': '{base.color.neutral.0}',
-              'dark-dimmed': '{base.color.neutral.5}',
+              'dark-high-contrast': '{base.color.neutral.2}',
+              'dark-tritanopia-high-contrast': '{base.color.neutral.2}',
+              'dark-protanopia-deuteranopia-high-contrast': '{base.color.neutral.2}',
+              'light-high-contrast': '{base.color.neutral.2}',
+              'light-tritanopia-high-contrast': '{base.color.neutral.2}',
+              'light-protanopia-deuteranopia-high-contrast': '{base.color.neutral.2}',
+              'dark-dimmed': '{base.color.neutral.6}',
             },
           },
         },
         '1': {
-          $value: '{base.color.green.1}',
+          $value: '{base.color.green.5}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -32,12 +32,12 @@
               scopes: ['bgColor'],
             },
             'org.primer.overrides': {
-              dark: '{base.color.green.8}',
+              dark: '{base.color.green.5}',
             },
           },
         },
         '2': {
-          $value: '{base.color.green.3}',
+          $value: '{base.color.green.7}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -46,12 +46,12 @@
               scopes: ['bgColor'],
             },
             'org.primer.overrides': {
-              dark: '{base.color.green.6}',
+              dark: '{base.color.green.7}',
             },
           },
         },
         '3': {
-          $value: '{base.color.green.4}',
+          $value: '{base.color.green.8}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -62,7 +62,7 @@
           },
         },
         '4': {
-          $value: '{base.color.green.6}',
+          $value: '{base.color.green.10}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -71,7 +71,7 @@
               scopes: ['bgColor'],
             },
             'org.primer.overrides': {
-              dark: '{base.color.green.2}',
+              dark: '{base.color.green.11}',
             },
           },
         },
@@ -164,7 +164,7 @@
     winter: {
       bgColor: {
         '1': {
-          $value: '{base.color.blue.1}',
+          $value: '{base.color.blue.5}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -173,12 +173,12 @@
               scopes: ['bgColor'],
             },
             'org.primer.overrides': {
-              dark: '{base.color.blue.8}',
+              dark: '{base.color.blue.4}',
             },
           },
         },
         '2': {
-          $value: '{base.color.blue.3}',
+          $value: '{base.color.blue.7}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -192,7 +192,7 @@
           },
         },
         '3': {
-          $value: '{base.color.blue.5}',
+          $value: '{base.color.blue.9}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -201,12 +201,12 @@
               scopes: ['bgColor'],
             },
             'org.primer.overrides': {
-              dark: '{base.color.blue.3}',
+              dark: '{base.color.blue.8}',
             },
           },
         },
         '4': {
-          $value: '{base.color.blue.8}',
+          $value: '{base.color.blue.11}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -215,7 +215,7 @@
               scopes: ['bgColor'],
             },
             'org.primer.overrides': {
-              dark: '{base.color.blue.0}',
+              dark: '{base.color.blue.11}',
             },
           },
         },
@@ -224,7 +224,7 @@
     halloween: {
       bgColor: {
         '1': {
-          $value: '{base.display.color.lemon.1}',
+          $value: '{base.color.lemon.3}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -233,12 +233,12 @@
               scopes: ['bgColor'],
             },
             'org.primer.overrides': {
-              dark: '{base.display.color.orange.9}',
+              dark: '{base.color.orange.11}',
             },
           },
         },
         '2': {
-          $value: '{base.display.color.yellow.1}',
+          $value: '{base.color.yellow.3}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -247,12 +247,12 @@
               scopes: ['bgColor'],
             },
             'org.primer.overrides': {
-              dark: '{base.display.color.orange.5}',
+              dark: '{base.color.orange.7}',
             },
           },
         },
         '3': {
-          $value: '{base.display.color.orange.3}',
+          $value: '{base.color.orange.5}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -261,7 +261,7 @@
               scopes: ['bgColor'],
             },
             'org.primer.overrides': {
-              dark: '{base.display.color.orange.4}',
+              dark: '{base.color.orange.6}',
             },
           },
         },
@@ -275,7 +275,7 @@
               scopes: ['bgColor'],
             },
             'org.primer.overrides': {
-              dark: '{base.display.color.lemon.9}',
+              dark: '{base.color.lemon.11}',
             },
           },
         },
diff --git a/src/tokens/component/diffBlob.json5 b/src/tokens/component/diffBlob.json5
index 7e34e0322..98e47ee79 100644
--- a/src/tokens/component/diffBlob.json5
+++ b/src/tokens/component/diffBlob.json5
@@ -64,7 +64,7 @@
         },
       },
       bgColor: {
-        $value: '{base.color.green.1}',
+        $value: '{base.color.green.3}',
         $type: 'color',
         $extensions: {
           'org.primer.figma': {
@@ -74,21 +74,21 @@
           },
           'org.primer.overrides': {
             dark: {
-              $value: '{base.color.green.4}',
+              $value: '{base.color.green.7}',
               alpha: 0.4,
             },
-            'light-protanopia-deuteranopia': '{base.color.blue.1}',
-            'light-protanopia-deuteranopia-high-contrast': '{base.color.blue.5}',
-            'light-high-contrast': '{base.color.green.5}',
-            'light-tritanopia': '{base.color.blue.1}',
-            'light-tritanopia-high-contrast': '{base.color.blue.5}',
+            'light-protanopia-deuteranopia': '{base.color.blue.3}',
+            'light-protanopia-deuteranopia-high-contrast': '{base.color.blue.7}',
+            'light-high-contrast': '{base.color.green.7}',
+            'light-tritanopia': '{base.color.blue.3}',
+            'light-tritanopia-high-contrast': '{base.color.blue.7}',
             'dark-protanopia-deuteranopia': {
-              $value: '{base.color.blue.4}',
+              $value: '{base.color.blue.6}',
               alpha: 0.4,
             },
             'dark-protanopia-deuteranopia-high-contrast': '{bgColor.success.emphasis}',
             'dark-tritanopia': {
-              $value: '{base.color.blue.4}',
+              $value: '{base.color.blue.6}',
               alpha: 0.4,
             },
             'dark-tritanopia-high-contrast': '{bgColor.success.emphasis}',
@@ -110,7 +110,7 @@
         },
       },
       bgColor: {
-        $value: '{base.color.green.1}',
+        $value: '{base.color.green.3}',
         $type: 'color',
         $extensions: {
           'org.primer.figma': {
@@ -120,27 +120,27 @@
           },
           'org.primer.overrides': {
             dark: {
-              $value: '{base.color.green.3}',
+              $value: '{base.color.green.8}',
               alpha: 0.3,
             },
-            'light-protanopia-deuteranopia': '{base.color.blue.1}',
-            'light-protanopia-deuteranopia-high-contrast': '{base.color.blue.1}',
-            'light-tritanopia': '{base.color.blue.1}',
-            'light-tritanopia-high-contrast': '{base.color.blue.1}',
+            'light-protanopia-deuteranopia': '{base.color.blue.3}',
+            'light-protanopia-deuteranopia-high-contrast': '{base.color.blue.3}',
+            'light-tritanopia': '{base.color.blue.3}',
+            'light-tritanopia-high-contrast': '{base.color.blue.3}',
             'dark-tritanopia': {
-              $value: '{base.color.blue.3}',
+              $value: '{base.color.blue.5}',
               alpha: 0.3,
             },
             'dark-protanopia-deuteranopia': {
-              $value: '{base.color.blue.3}',
+              $value: '{base.color.blue.5}',
               alpha: 0.3,
             },
             'dark-tritanopia-high-contrast': {
-              $value: '{base.color.blue.3}',
+              $value: '{base.color.blue.5}',
               alpha: 0.3,
             },
             'dark-protanopia-deuteranopia-high-contrast': {
-              $value: '{base.color.blue.3}',
+              $value: '{base.color.blue.5}',
               alpha: 0.3,
             },
           },
@@ -175,7 +175,7 @@
           },
           'org.primer.overrides': {
             'dark-protanopia-deuteranopia': {
-              $value: '{base.color.orange.4}',
+              $value: '{base.color.orange.7}',
               alpha: 0.15,
             },
             'dark-protanopia-deuteranopia-high-contrast': {
@@ -212,7 +212,7 @@
         },
       },
       bgColor: {
-        $value: '{base.color.red.1}',
+        $value: '{base.color.red.3}',
         $type: 'color',
         $extensions: {
           'org.primer.figma': {
@@ -222,21 +222,21 @@
           },
           'org.primer.overrides': {
             dark: {
-              $value: '{base.color.red.4}',
+              $value: '{base.color.red.7}',
               alpha: 0.4,
             },
-            'light-protanopia-deuteranopia': '{base.color.orange.1}',
-            'light-protanopia-deuteranopia-high-contrast': '{base.color.orange.5}',
-            'light-high-contrast': '{base.color.red.5}',
-            'light-tritanopia': '{base.color.red.1}',
-            'light-tritanopia-high-contrast': '{base.color.red.5}',
+            'light-protanopia-deuteranopia': '{base.color.orange.3}',
+            'light-protanopia-deuteranopia-high-contrast': '{base.color.orange.7}',
+            'light-high-contrast': '{base.color.red.7}',
+            'light-tritanopia': '{base.color.red.3}',
+            'light-tritanopia-high-contrast': '{base.color.red.7}',
             'dark-high-contrast': '{bgColor.danger.emphasis}',
             'dark-protanopia-deuteranopia': {
-              $value: '{base.color.orange.4}',
+              $value: '{base.color.orange.7}',
               alpha: 0.4,
             },
             'dark-protanopia-deuteranopia-high-contrast': {
-              $value: '{base.color.orange.4}',
+              $value: '{base.color.orange.7}',
               alpha: 0.4,
             },
             'dark-tritanopia-high-contrast': '{bgColor.danger.emphasis}',
@@ -257,7 +257,7 @@
         },
       },
       bgColor: {
-        $value: '{base.color.red.1}',
+        $value: '{base.color.red.3}',
         $type: 'color',
         $extensions: {
           'org.primer.figma': {
@@ -267,17 +267,17 @@
           },
           'org.primer.overrides': {
             dark: {
-              $value: '{base.color.red.4}',
+              $value: '{base.color.red.7}',
               alpha: 0.3,
             },
-            'light-protanopia-deuteranopia': '{base.color.orange.1}',
-            'light-protanopia-deuteranopia-high-contrast': '{base.color.orange.1}',
+            'light-protanopia-deuteranopia': '{base.color.orange.3}',
+            'light-protanopia-deuteranopia-high-contrast': '{base.color.orange.3}',
             'dark-protanopia-deuteranopia': {
-              $value: '{base.color.orange.4}',
+              $value: '{base.color.orange.7}',
               alpha: 0.3,
             },
             'dark-protanopia-deuteranopia-high-contrast': {
-              $value: '{base.color.orange.4}',
+              $value: '{base.color.orange.7}',
               alpha: 0.3,
             },
           },
@@ -355,7 +355,7 @@
       },
       bgColor: {
         rest: {
-          $value: '{base.color.blue.1}',
+          $value: '{base.color.blue.3}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -364,17 +364,17 @@
               scopes: ['bgColor'],
             },
             'org.primer.overrides': {
-              dark: '{base.color.blue.8}',
+              dark: '{base.color.blue.2}',
               'light-tritanopia': '{base.color.neutral.3}',
               'light-protanopia-deuteranopia': '{base.color.neutral.3}',
               'light-tritanopia-high-contrast': '{base.color.neutral.3}',
               'light-protanopia-deuteranopia-high-contrast': '{base.color.neutral.3}',
-              'dark-protanopia-deuteranopia': '{base.color.neutral.6}',
-              'dark-protanopia-deuteranopia-high-contrast': '{base.color.neutral.6}',
-              'dark-tritanopia': '{base.color.neutral.6}',
-              'dark-tritanopia-high-contrast': '{base.color.neutral.6}',
+              'dark-protanopia-deuteranopia': '{base.color.neutral.4}',
+              'dark-protanopia-deuteranopia-high-contrast': '{base.color.neutral.4}',
+              'dark-tritanopia': '{base.color.neutral.4}',
+              'dark-tritanopia-high-contrast': '{base.color.neutral.4}',
               'dark-high-contrast': {
-                $value: '{base.color.blue.4}',
+                $value: '{base.color.blue.6}',
                 alpha: 0.4,
               },
             },
@@ -390,14 +390,14 @@
               scopes: ['bgColor'],
             },
             'org.primer.overrides': {
-              'light-tritanopia': '{base.color.neutral.7}',
-              'dark-tritanopia': '{base.color.neutral.8}',
-              'light-protanopia-deuteranopia': '{base.color.neutral.7}',
-              'dark-protanopia-deuteranopia': '{base.color.neutral.8}',
-              'light-tritanopia-high-contrast': '{base.color.neutral.7}',
-              'dark-tritanopia-high-contrast': '{base.color.neutral.8}',
-              'light-protanopia-deuteranopia-high-contrast': '{base.color.neutral.7}',
-              'dark-protanopia-deuteranopia-high-contrast': '{base.color.neutral.8}',
+              'light-tritanopia': '{base.color.neutral.5}',
+              'dark-tritanopia': '{base.color.neutral.6}',
+              'light-protanopia-deuteranopia': '{base.color.neutral.5}',
+              'dark-protanopia-deuteranopia': '{base.color.neutral.6}',
+              'light-tritanopia-high-contrast': '{base.color.neutral.5}',
+              'dark-tritanopia-high-contrast': '{base.color.neutral.6}',
+              'light-protanopia-deuteranopia-high-contrast': '{base.color.neutral.5}',
+              'dark-protanopia-deuteranopia-high-contrast': '{base.color.neutral.6}',
             },
           },
         },
diff --git a/src/tokens/component/header.json5 b/src/tokens/component/header.json5
index 1d25248b5..0a733e8bd 100644
--- a/src/tokens/component/header.json5
+++ b/src/tokens/component/header.json5
@@ -1,7 +1,7 @@
 {
   header: {
     bgColor: {
-      $value: '{base.color.neutral.12}',
+      $value: '{base.color.neutral.10}',
       $type: 'color',
       $extensions: {
         'org.primer.figma': {
@@ -28,7 +28,7 @@
             scopes: ['fgColor'],
           },
           'org.primer.overrides': {
-            dark: '{base.color.neutral.13}',
+            dark: '{base.color.neutral.11}',
           },
         },
         alpha: 0.7,
@@ -43,14 +43,14 @@
             scopes: ['fgColor'],
           },
           'org.primer.overrides': {
-            dark: '{base.color.neutral.12}',
+            dark: '{base.color.neutral.10}',
           },
         },
       },
     },
     borderColor: {
       divider: {
-        $value: '{base.color.neutral.8}',
+        $value: '{base.color.neutral.6}',
         $type: 'color',
         $extensions: {
           'org.primer.figma': {
@@ -59,9 +59,9 @@
             scopes: ['borderColor'],
           },
           'org.primer.overrides': {
-            'light-high-contrast': '{base.color.neutral.7}',
-            'light-protanopia-deuteranopia-high-contrast': '{base.color.neutral.7}',
-            'light-tritanopia-high-contrast': '{base.color.neutral.7}',
+            'light-high-contrast': '{base.color.neutral.5}',
+            'light-protanopia-deuteranopia-high-contrast': '{base.color.neutral.5}',
+            'light-tritanopia-high-contrast': '{base.color.neutral.5}',
           },
         },
       },
diff --git a/src/tokens/component/headerSerach.json5 b/src/tokens/component/headerSerach.json5
index 1b1e1fa73..e0e018318 100644
--- a/src/tokens/component/headerSerach.json5
+++ b/src/tokens/component/headerSerach.json5
@@ -1,7 +1,7 @@
 {
   headerSearch: {
     bgColor: {
-      $value: '{base.color.neutral.12}',
+      $value: '{base.color.neutral.10}',
       $type: 'color',
       $extensions: {
         'org.primer.figma': {
@@ -15,7 +15,7 @@
       },
     },
     borderColor: {
-      $value: '{base.color.neutral.8}',
+      $value: '{base.color.neutral.6}',
       $type: 'color',
       $extensions: {
         'org.primer.figma': {
@@ -24,7 +24,7 @@
           scopes: ['borderColor'],
         },
         'org.primer.overrides': {
-          dark: '{base.color.neutral.5}',
+          dark: '{base.color.neutral.4}',
         },
       },
     },
diff --git a/src/tokens/component/highlight.json5 b/src/tokens/component/highlight.json5
index 5004e5376..9e5d4d80f 100644
--- a/src/tokens/component/highlight.json5
+++ b/src/tokens/component/highlight.json5
@@ -2,7 +2,7 @@
   highlight: {
     neutral: {
       bgColor: {
-        $value: '{base.color.yellow.0}',
+        $value: '{base.color.yellow.2}',
         $type: 'color',
         $extensions: {
           'org.primer.figma': {
@@ -12,7 +12,7 @@
           },
           'org.primer.overrides': {
             dark: {
-              $value: '{base.color.yellow.3}',
+              $value: '{base.color.yellow.8}',
               alpha: 0.4,
             },
           },
diff --git a/src/tokens/component/label.json5 b/src/tokens/component/label.json5
index 78a817d89..447fba62f 100644
--- a/src/tokens/component/label.json5
+++ b/src/tokens/component/label.json5
@@ -3,7 +3,7 @@
     green: {
       bgColor: {
         rest: {
-          $value: '{base.display.color.green.0}',
+          $value: '{base.color.green.2}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -13,13 +13,25 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.green.0}',
+                $value: '{base.color.green.0}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.green.0}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.green.0}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.green.0}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.green.0}',
               },
             },
           },
         },
         hover: {
-          $value: '{base.display.color.green.1}',
+          $value: '{base.color.green.3}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -29,13 +41,34 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.green.1}',
+                $value: '{base.color.green.1}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.green.1}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.green.1}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.green.1}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.green.1}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.green.3}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.green.3}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.green.3}',
               },
             },
           },
         },
         active: {
-          $value: '{base.display.color.green.2}',
+          $value: '{base.color.green.4}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -45,7 +78,28 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.green.2}',
+                $value: '{base.color.green.2}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.green.2}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.green.2}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.green.2}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.green.2}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.green.4}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.green.4}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.green.4}',
               },
             },
           },
@@ -53,7 +107,7 @@
       },
       fgColor: {
         rest: {
-          $value: '{base.display.color.green.6}',
+          $value: '{base.color.green.10}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -63,13 +117,34 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.green.6}',
+                $value: '{base.color.green.14}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.green.14}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.green.14}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.green.14}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.green.14}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.green.14}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.green.14}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.green.14}',
               },
             },
           },
         },
         hover: {
-          $value: '{base.display.color.green.7}',
+          $value: '{base.color.green.11}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -79,13 +154,34 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.green.7}',
+                $value: '{base.color.green.14}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.green.14}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.green.14}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.green.14}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.green.14}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.green.14}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.green.14}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.green.14}',
               },
             },
           },
         },
         active: {
-          $value: '{base.display.color.green.8}',
+          $value: '{base.color.green.12}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -95,7 +191,28 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.green.8}',
+                $value: '{base.color.green.14}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.green.14}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.green.14}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.green.14}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.green.14}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.green.14}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.green.14}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.green.14}',
               },
             },
           },
@@ -145,7 +262,7 @@
     orange: {
       bgColor: {
         rest: {
-          $value: '{base.display.color.orange.0}',
+          $value: '{base.color.orange.2}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -155,13 +272,25 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.orange.0}',
+                $value: '{base.color.orange.0}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.orange.0}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.orange.0}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.orange.0}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.orange.0}',
               },
             },
           },
         },
         hover: {
-          $value: '{base.display.color.orange.1}',
+          $value: '{base.color.orange.3}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -171,13 +300,34 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.orange.1}',
+                $value: '{base.color.orange.1}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.orange.1}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.orange.1}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.orange.1}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.orange.1}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.orange.3}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.orange.3}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.orange.3}',
               },
             },
           },
         },
         active: {
-          $value: '{base.display.color.orange.2}',
+          $value: '{base.color.orange.4}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -187,7 +337,28 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.orange.2}',
+                $value: '{base.color.orange.2}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.orange.2}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.orange.2}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.orange.2}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.orange.2}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.orange.4}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.orange.4}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.orange.4}',
               },
             },
           },
@@ -195,7 +366,7 @@
       },
       fgColor: {
         rest: {
-          $value: '{base.display.color.orange.6}',
+          $value: '{base.color.orange.10}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -205,13 +376,34 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.orange.6}',
+                $value: '{base.color.orange.14}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.orange.14}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.orange.14}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.orange.14}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.orange.14}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.orange.14}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.orange.14}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.orange.14}',
               },
             },
           },
         },
         hover: {
-          $value: '{base.display.color.orange.7}',
+          $value: '{base.color.orange.11}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -221,13 +413,34 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.orange.7}',
+                $value: '{base.color.orange.14}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.orange.14}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.orange.14}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.orange.14}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.orange.14}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.orange.14}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.orange.14}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.orange.14}',
               },
             },
           },
         },
         active: {
-          $value: '{base.display.color.orange.8}',
+          $value: '{base.color.orange.12}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -237,7 +450,28 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.orange.8}',
+                $value: '{base.color.orange.14}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.orange.14}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.orange.14}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.orange.14}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.orange.14}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.orange.14}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.orange.14}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.orange.14}',
               },
             },
           },
@@ -287,7 +521,7 @@
     purple: {
       bgColor: {
         rest: {
-          $value: '{base.display.color.purple.0}',
+          $value: '{base.color.purple.2}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -297,13 +531,25 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.purple.0}',
+                $value: '{base.color.purple.0}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.purple.0}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.purple.0}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.purple.0}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.purple.0}',
               },
             },
           },
         },
         hover: {
-          $value: '{base.display.color.purple.1}',
+          $value: '{base.color.purple.3}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -313,13 +559,34 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.purple.1}',
+                $value: '{base.color.purple.1}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.purple.1}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.purple.1}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.purple.1}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.purple.1}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.purple.3}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.purple.3}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.purple.3}',
               },
             },
           },
         },
         active: {
-          $value: '{base.display.color.purple.2}',
+          $value: '{base.color.purple.4}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -329,7 +596,28 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.purple.2}',
+                $value: '{base.color.purple.2}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.purple.2}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.purple.2}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.purple.2}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.purple.2}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.purple.4}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.purple.4}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.purple.4}',
               },
             },
           },
@@ -337,7 +625,7 @@
       },
       fgColor: {
         rest: {
-          $value: '{base.display.color.purple.6}',
+          $value: '{base.color.purple.10}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -347,13 +635,34 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.purple.6}',
+                $value: '{base.color.purple.14}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.purple.14}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.purple.14}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.purple.14}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.purple.14}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.purple.14}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.purple.14}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.purple.14}',
               },
             },
           },
         },
         hover: {
-          $value: '{base.display.color.purple.7}',
+          $value: '{base.color.purple.11}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -363,13 +672,34 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.purple.7}',
+                $value: '{base.color.purple.14}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.purple.14}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.purple.14}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.purple.14}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.purple.14}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.purple.14}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.purple.14}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.purple.14}',
               },
             },
           },
         },
         active: {
-          $value: '{base.display.color.purple.8}',
+          $value: '{base.color.purple.12}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -379,7 +709,28 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.purple.8}',
+                $value: '{base.color.purple.14}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.purple.14}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.purple.14}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.purple.14}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.purple.14}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.purple.14}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.purple.14}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.purple.14}',
               },
             },
           },
@@ -429,7 +780,7 @@
     red: {
       bgColor: {
         rest: {
-          $value: '{base.display.color.red.0}',
+          $value: '{base.color.red.2}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -439,13 +790,25 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.red.0}',
+                $value: '{base.color.red.0}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.red.0}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.red.0}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.red.0}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.red.0}',
               },
             },
           },
         },
         hover: {
-          $value: '{base.display.color.red.1}',
+          $value: '{base.color.red.3}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -455,13 +818,34 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.red.1}',
+                $value: '{base.color.red.1}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.red.1}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.red.1}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.red.1}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.red.1}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.red.3}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.red.3}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.red.3}',
               },
             },
           },
         },
         active: {
-          $value: '{base.display.color.red.2}',
+          $value: '{base.color.red.4}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -471,7 +855,28 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.red.2}',
+                $value: '{base.color.red.2}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.red.2}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.red.2}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.red.2}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.red.2}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.red.4}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.red.4}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.red.4}',
               },
             },
           },
@@ -479,7 +884,7 @@
       },
       fgColor: {
         rest: {
-          $value: '{base.display.color.red.6}',
+          $value: '{base.color.red.10}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -489,13 +894,34 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.red.6}',
+                $value: '{base.color.red.14}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.red.14}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.red.14}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.red.14}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.red.14}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.red.14}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.red.14}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.red.14}',
               },
             },
           },
         },
         hover: {
-          $value: '{base.display.color.red.7}',
+          $value: '{base.color.red.11}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -505,13 +931,34 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.red.7}',
+                $value: '{base.color.red.14}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.red.14}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.red.14}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.red.14}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.red.14}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.red.14}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.red.14}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.red.14}',
               },
             },
           },
         },
         active: {
-          $value: '{base.display.color.red.8}',
+          $value: '{base.color.red.12}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -521,7 +968,28 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.red.8}',
+                $value: '{base.color.red.14}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.red.14}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.red.14}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.red.14}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.red.14}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.red.14}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.red.14}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.red.14}',
               },
             },
           },
@@ -571,7 +1039,7 @@
     yellow: {
       bgColor: {
         rest: {
-          $value: '{base.display.color.yellow.0}',
+          $value: '{base.color.yellow.2}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -581,13 +1049,25 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.yellow.0}',
+                $value: '{base.color.yellow.0}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.yellow.0}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.yellow.0}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.yellow.0}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.yellow.0}',
               },
             },
           },
         },
         hover: {
-          $value: '{base.display.color.yellow.1}',
+          $value: '{base.color.yellow.3}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -597,13 +1077,34 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.yellow.1}',
+                $value: '{base.color.yellow.1}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.yellow.1}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.yellow.1}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.yellow.1}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.yellow.1}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.yellow.3}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.yellow.3}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.yellow.3}',
               },
             },
           },
         },
         active: {
-          $value: '{base.display.color.yellow.2}',
+          $value: '{base.color.yellow.4}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -613,7 +1114,28 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.yellow.2}',
+                $value: '{base.color.yellow.2}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.yellow.2}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.yellow.2}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.yellow.2}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.yellow.2}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.yellow.4}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.yellow.4}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.yellow.4}',
               },
             },
           },
@@ -621,7 +1143,7 @@
       },
       fgColor: {
         rest: {
-          $value: '{base.display.color.yellow.6}',
+          $value: '{base.color.yellow.10}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -631,13 +1153,34 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.yellow.6}',
+                $value: '{base.color.yellow.14}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.yellow.14}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.yellow.14}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.yellow.14}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.yellow.14}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.yellow.14}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.yellow.14}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.yellow.14}',
               },
             },
           },
         },
         hover: {
-          $value: '{base.display.color.yellow.7}',
+          $value: '{base.color.yellow.11}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -647,13 +1190,34 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.yellow.7}',
+                $value: '{base.color.yellow.14}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.yellow.14}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.yellow.14}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.yellow.14}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.yellow.14}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.yellow.14}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.yellow.14}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.yellow.14}',
               },
             },
           },
         },
         active: {
-          $value: '{base.display.color.yellow.8}',
+          $value: '{base.color.yellow.12}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -663,7 +1227,28 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.yellow.8}',
+                $value: '{base.color.yellow.14}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.yellow.14}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.yellow.14}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.yellow.14}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.yellow.14}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.yellow.14}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.yellow.14}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.yellow.14}',
               },
             },
           },
@@ -713,7 +1298,7 @@
     gray: {
       bgColor: {
         rest: {
-          $value: '{base.display.color.gray.0}',
+          $value: '{base.color.gray.2}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -723,13 +1308,25 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.gray.0}',
+                $value: '{base.color.gray.0}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.gray.0}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.gray.0}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.gray.0}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.gray.0}',
               },
             },
           },
         },
         hover: {
-          $value: '{base.display.color.gray.1}',
+          $value: '{base.color.gray.3}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -739,13 +1336,34 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.gray.1}',
+                $value: '{base.color.gray.1}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.gray.1}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.gray.1}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.gray.1}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.gray.1}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.gray.3}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.gray.3}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.gray.3}',
               },
             },
           },
         },
         active: {
-          $value: '{base.display.color.gray.2}',
+          $value: '{base.color.gray.4}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -755,7 +1373,28 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.gray.2}',
+                $value: '{base.color.gray.2}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.gray.2}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.gray.2}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.gray.2}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.gray.2}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.gray.4}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.gray.4}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.gray.4}',
               },
             },
           },
@@ -763,7 +1402,7 @@
       },
       fgColor: {
         rest: {
-          $value: '{base.display.color.gray.6}',
+          $value: '{base.color.gray.10}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -773,13 +1412,34 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.gray.6}',
+                $value: '{base.color.gray.14}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.gray.14}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.gray.14}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.gray.14}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.gray.14}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.gray.14}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.gray.14}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.gray.14}',
               },
             },
           },
         },
         hover: {
-          $value: '{base.display.color.gray.7}',
+          $value: '{base.color.gray.11}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -789,13 +1449,34 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.gray.7}',
+                $value: '{base.color.gray.14}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.gray.14}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.gray.14}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.gray.14}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.gray.14}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.gray.14}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.gray.14}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.gray.14}',
               },
             },
           },
         },
         active: {
-          $value: '{base.display.color.gray.8}',
+          $value: '{base.color.gray.12}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -805,7 +1486,28 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.gray.8}',
+                $value: '{base.color.gray.14}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.gray.14}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.gray.14}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.gray.14}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.gray.14}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.gray.14}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.gray.14}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.gray.14}',
               },
             },
           },
@@ -855,7 +1557,7 @@
     auburn: {
       bgColor: {
         rest: {
-          $value: '{base.display.color.auburn.0}',
+          $value: '{base.color.auburn.2}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -865,13 +1567,25 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.auburn.0}',
+                $value: '{base.color.auburn.0}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.auburn.0}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.auburn.0}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.auburn.0}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.auburn.0}',
               },
             },
           },
         },
         hover: {
-          $value: '{base.display.color.auburn.1}',
+          $value: '{base.color.auburn.3}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -881,13 +1595,34 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.auburn.1}',
+                $value: '{base.color.auburn.1}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.auburn.1}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.auburn.1}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.auburn.1}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.auburn.1}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.auburn.3}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.auburn.3}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.auburn.3}',
               },
             },
           },
         },
         active: {
-          $value: '{base.display.color.auburn.2}',
+          $value: '{base.color.auburn.4}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -897,7 +1632,28 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.auburn.2}',
+                $value: '{base.color.auburn.1}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.auburn.1}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.auburn.1}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.auburn.1}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.auburn.1}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.auburn.4}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.auburn.4}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.auburn.4}',
               },
             },
           },
@@ -905,7 +1661,7 @@
       },
       fgColor: {
         rest: {
-          $value: '{base.display.color.auburn.6}',
+          $value: '{base.color.auburn.10}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -915,13 +1671,34 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.auburn.6}',
+                $value: '{base.color.auburn.11}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.auburn.11}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.auburn.11}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.auburn.11}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.auburn.11}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.auburn.11}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.auburn.11}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.auburn.11}',
               },
             },
           },
         },
         hover: {
-          $value: '{base.display.color.auburn.7}',
+          $value: '{base.color.auburn.11}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -931,13 +1708,34 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.auburn.7}',
+                $value: '{base.color.auburn.11}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.auburn.11}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.auburn.11}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.auburn.11}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.auburn.11}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.auburn.11}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.auburn.11}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.auburn.11}',
               },
             },
           },
         },
         active: {
-          $value: '{base.display.color.auburn.8}',
+          $value: '{base.color.auburn.11}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -947,7 +1745,28 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.auburn.8}',
+                $value: '{base.color.auburn.11}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.auburn.11}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.auburn.11}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.auburn.11}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.auburn.11}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.auburn.11}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.auburn.11}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.auburn.11}',
               },
             },
           },
@@ -997,7 +1816,7 @@
     brown: {
       bgColor: {
         rest: {
-          $value: '{base.display.color.brown.0}',
+          $value: '{base.color.brown.2}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1007,13 +1826,25 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.brown.0}',
+                $value: '{base.color.brown.0}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.brown.0}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.brown.0}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.brown.0}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.brown.0}',
               },
             },
           },
         },
         hover: {
-          $value: '{base.display.color.brown.1}',
+          $value: '{base.color.brown.3}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1023,13 +1854,34 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.brown.1}',
+                $value: '{base.color.brown.1}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.brown.1}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.brown.1}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.brown.1}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.brown.1}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.brown.3}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.brown.3}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.brown.3}',
               },
             },
           },
         },
         active: {
-          $value: '{base.display.color.brown.2}',
+          $value: '{base.color.brown.4}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1039,7 +1891,28 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.brown.2}',
+                $value: '{base.color.brown.1}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.brown.1}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.brown.1}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.brown.1}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.brown.1}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.brown.4}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.brown.4}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.brown.4}',
               },
             },
           },
@@ -1047,7 +1920,7 @@
       },
       fgColor: {
         rest: {
-          $value: '{base.display.color.brown.6}',
+          $value: '{base.color.brown.10}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1057,13 +1930,34 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.brown.6}',
+                $value: '{base.color.brown.11}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.brown.11}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.brown.11}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.brown.11}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.brown.11}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.brown.11}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.brown.11}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.brown.11}',
               },
             },
           },
         },
         hover: {
-          $value: '{base.display.color.brown.7}',
+          $value: '{base.color.brown.11}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1073,13 +1967,34 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.brown.7}',
+                $value: '{base.color.brown.11}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.brown.11}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.brown.11}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.brown.11}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.brown.11}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.brown.11}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.brown.11}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.brown.11}',
               },
             },
           },
         },
         active: {
-          $value: '{base.display.color.brown.8}',
+          $value: '{base.color.brown.11}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1089,7 +2004,28 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.brown.8}',
+                $value: '{base.color.brown.11}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.brown.11}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.brown.11}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.brown.11}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.brown.11}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.brown.11}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.brown.11}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.brown.11}',
               },
             },
           },
@@ -1139,7 +2075,7 @@
     lemon: {
       bgColor: {
         rest: {
-          $value: '{base.display.color.lemon.0}',
+          $value: '{base.color.lemon.2}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1149,13 +2085,25 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.lemon.0}',
+                $value: '{base.color.lemon.0}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.lemon.0}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.lemon.0}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.lemon.0}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.lemon.0}',
               },
             },
           },
         },
         hover: {
-          $value: '{base.display.color.lemon.1}',
+          $value: '{base.color.lemon.3}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1165,13 +2113,34 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.lemon.1}',
+                $value: '{base.color.lemon.1}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.lemon.1}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.lemon.1}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.lemon.1}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.lemon.1}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.lemon.3}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.lemon.3}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.lemon.3}',
               },
             },
           },
         },
         active: {
-          $value: '{base.display.color.lemon.2}',
+          $value: '{base.color.lemon.4}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1181,7 +2150,28 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.lemon.2}',
+                $value: '{base.color.lemon.2}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.lemon.2}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.lemon.2}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.lemon.2}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.lemon.2}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.lemon.4}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.lemon.4}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.lemon.4}',
               },
             },
           },
@@ -1189,7 +2179,7 @@
       },
       fgColor: {
         rest: {
-          $value: '{base.display.color.lemon.6}',
+          $value: '{base.color.lemon.10}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1199,13 +2189,34 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.lemon.6}',
+                $value: '{base.color.lemon.14}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.lemon.14}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.lemon.14}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.lemon.14}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.lemon.14}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.lemon.14}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.lemon.14}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.lemon.14}',
               },
             },
           },
         },
         hover: {
-          $value: '{base.display.color.lemon.7}',
+          $value: '{base.color.lemon.11}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1215,13 +2226,34 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.lemon.7}',
+                $value: '{base.color.lemon.14}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.lemon.14}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.lemon.14}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.lemon.14}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.lemon.14}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.lemon.14}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.lemon.14}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.lemon.14}',
               },
             },
           },
         },
         active: {
-          $value: '{base.display.color.lemon.8}',
+          $value: '{base.color.lemon.12}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1231,7 +2263,28 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.lemon.8}',
+                $value: '{base.color.lemon.14}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.lemon.14}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.lemon.14}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.lemon.14}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.lemon.14}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.lemon.14}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.lemon.14}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.lemon.14}',
               },
             },
           },
@@ -1281,7 +2334,7 @@
     olive: {
       bgColor: {
         rest: {
-          $value: '{base.display.color.olive.0}',
+          $value: '{base.color.olive.2}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1291,13 +2344,25 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.olive.0}',
+                $value: '{base.color.olive.0}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.olive.0}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.olive.0}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.olive.0}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.olive.0}',
               },
             },
           },
         },
         hover: {
-          $value: '{base.display.color.olive.1}',
+          $value: '{base.color.olive.3}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1307,13 +2372,34 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.olive.1}',
+                $value: '{base.color.olive.1}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.olive.1}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.olive.1}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.olive.1}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.olive.1}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.olive.3}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.olive.3}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.olive.3}',
               },
             },
           },
         },
         active: {
-          $value: '{base.display.color.olive.2}',
+          $value: '{base.color.olive.4}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1323,7 +2409,28 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.olive.2}',
+                $value: '{base.color.olive.1}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.olive.1}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.olive.1}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.olive.1}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.olive.1}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.olive.4}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.olive.4}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.olive.4}',
               },
             },
           },
@@ -1331,7 +2438,7 @@
       },
       fgColor: {
         rest: {
-          $value: '{base.display.color.olive.6}',
+          $value: '{base.color.olive.10}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1341,13 +2448,34 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.olive.6}',
+                $value: '{base.color.olive.11}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.olive.11}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.olive.11}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.olive.11}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.olive.11}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.olive.11}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.olive.11}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.olive.11}',
               },
             },
           },
         },
         hover: {
-          $value: '{base.display.color.olive.7}',
+          $value: '{base.color.olive.11}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1357,13 +2485,34 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.olive.7}',
+                $value: '{base.color.olive.11}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.olive.11}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.olive.11}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.olive.11}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.olive.11}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.olive.11}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.olive.11}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.olive.11}',
               },
             },
           },
         },
         active: {
-          $value: '{base.display.color.olive.8}',
+          $value: '{base.color.olive.11}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1373,7 +2522,28 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.olive.8}',
+                $value: '{base.color.olive.11}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.olive.11}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.olive.11}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.olive.11}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.olive.11}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.olive.11}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.olive.11}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.olive.11}',
               },
             },
           },
@@ -1423,7 +2593,7 @@
     lime: {
       bgColor: {
         rest: {
-          $value: '{base.display.color.lime.0}',
+          $value: '{base.color.lime.2}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1433,13 +2603,25 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.lime.0}',
+                $value: '{base.color.lime.0}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.lime.0}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.lime.0}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.lime.0}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.lime.0}',
               },
             },
           },
         },
         hover: {
-          $value: '{base.display.color.lime.1}',
+          $value: '{base.color.lime.3}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1449,13 +2631,34 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.lime.1}',
+                $value: '{base.color.lime.1}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.lime.1}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.lime.1}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.lime.1}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.lime.1}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.lime.3}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.lime.3}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.lime.3}',
               },
             },
           },
         },
         active: {
-          $value: '{base.display.color.lime.2}',
+          $value: '{base.color.lime.4}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1465,7 +2668,28 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.lime.2}',
+                $value: '{base.color.lime.2}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.lime.2}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.lime.2}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.lime.2}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.lime.2}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.lime.4}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.lime.4}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.lime.4}',
               },
             },
           },
@@ -1473,7 +2697,7 @@
       },
       fgColor: {
         rest: {
-          $value: '{base.display.color.lime.6}',
+          $value: '{base.color.lime.10}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1483,13 +2707,34 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.lime.6}',
+                $value: '{base.color.lime.14}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.lime.14}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.lime.14}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.lime.14}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.lime.14}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.lime.14}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.lime.14}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.lime.14}',
               },
             },
           },
         },
         hover: {
-          $value: '{base.display.color.lime.7}',
+          $value: '{base.color.lime.11}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1499,13 +2744,34 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.lime.7}',
+                $value: '{base.color.lime.14}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.lime.14}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.lime.14}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.lime.14}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.lime.14}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.lime.14}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.lime.14}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.lime.14}',
               },
             },
           },
         },
         active: {
-          $value: '{base.display.color.lime.8}',
+          $value: '{base.color.lime.12}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1515,7 +2781,28 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.lime.8}',
+                $value: '{base.color.lime.14}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.lime.14}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.lime.14}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.lime.14}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.lime.14}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.lime.14}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.lime.14}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.lime.14}',
               },
             },
           },
@@ -1565,7 +2852,7 @@
     pine: {
       bgColor: {
         rest: {
-          $value: '{base.display.color.pine.0}',
+          $value: '{base.color.pine.2}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1575,13 +2862,25 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.pine.0}',
+                $value: '{base.color.pine.0}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.pine.0}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.pine.0}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.pine.0}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.pine.0}',
               },
             },
           },
         },
         hover: {
-          $value: '{base.display.color.pine.1}',
+          $value: '{base.color.pine.3}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1591,13 +2890,34 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.pine.1}',
+                $value: '{base.color.pine.1}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.pine.1}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.pine.1}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.pine.1}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.pine.1}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.pine.3}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.pine.3}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.pine.3}',
               },
             },
           },
         },
         active: {
-          $value: '{base.display.color.pine.2}',
+          $value: '{base.color.pine.4}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1607,7 +2927,28 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.pine.2}',
+                $value: '{base.color.pine.1}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.pine.1}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.pine.1}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.pine.1}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.pine.1}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.pine.4}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.pine.4}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.pine.4}',
               },
             },
           },
@@ -1615,7 +2956,7 @@
       },
       fgColor: {
         rest: {
-          $value: '{base.display.color.pine.6}',
+          $value: '{base.color.pine.10}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1625,13 +2966,34 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.pine.6}',
+                $value: '{base.color.pine.11}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.pine.11}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.pine.11}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.pine.11}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.pine.11}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.pine.11}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.pine.11}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.pine.11}',
               },
             },
           },
         },
         hover: {
-          $value: '{base.display.color.pine.7}',
+          $value: '{base.color.pine.11}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1641,13 +3003,34 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.pine.7}',
+                $value: '{base.color.pine.11}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.pine.11}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.pine.11}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.pine.11}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.pine.11}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.pine.11}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.pine.11}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.pine.11}',
               },
             },
           },
         },
         active: {
-          $value: '{base.display.color.pine.8}',
+          $value: '{base.color.pine.11}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1657,7 +3040,28 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.pine.8}',
+                $value: '{base.color.pine.11}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.pine.11}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.pine.11}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.pine.11}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.pine.11}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.pine.11}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.pine.11}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.pine.11}',
               },
             },
           },
@@ -1707,7 +3111,7 @@
     teal: {
       bgColor: {
         rest: {
-          $value: '{base.display.color.teal.0}',
+          $value: '{base.color.teal.2}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1717,13 +3121,25 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.teal.0}',
+                $value: '{base.color.teal.0}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.teal.0}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.teal.0}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.teal.0}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.teal.0}',
               },
             },
           },
         },
         hover: {
-          $value: '{base.display.color.teal.1}',
+          $value: '{base.color.teal.3}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1733,13 +3149,34 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.teal.1}',
+                $value: '{base.color.teal.1}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.teal.1}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.teal.1}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.teal.1}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.teal.1}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.teal.3}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.teal.3}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.teal.3}',
               },
             },
           },
         },
         active: {
-          $value: '{base.display.color.teal.2}',
+          $value: '{base.color.teal.4}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1749,7 +3186,28 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.teal.2}',
+                $value: '{base.color.teal.2}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.teal.2}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.teal.2}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.teal.2}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.teal.2}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.teal.4}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.teal.4}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.teal.4}',
               },
             },
           },
@@ -1757,7 +3215,7 @@
       },
       fgColor: {
         rest: {
-          $value: '{base.display.color.teal.6}',
+          $value: '{base.color.teal.10}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1767,13 +3225,34 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.teal.6}',
+                $value: '{base.color.teal.14}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.teal.14}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.teal.14}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.teal.14}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.teal.14}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.teal.14}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.teal.14}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.teal.14}',
               },
             },
           },
         },
         hover: {
-          $value: '{base.display.color.teal.7}',
+          $value: '{base.color.teal.11}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1783,13 +3262,34 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.teal.7}',
+                $value: '{base.color.teal.14}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.teal.14}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.teal.14}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.teal.14}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.teal.14}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.teal.14}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.teal.14}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.teal.14}',
               },
             },
           },
         },
         active: {
-          $value: '{base.display.color.teal.8}',
+          $value: '{base.color.teal.12}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1799,7 +3299,28 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.teal.8}',
+                $value: '{base.color.teal.14}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.teal.14}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.teal.14}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.teal.14}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.teal.14}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.teal.14}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.teal.14}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.teal.14}',
               },
             },
           },
@@ -1849,7 +3370,7 @@
     cyan: {
       bgColor: {
         rest: {
-          $value: '{base.display.color.cyan.0}',
+          $value: '{base.color.cyan.2}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1859,13 +3380,25 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.cyan.0}',
+                $value: '{base.color.cyan.0}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.cyan.0}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.cyan.0}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.cyan.0}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.cyan.0}',
               },
             },
           },
         },
         hover: {
-          $value: '{base.display.color.cyan.1}',
+          $value: '{base.color.cyan.3}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1875,13 +3408,34 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.cyan.1}',
+                $value: '{base.color.cyan.1}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.cyan.1}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.cyan.1}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.cyan.1}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.cyan.1}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.cyan.3}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.cyan.3}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.cyan.3}',
               },
             },
           },
         },
         active: {
-          $value: '{base.display.color.cyan.2}',
+          $value: '{base.color.cyan.4}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1891,7 +3445,28 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.cyan.2}',
+                $value: '{base.color.cyan.1}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.cyan.1}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.cyan.1}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.cyan.1}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.cyan.1}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.cyan.4}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.cyan.4}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.cyan.4}',
               },
             },
           },
@@ -1899,7 +3474,7 @@
       },
       fgColor: {
         rest: {
-          $value: '{base.display.color.cyan.6}',
+          $value: '{base.color.cyan.10}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1909,13 +3484,34 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.cyan.6}',
+                $value: '{base.color.cyan.11}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.cyan.11}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.cyan.11}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.cyan.11}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.cyan.11}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.cyan.11}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.cyan.11}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.cyan.11}',
               },
             },
           },
         },
         hover: {
-          $value: '{base.display.color.cyan.7}',
+          $value: '{base.color.cyan.11}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1925,13 +3521,34 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.cyan.7}',
+                $value: '{base.color.cyan.11}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.cyan.11}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.cyan.11}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.cyan.11}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.cyan.11}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.cyan.11}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.cyan.11}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.cyan.11}',
               },
             },
           },
         },
         active: {
-          $value: '{base.display.color.cyan.8}',
+          $value: '{base.color.cyan.11}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1941,7 +3558,28 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.cyan.8}',
+                $value: '{base.color.cyan.11}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.cyan.11}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.cyan.11}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.cyan.11}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.cyan.11}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.cyan.11}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.cyan.11}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.cyan.11}',
               },
             },
           },
@@ -1991,7 +3629,7 @@
     indigo: {
       bgColor: {
         rest: {
-          $value: '{base.display.color.indigo.0}',
+          $value: '{base.color.indigo.2}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2001,13 +3639,25 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.indigo.0}',
+                $value: '{base.color.indigo.0}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.indigo.0}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.indigo.0}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.indigo.0}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.indigo.0}',
               },
             },
           },
         },
         hover: {
-          $value: '{base.display.color.indigo.1}',
+          $value: '{base.color.indigo.3}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2017,13 +3667,34 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.indigo.1}',
+                $value: '{base.color.indigo.1}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.indigo.1}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.indigo.1}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.indigo.1}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.indigo.1}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.indigo.3}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.indigo.3}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.indigo.3}',
               },
             },
           },
         },
         active: {
-          $value: '{base.display.color.indigo.2}',
+          $value: '{base.color.indigo.4}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2033,7 +3704,28 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.indigo.2}',
+                $value: '{base.color.indigo.2}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.indigo.2}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.indigo.2}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.indigo.2}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.indigo.2}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.indigo.4}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.indigo.4}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.indigo.4}',
               },
             },
           },
@@ -2041,7 +3733,7 @@
       },
       fgColor: {
         rest: {
-          $value: '{base.display.color.indigo.6}',
+          $value: '{base.color.indigo.10}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2051,13 +3743,34 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.indigo.6}',
+                $value: '{base.color.indigo.14}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.indigo.14}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.indigo.14}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.indigo.14}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.indigo.14}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.indigo.14}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.indigo.14}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.indigo.14}',
               },
             },
           },
         },
         hover: {
-          $value: '{base.display.color.indigo.7}',
+          $value: '{base.color.indigo.11}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2067,13 +3780,34 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.indigo.7}',
+                $value: '{base.color.indigo.14}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.indigo.14}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.indigo.14}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.indigo.14}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.indigo.14}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.indigo.14}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.indigo.14}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.indigo.14}',
               },
             },
           },
         },
         active: {
-          $value: '{base.display.color.indigo.8}',
+          $value: '{base.color.indigo.12}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2083,7 +3817,28 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.indigo.8}',
+                $value: '{base.color.indigo.14}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.indigo.14}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.indigo.14}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.indigo.14}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.indigo.14}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.indigo.14}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.indigo.14}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.indigo.14}',
               },
             },
           },
@@ -2133,7 +3888,7 @@
     blue: {
       bgColor: {
         rest: {
-          $value: '{base.display.color.blue.0}',
+          $value: '{base.color.blue.2}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2143,13 +3898,25 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.blue.0}',
+                $value: '{base.color.blue.0}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.blue.0}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.blue.0}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.blue.0}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.blue.0}',
               },
             },
           },
         },
         hover: {
-          $value: '{base.display.color.blue.1}',
+          $value: '{base.color.blue.3}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2159,13 +3926,34 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.blue.1}',
+                $value: '{base.color.blue.1}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.blue.1}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.blue.1}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.blue.1}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.blue.1}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.blue.3}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.blue.3}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.blue.3}',
               },
             },
           },
         },
         active: {
-          $value: '{base.display.color.blue.2}',
+          $value: '{base.color.blue.4}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2175,7 +3963,28 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.blue.2}',
+                $value: '{base.color.blue.2}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.blue.2}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.blue.2}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.blue.2}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.blue.2}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.blue.4}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.blue.4}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.blue.4}',
               },
             },
           },
@@ -2183,7 +3992,7 @@
       },
       fgColor: {
         rest: {
-          $value: '{base.display.color.blue.6}',
+          $value: '{base.color.blue.10}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2193,13 +4002,34 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.blue.6}',
+                $value: '{base.color.blue.14}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.blue.14}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.blue.14}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.blue.14}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.blue.14}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.blue.14}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.blue.14}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.blue.14}',
               },
             },
           },
         },
         hover: {
-          $value: '{base.display.color.blue.7}',
+          $value: '{base.color.blue.11}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2209,13 +4039,34 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.blue.7}',
+                $value: '{base.color.blue.14}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.blue.14}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.blue.14}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.blue.14}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.blue.14}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.blue.14}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.blue.14}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.blue.14}',
               },
             },
           },
         },
         active: {
-          $value: '{base.display.color.blue.8}',
+          $value: '{base.color.blue.12}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2225,7 +4076,28 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.blue.8}',
+                $value: '{base.color.blue.14}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.blue.14}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.blue.14}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.blue.14}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.blue.14}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.blue.14}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.blue.14}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.blue.14}',
               },
             },
           },
@@ -2275,7 +4147,7 @@
     plum: {
       bgColor: {
         rest: {
-          $value: '{base.display.color.plum.0}',
+          $value: '{base.color.plum.2}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2285,13 +4157,25 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.plum.0}',
+                $value: '{base.color.plum.0}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.plum.0}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.plum.0}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.plum.0}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.plum.0}',
               },
             },
           },
         },
         hover: {
-          $value: '{base.display.color.plum.1}',
+          $value: '{base.color.plum.3}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2301,13 +4185,34 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.plum.1}',
+                $value: '{base.color.plum.1}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.plum.1}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.plum.1}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.plum.1}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.plum.1}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.plum.3}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.plum.3}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.plum.3}',
               },
             },
           },
         },
         active: {
-          $value: '{base.display.color.plum.2}',
+          $value: '{base.color.plum.4}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2317,7 +4222,28 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.plum.2}',
+                $value: '{base.color.plum.1}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.plum.1}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.plum.1}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.plum.1}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.plum.1}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.plum.4}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.plum.4}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.plum.4}',
               },
             },
           },
@@ -2325,7 +4251,7 @@
       },
       fgColor: {
         rest: {
-          $value: '{base.display.color.plum.6}',
+          $value: '{base.color.plum.10}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2335,13 +4261,34 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.plum.6}',
+                $value: '{base.color.plum.11}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.plum.11}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.plum.11}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.plum.11}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.plum.11}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.plum.11}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.plum.11}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.plum.11}',
               },
             },
           },
         },
         hover: {
-          $value: '{base.display.color.plum.7}',
+          $value: '{base.color.plum.11}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2351,13 +4298,34 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.plum.7}',
+                $value: '{base.color.plum.11}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.plum.11}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.plum.11}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.plum.11}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.plum.11}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.plum.11}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.plum.11}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.plum.11}',
               },
             },
           },
         },
         active: {
-          $value: '{base.display.color.plum.8}',
+          $value: '{base.color.plum.11}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2367,7 +4335,28 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.plum.8}',
+                $value: '{base.color.plum.11}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.plum.11}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.plum.11}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.plum.11}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.plum.11}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.plum.11}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.plum.11}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.plum.11}',
               },
             },
           },
@@ -2417,7 +4406,7 @@
     pink: {
       bgColor: {
         rest: {
-          $value: '{base.display.color.pink.0}',
+          $value: '{base.color.pink.2}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2427,13 +4416,25 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.pink.0}',
+                $value: '{base.color.pink.0}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.pink.0}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.pink.0}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.pink.0}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.pink.0}',
               },
             },
           },
         },
         hover: {
-          $value: '{base.display.color.pink.1}',
+          $value: '{base.color.pink.3}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2443,13 +4444,34 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.pink.1}',
+                $value: '{base.color.pink.1}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.pink.1}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.pink.1}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.pink.1}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.pink.1}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.pink.3}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.pink.3}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.pink.3}',
               },
             },
           },
         },
         active: {
-          $value: '{base.display.color.pink.2}',
+          $value: '{base.color.pink.4}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2459,7 +4481,28 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.pink.2}',
+                $value: '{base.color.pink.2}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.pink.2}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.pink.2}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.pink.2}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.pink.2}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.pink.4}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.pink.4}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.pink.4}',
               },
             },
           },
@@ -2467,7 +4510,7 @@
       },
       fgColor: {
         rest: {
-          $value: '{base.display.color.pink.6}',
+          $value: '{base.color.pink.10}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2477,13 +4520,34 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.pink.6}',
+                $value: '{base.color.pink.14}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.pink.14}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.pink.14}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.pink.14}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.pink.14}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.pink.14}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.pink.14}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.pink.14}',
               },
             },
           },
         },
         hover: {
-          $value: '{base.display.color.pink.7}',
+          $value: '{base.color.pink.11}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2493,13 +4557,34 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.pink.7}',
+                $value: '{base.color.pink.14}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.pink.14}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.pink.14}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.pink.14}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.pink.14}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.pink.14}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.pink.14}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.pink.14}',
               },
             },
           },
         },
         active: {
-          $value: '{base.display.color.pink.8}',
+          $value: '{base.color.pink.12}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2509,7 +4594,28 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.pink.8}',
+                $value: '{base.color.pink.14}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.pink.14}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.pink.14}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.pink.14}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.pink.14}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.pink.14}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.pink.14}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.pink.14}',
               },
             },
           },
@@ -2559,7 +4665,7 @@
     coral: {
       bgColor: {
         rest: {
-          $value: '{base.display.color.coral.0}',
+          $value: '{base.color.coral.2}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2569,13 +4675,25 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.coral.0}',
+                $value: '{base.color.coral.0}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.coral.0}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.coral.0}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.coral.0}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.coral.0}',
               },
             },
           },
         },
         hover: {
-          $value: '{base.display.color.coral.1}',
+          $value: '{base.color.coral.3}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2585,13 +4703,34 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.coral.1}',
+                $value: '{base.color.coral.1}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.coral.1}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.coral.1}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.coral.1}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.coral.1}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.coral.3}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.coral.3}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.coral.3}',
               },
             },
           },
         },
         active: {
-          $value: '{base.display.color.coral.2}',
+          $value: '{base.color.coral.4}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2601,7 +4740,28 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.coral.2}',
+                $value: '{base.color.coral.2}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.coral.2}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.coral.2}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.coral.2}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.coral.2}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.coral.4}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.coral.4}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.coral.4}',
               },
             },
           },
@@ -2609,7 +4769,7 @@
       },
       fgColor: {
         rest: {
-          $value: '{base.display.color.coral.6}',
+          $value: '{base.color.coral.10}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2619,13 +4779,34 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.coral.6}',
+                $value: '{base.color.coral.14}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.coral.14}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.coral.14}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.coral.14}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.coral.14}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.coral.14}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.coral.14}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.coral.14}',
               },
             },
           },
         },
         hover: {
-          $value: '{base.display.color.coral.7}',
+          $value: '{base.color.coral.11}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2635,13 +4816,34 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.coral.7}',
+                $value: '{base.color.coral.14}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.coral.14}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.coral.14}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.coral.14}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.coral.14}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.coral.14}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.coral.14}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.coral.14}',
               },
             },
           },
         },
         active: {
-          $value: '{base.display.color.coral.8}',
+          $value: '{base.color.coral.12}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2651,7 +4853,28 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.coral.8}',
+                $value: '{base.color.coral.14}',
+              },
+              'light-high-contrast': {
+                $value: '{base.color.coral.14}',
+              },
+              'light-tritanopia-high-contrast': {
+                $value: '{base.color.coral.14}',
+              },
+              'light-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.coral.14}',
+              },
+              'dark-high-contrast': {
+                $value: '{base.color.coral.14}',
+              },
+              'dark-dimmed-high-contrast': {
+                $value: '{base.color.coral.14}',
+              },
+              'dark-tritanopia-high-contrast': {
+                $value: '{base.color.coral.14}',
+              },
+              'dark-protanopia-deuteranopia-high-contrast': {
+                $value: '{base.color.coral.14}',
               },
             },
           },
diff --git a/src/tokens/component/overlay.json5 b/src/tokens/component/overlay.json5
index ad8230330..65de97748 100644
--- a/src/tokens/component/overlay.json5
+++ b/src/tokens/component/overlay.json5
@@ -10,8 +10,8 @@
           scopes: ['bgColor'],
         },
         'org.primer.overrides': {
-          'dark-dimmed': '{base.color.neutral.5}',
-          'dark-dimmed-high-contrast': '{base.color.neutral.4}',
+          'dark-dimmed': '{base.color.neutral.4}',
+          'dark-dimmed-high-contrast': '{base.color.neutral.3}',
         },
       },
     },
@@ -29,7 +29,7 @@
             $value: '{borderColor.muted}',
           },
           'dark-dimmed': {
-            $value: '{base.color.neutral.7}',
+            $value: '{base.color.neutral.5}',
             alpha: 0.7,
           },
           'light-high-contrast': {
@@ -66,7 +66,7 @@
     },
     backdrop: {
       bgColor: {
-        $value: '{base.color.neutral.7}',
+        $value: '{base.color.neutral.5}',
         $type: 'color',
         $extensions: {
           'org.primer.figma': {
@@ -76,14 +76,14 @@
           },
           'org.primer.overrides': {
             dark: '{base.color.neutral.3}',
-            'dark-dimmed': '{base.color.neutral.4}',
-            'light-high-contrast': '{base.color.neutral.11}',
-            'light-protanopia-deuteranopia-high-contrast': '{base.color.neutral.11}',
-            'light-tritanopia-high-contrast': '{base.color.neutral.11}',
-            'dark-high-contrast': '{base.color.neutral.11}',
-            'dark-dimmed-high-contrast': '{base.color.neutral.9}',
-            'dark-protanopia-deuteranopia-high-contrast': '{base.color.neutral.11}',
-            'dark-tritanopia-high-contrast': '{base.color.neutral.11}',
+            'dark-dimmed': '{base.color.neutral.3}',
+            'light-high-contrast': '{base.color.neutral.9}',
+            'light-protanopia-deuteranopia-high-contrast': '{base.color.neutral.9}',
+            'light-tritanopia-high-contrast': '{base.color.neutral.9}',
+            'dark-high-contrast': '{base.color.neutral.9}',
+            'dark-dimmed-high-contrast': '{base.color.neutral.7}',
+            'dark-protanopia-deuteranopia-high-contrast': '{base.color.neutral.9}',
+            'dark-tritanopia-high-contrast': '{base.color.neutral.9}',
           },
         },
         alpha: 0.4,
diff --git a/src/tokens/component/progressBar.json5 b/src/tokens/component/progressBar.json5
index 40816af4a..dcf433a12 100644
--- a/src/tokens/component/progressBar.json5
+++ b/src/tokens/component/progressBar.json5
@@ -35,9 +35,9 @@
             'dark-dimmed-high-contrast': '{progressBar.track.bgColor}',
             'dark-protanopia-deuteranopia-high-contrast': '{progressBar.track.bgColor}',
             'dark-tritanopia-high-contrast': '{progressBar.track.bgColor}',
-            'light-high-contrast': '{base.color.neutral.11}',
-            'light-protanopia-deuteranopia-high-contrast': '{base.color.neutral.11}',
-            'light-tritanopia-high-contrast': '{base.color.neutral.11}',
+            'light-high-contrast': '{base.color.neutral.9}',
+            'light-protanopia-deuteranopia-high-contrast': '{base.color.neutral.9}',
+            'light-tritanopia-high-contrast': '{base.color.neutral.9}',
           },
         },
       },
@@ -119,13 +119,13 @@
             scopes: ['bgColor'],
           },
           'org.primer.overrides': {
-            'dark-high-contrast': '{base.color.neutral.8}',
-            'dark-dimmed-high-contrast': '{base.color.neutral.8}',
-            'dark-protanopia-deuteranopia-high-contrast': '{base.color.neutral.8}',
-            'dark-tritanopia-high-contrast': '{base.color.neutral.8}',
-            'light-high-contrast': '{base.color.neutral.8}',
-            'light-protanopia-deuteranopia-high-contrast': '{base.color.neutral.8}',
-            'light-tritanopia-high-contrast': '{base.color.neutral.8}',
+            'dark-high-contrast': '{base.color.neutral.6}',
+            'dark-dimmed-high-contrast': '{base.color.neutral.6}',
+            'dark-protanopia-deuteranopia-high-contrast': '{base.color.neutral.6}',
+            'dark-tritanopia-high-contrast': '{base.color.neutral.6}',
+            'light-high-contrast': '{base.color.neutral.6}',
+            'light-protanopia-deuteranopia-high-contrast': '{base.color.neutral.6}',
+            'light-tritanopia-high-contrast': '{base.color.neutral.6}',
           },
         },
       },
diff --git a/src/tokens/component/reactionButton.json5 b/src/tokens/component/reactionButton.json5
index 66ace4a09..139939f49 100644
--- a/src/tokens/component/reactionButton.json5
+++ b/src/tokens/component/reactionButton.json5
@@ -3,7 +3,7 @@
     selected: {
       bgColor: {
         rest: {
-          $value: '{base.color.blue.0}',
+          $value: '{base.color.blue.2}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -13,7 +13,7 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.color.blue.4}',
+                $value: '{base.color.blue.6}',
                 alpha: 0.2,
               },
             },
@@ -75,7 +75,7 @@
           },
         },
         hover: {
-          $value: '{base.color.blue.6}',
+          $value: '{base.color.blue.8}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -84,7 +84,7 @@
               scopes: ['fgColor'],
             },
             'org.primer.overrides': {
-              dark: '{base.color.blue.2}',
+              dark: '{base.color.blue.7}',
             },
           },
         },
diff --git a/src/tokens/component/selectMenu.json5 b/src/tokens/component/selectMenu.json5
index af58ac3ca..e17814edc 100644
--- a/src/tokens/component/selectMenu.json5
+++ b/src/tokens/component/selectMenu.json5
@@ -18,7 +18,7 @@
     },
     bgColor: {
       active: {
-        $value: '{base.color.blue.1}',
+        $value: '{base.color.blue.3}',
         $type: 'color',
         $extensions: {
           'org.primer.figma': {
@@ -28,7 +28,7 @@
           },
           'org.primer.overrides': {
             dark: {
-              $value: '{base.color.blue.8}',
+              $value: '{base.color.blue.10}',
             },
           },
         },
diff --git a/src/tokens/component/skeletonLoader.json5 b/src/tokens/component/skeletonLoader.json5
index 1c87ebd44..0752c75f5 100644
--- a/src/tokens/component/skeletonLoader.json5
+++ b/src/tokens/component/skeletonLoader.json5
@@ -1,7 +1,7 @@
 {
   skeletonLoader: {
     bgColor: {
-      $value: '{base.color.neutral.8}',
+      $value: '{base.color.neutral.6}',
       $type: 'color',
       $extensions: {
         'org.primer.figma': {
@@ -14,31 +14,31 @@
             alpha: 0.2,
           },
           'light-high-contrast': {
-            $value: '{base.color.neutral.5}',
+            $value: '{base.color.neutral.4}',
             alpha: 1,
           },
           'light-protanopia-deuteranopia-high-contrast': {
-            $value: '{base.color.neutral.5}',
+            $value: '{base.color.neutral.4}',
             alpha: 1,
           },
           'light-tritanopia-high-contrast': {
-            $value: '{base.color.neutral.5}',
+            $value: '{base.color.neutral.4}',
             alpha: 1,
           },
           'dark-high-contrast': {
-            $value: '{base.color.neutral.5}',
+            $value: '{base.color.neutral.4}',
             alpha: 1,
           },
           'dark-dimmed-high-contrast': {
-            $value: '{base.color.neutral.5}',
+            $value: '{base.color.neutral.4}',
             alpha: 1,
           },
           'dark-protanopia-deuteranopia-high-contrast': {
-            $value: '{base.color.neutral.5}',
+            $value: '{base.color.neutral.4}',
             alpha: 1,
           },
           'dark-tritanopia-high-contrast': {
-            $value: '{base.color.neutral.5}',
+            $value: '{base.color.neutral.4}',
             alpha: 1,
           },
         },
diff --git a/src/tokens/component/timelineBadge.json5 b/src/tokens/component/timelineBadge.json5
index ed6959fd2..e639391f4 100644
--- a/src/tokens/component/timelineBadge.json5
+++ b/src/tokens/component/timelineBadge.json5
@@ -11,7 +11,7 @@
         },
         'org.primer.overrides': {
           dark: '{base.color.neutral.3}',
-          'dark-dimmed': '{base.color.neutral.4}',
+          'dark-dimmed': '{base.color.neutral.3}',
         },
       },
     },
diff --git a/src/tokens/component/treeView.json5 b/src/tokens/component/treeView.json5
index 298e814b5..f506296d1 100644
--- a/src/tokens/component/treeView.json5
+++ b/src/tokens/component/treeView.json5
@@ -3,7 +3,7 @@
     leadingVisual: {
       iconColor: {
         rest: {
-          $value: '{base.color.blue.3}',
+          $value: '{base.color.blue.5}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
diff --git a/src/tokens/component/underlineNav.json5 b/src/tokens/component/underlineNav.json5
index 72d8f2ed4..a3e3c651e 100644
--- a/src/tokens/component/underlineNav.json5
+++ b/src/tokens/component/underlineNav.json5
@@ -2,7 +2,7 @@
   underlineNav: {
     borderColor: {
       active: {
-        $value: '{base.color.coral.3}',
+        $value: '{base.color.coral.5}',
         $type: 'color',
         $extensions: {
           'org.primer.figma': {
@@ -12,7 +12,7 @@
           },
           'org.primer.overrides': {
             dark: {
-              $value: '{base.color.coral.3}',
+              $value: '{base.color.coral.8}',
             },
           },
         },
diff --git a/src/tokens/functional/color/bgColor.json5 b/src/tokens/functional/color/bgColor.json5
index df21c1d67..e68ea0f43 100644
--- a/src/tokens/functional/color/bgColor.json5
+++ b/src/tokens/functional/color/bgColor.json5
@@ -16,7 +16,7 @@
         'org.primer.overrides': {
           dark: '{base.color.neutral.1}',
           'dark-dimmed': '{base.color.neutral.3}',
-          'dark-dimmed-high-contrast': '{base.color.neutral.3}',
+          'dark-dimmed-high-contrast': '{base.color.neutral.0}',
           'dark-high-contrast': '{base.color.neutral.0}',
           'dark-tritanopia-high-contrast': '{base.color.neutral.0}',
           'dark-protanopia-deuteranopia-high-contrast': '{base.color.neutral.0}',
@@ -42,11 +42,11 @@
         },
         'org.primer.overrides': {
           dark: '{base.color.neutral.2}',
-          'dark-dimmed': '{base.color.neutral.4}',
-          'dark-dimmed-high-contrast': '{base.color.neutral.4}',
-          'light-high-contrast': '{base.color.neutral.3}',
-          'light-tritanopia-high-contrast': '{base.color.neutral.3}',
-          'light-protanopia-deuteranopia-high-contrast': '{base.color.neutral.3}',
+          'dark-dimmed': '{base.color.neutral.3}',
+          'dark-dimmed-high-contrast': '{base.color.neutral.0}',
+          'light-high-contrast': '{base.color.neutral.2}',
+          'light-tritanopia-high-contrast': '{base.color.neutral.2}',
+          'light-protanopia-deuteranopia-high-contrast': '{base.color.neutral.2}',
           'dark-high-contrast': '{base.color.neutral.2}',
           'dark-tritanopia-high-contrast': '{base.color.neutral.2}',
           'dark-protanopia-deuteranopia-high-contrast': '{base.color.neutral.2}',
@@ -73,7 +73,7 @@
         'org.primer.overrides': {
           dark: '{base.color.neutral.0}',
           'dark-dimmed': '{base.color.neutral.2}',
-          'dark-dimmed-high-contrast': '{base.color.neutral.2}',
+          'dark-dimmed-high-contrast': '{base.color.neutral.0}',
           'light-high-contrast': '{base.color.neutral.2}',
           'light-tritanopia-high-contrast': '{base.color.neutral.2}',
           'light-protanopia-deuteranopia-high-contrast': '{base.color.neutral.2}',
@@ -85,7 +85,7 @@
       },
     },
     emphasis: {
-      $value: '{base.color.neutral.12}',
+      $value: '{base.color.neutral.10}',
       $type: 'color',
       $description: 'High-emphasis dark background for strong visual contrast',
       $extensions: {
@@ -98,7 +98,7 @@
           },
         },
         'org.primer.overrides': {
-          dark: '{base.color.neutral.7}',
+          dark: '{base.color.neutral.5}',
         },
         'org.primer.llm': {
           usage: ['tooltip', 'badge-background', 'high-contrast-element'],
@@ -107,7 +107,7 @@
       },
     },
     inverse: {
-      $value: '{base.color.neutral.12}',
+      $value: '{base.color.neutral.10}',
       $type: 'color',
       $description: 'Inverse background that flips between light and dark modes',
       $extensions: {
@@ -117,7 +117,7 @@
           scopes: ['bgColor'],
         },
         'org.primer.overrides': {
-          dark: '{base.color.neutral.13}',
+          dark: '{base.color.neutral.11}',
         },
         'org.primer.llm': {
           usage: ['overlay-content', 'inverse-theme-element'],
@@ -136,7 +136,7 @@
           scopes: ['bgColor'],
         },
         'org.primer.overrides': {
-          dark: '{base.color.neutral.13}',
+          dark: '{base.color.neutral.11}',
         },
         'org.primer.llm': {
           doNotUse: true,
@@ -145,7 +145,7 @@
       },
     },
     black: {
-      $value: '{base.color.neutral.13}',
+      $value: '{base.color.neutral.11}',
       $type: 'color',
       $description: 'Pure black background',
       $extensions: {
@@ -175,14 +175,14 @@
         },
         'org.primer.overrides': {
           dark: '{base.color.neutral.3}',
-          'dark-dimmed': '{base.color.neutral.5}',
-          'dark-dimmed-high-contrast': '{base.color.neutral.5}',
-          'light-high-contrast': '{base.color.neutral.4}',
-          'light-tritanopia-high-contrast': '{base.color.neutral.4}',
-          'light-protanopia-deuteranopia-high-contrast': '{base.color.neutral.4}',
-          'dark-high-contrast': '{base.color.neutral.4}',
-          'dark-tritanopia-high-contrast': '{base.color.neutral.4}',
-          'dark-protanopia-deuteranopia-high-contrast': '{base.color.neutral.4}',
+          'dark-dimmed': '{base.color.neutral.4}',
+          'dark-dimmed-high-contrast': '{base.color.neutral.4}',
+          'light-high-contrast': '{base.color.neutral.3}',
+          'light-tritanopia-high-contrast': '{base.color.neutral.3}',
+          'light-protanopia-deuteranopia-high-contrast': '{base.color.neutral.3}',
+          'dark-high-contrast': '{base.color.neutral.3}',
+          'dark-tritanopia-high-contrast': '{base.color.neutral.3}',
+          'dark-protanopia-deuteranopia-high-contrast': '{base.color.neutral.3}',
         },
         'org.primer.llm': {
           usage: ['disabled-button', 'disabled-input', 'inactive-element'],
@@ -211,7 +211,7 @@
     },
     neutral: {
       muted: {
-        $value: '{base.color.neutral.8}',
+        $value: '{base.color.neutral.6}',
         $type: 'color',
         $description: 'Subtle neutral background for tags, labels, and secondary UI elements',
         $extensions: {
@@ -222,19 +222,19 @@
           },
           'org.primer.overrides': {
             light: {
-              $value: '{base.color.neutral.8}',
+              $value: '{base.color.neutral.6}',
               alpha: 0.12,
             },
             dark: {
-              $value: '{base.color.neutral.8}',
+              $value: '{base.color.neutral.6}',
               alpha: 0.2,
             },
-            'light-high-contrast': '{base.color.neutral.4}',
-            'light-tritanopia-high-contrast': '{base.color.neutral.4}',
-            'light-protanopia-deuteranopia-high-contrast': '{base.color.neutral.4}',
-            'dark-high-contrast': '{base.color.neutral.3}',
-            'dark-tritanopia-high-contrast': '{base.color.neutral.3}',
-            'dark-protanopia-deuteranopia-high-contrast': '{base.color.neutral.3}',
+            'light-high-contrast': '{base.color.neutral.3}',
+            'light-tritanopia-high-contrast': '{base.color.neutral.3}',
+            'light-protanopia-deuteranopia-high-contrast': '{base.color.neutral.3}',
+            'dark-high-contrast': '{base.color.neutral.0}',
+            'dark-tritanopia-high-contrast': '{base.color.neutral.0}',
+            'dark-protanopia-deuteranopia-high-contrast': '{base.color.neutral.0}',
           },
           'org.primer.llm': {
             usage: ['neutral-label', 'neutral-badge', 'secondary-tag', 'counter'],
@@ -243,7 +243,7 @@
         },
       },
       emphasis: {
-        $value: '{base.color.neutral.9}',
+        $value: '{base.color.neutral.10}',
         $type: 'color',
         $description: 'Strong neutral background for prominent neutral elements',
         $extensions: {
@@ -253,15 +253,15 @@
             scopes: ['bgColor'],
           },
           'org.primer.overrides': {
-            dark: '{base.color.neutral.8}',
-            'dark-dimmed': '{base.color.neutral.8}',
-            'dark-dimmed-high-contrast': '{base.color.neutral.7}',
-            'light-high-contrast': '{base.color.neutral.10}',
-            'light-tritanopia-high-contrast': '{base.color.neutral.10}',
-            'light-protanopia-deuteranopia-high-contrast': '{base.color.neutral.10}',
-            'dark-high-contrast': '{base.color.neutral.7}',
-            'dark-tritanopia-high-contrast': '{base.color.neutral.7}',
-            'dark-protanopia-deuteranopia-high-contrast': '{base.color.neutral.7}',
+            dark: '{base.color.neutral.4}',
+            'dark-dimmed': '{base.color.neutral.4}',
+            'dark-dimmed-high-contrast': '{base.color.neutral.0}',
+            'light-high-contrast': '{base.color.neutral.14}',
+            'light-tritanopia-high-contrast': '{base.color.neutral.14}',
+            'light-protanopia-deuteranopia-high-contrast': '{base.color.neutral.14}',
+            'dark-high-contrast': '{base.color.neutral.0}',
+            'dark-tritanopia-high-contrast': '{base.color.neutral.0}',
+            'dark-protanopia-deuteranopia-high-contrast': '{base.color.neutral.0}',
           },
           'org.primer.llm': {
             usage: ['neutral-button', 'secondary-action', 'neutral-indicator'],
@@ -272,7 +272,7 @@
     },
     accent: {
       muted: {
-        $value: '{base.color.blue.0}',
+        $value: '{base.color.blue.2}',
         $type: 'color',
         $description: 'Subtle accent background for informational or selected elements',
         $extensions: {
@@ -286,7 +286,7 @@
           },
           'org.primer.overrides': {
             dark: {
-              $value: '{base.color.blue.4}',
+              $value: '{base.color.blue.6}',
               alpha: 0.1,
             },
           },
@@ -297,7 +297,7 @@
         },
       },
       emphasis: {
-        $value: '{base.color.blue.5}',
+        $value: '{base.color.blue.10}',
         $type: 'color',
         $description: 'Strong accent background for active states and focused states',
         $extensions: {
@@ -310,11 +310,14 @@
             },
           },
           'org.primer.overrides': {
-            dark: '{base.color.blue.5}',
-            'dark-high-contrast': '{base.color.blue.9}',
-            'dark-dimmed-high-contrast': '{base.color.blue.7}',
-            'dark-tritanopia-high-contrast': '{base.color.blue.9}',
-            'dark-protanopia-deuteranopia-high-contrast': '{base.color.blue.9}',
+            dark: '{base.color.blue.6}',
+            'light-high-contrast': '{base.color.blue.14}',
+            'light-tritanopia-high-contrast': '{base.color.blue.14}',
+            'light-protanopia-deuteranopia-high-contrast': '{base.color.blue.14}',
+            'dark-high-contrast': '{base.color.blue.0}',
+            'dark-dimmed-high-contrast': '{base.color.blue.0}',
+            'dark-tritanopia-high-contrast': '{base.color.blue.0}',
+            'dark-protanopia-deuteranopia-high-contrast': '{base.color.blue.0}',
           },
           'org.primer.llm': {
             usage: ['active-states', 'current', 'selected', 'active-toggle'],
@@ -325,7 +328,7 @@
     },
     success: {
       muted: {
-        $value: '{base.color.green.0}',
+        $value: '{base.color.green.2}',
         $type: 'color',
         $description: 'Subtle success background for positive feedback and completed states',
         $extensions: {
@@ -339,27 +342,27 @@
           },
           'org.primer.overrides': {
             dark: {
-              $value: '{base.color.green.4}',
+              $value: '{base.color.green.7}',
               alpha: 0.15,
             },
-            'light-tritanopia': '{base.color.blue.0}',
-            'light-tritanopia-high-contrast': '{base.color.blue.0}',
+            'light-tritanopia': '{base.color.blue.2}',
+            'light-tritanopia-high-contrast': '{base.color.blue.2}',
             'dark-tritanopia': {
-              $value: '{base.color.blue.4}',
+              $value: '{base.color.blue.5}',
               alpha: 0.15,
             },
             'dark-tritanopia-high-contrast': {
-              $value: '{base.color.blue.4}',
+              $value: '{base.color.blue.5}',
               alpha: 0.15,
             },
-            'light-protanopia-deuteranopia': '{base.color.blue.0}',
-            'light-protanopia-deuteranopia-high-contrast': '{base.color.blue.0}',
+            'light-protanopia-deuteranopia': '{base.color.blue.2}',
+            'light-protanopia-deuteranopia-high-contrast': '{base.color.blue.2}',
             'dark-protanopia-deuteranopia': {
-              $value: '{base.color.blue.4}',
+              $value: '{base.color.blue.5}',
               alpha: 0.2,
             },
             'dark-protanopia-deuteranopia-high-contrast': {
-              $value: '{base.color.blue.4}',
+              $value: '{base.color.blue.5}',
               alpha: 0.2,
             },
           },
@@ -370,11 +373,7 @@
         },
       },
       emphasis: {
-        $value: {
-          colorSpace: 'hsl',
-          components: [137.1, 62.9, 32.7],
-          hex: '#1f883d',
-        },
+        $value: '{base.color.green.10}',
         $type: 'color',
         $description: 'Strong success background for prominent positive actions',
         $extensions: {
@@ -387,18 +386,18 @@
             },
           },
           'org.primer.overrides': {
-            dark: '{base.color.green.5}',
-            'light-tritanopia': '{base.color.blue.5}',
-            'light-tritanopia-high-contrast': '{base.color.blue.5}',
+            dark: '{base.color.green.6}',
+            'light-tritanopia': '{base.color.blue.10}',
+            'light-tritanopia-high-contrast': '{base.color.blue.14}',
             'dark-tritanopia': '{base.color.blue.5}',
-            'dark-tritanopia-high-contrast': '{base.color.blue.9}',
-            'light-protanopia-deuteranopia': '{base.color.blue.5}',
-            'light-protanopia-deuteranopia-high-contrast': '{base.color.blue.5}',
+            'dark-tritanopia-high-contrast': '{base.color.blue.1}',
+            'light-protanopia-deuteranopia': '{base.color.blue.10}',
+            'light-protanopia-deuteranopia-high-contrast': '{base.color.blue.14}',
             'dark-protanopia-deuteranopia': '{base.color.blue.5}',
-            'dark-protanopia-deuteranopia-high-contrast': '{base.color.blue.9}',
-            'light-high-contrast': '{base.color.green.5}',
-            'dark-high-contrast': '{base.color.green.9}',
-            'dark-dimmed-high-contrast': '{base.color.green.7}',
+            'dark-protanopia-deuteranopia-high-contrast': '{base.color.blue.1}',
+            'light-high-contrast': '{base.color.green.14}',
+            'dark-high-contrast': '{base.color.green.0}',
+            'dark-dimmed-high-contrast': '{base.color.green.0}',
           },
           'org.primer.llm': {
             usage: ['merge-button', 'confirm-action', 'success-badge'],
@@ -422,24 +421,24 @@
             },
           },
           'org.primer.overrides': {
-            'light-tritanopia-high-contrast': '{base.color.red.0}',
-            'light-tritanopia': '{base.color.red.0}',
+            'light-tritanopia-high-contrast': '{base.color.red.2}',
+            'light-tritanopia': '{base.color.red.2}',
             'dark-tritanopia': {
-              $value: '{base.color.red.4}',
+              $value: '{base.color.red.10}',
               alpha: 0.1,
             },
             'dark-tritanopia-high-contrast': {
-              $value: '{base.color.red.4}',
+              $value: '{base.color.red.10}',
               alpha: 0.1,
             },
-            'light-protanopia-deuteranopia': '{base.color.orange.0}',
-            'light-protanopia-deuteranopia-high-contrast': '{base.color.orange.0}',
+            'light-protanopia-deuteranopia': '{base.color.orange.2}',
+            'light-protanopia-deuteranopia-high-contrast': '{base.color.orange.2}',
             'dark-protanopia-deuteranopia': {
-              $value: '{base.color.orange.4}',
+              $value: '{base.color.orange.10}',
               alpha: 0.1,
             },
             'dark-protanopia-deuteranopia-high-contrast': {
-              $value: '{base.color.orange.4}',
+              $value: '{base.color.orange.10}',
               alpha: 0.1,
             },
           },
@@ -463,14 +462,14 @@
             },
           },
           'org.primer.overrides': {
-            'light-tritanopia': '{base.color.red.5}',
-            'light-tritanopia-high-contrast': '{base.color.red.5}',
-            'dark-tritanopia': '{base.color.red.5}',
-            'dark-tritanopia-high-contrast': '{base.color.red.9}',
-            'light-protanopia-deuteranopia': '{base.color.orange.5}',
-            'light-protanopia-deuteranopia-high-contrast': '{base.color.orange.5}',
-            'dark-protanopia-deuteranopia': '{base.color.orange.5}',
-            'dark-protanopia-deuteranopia-high-contrast': '{base.color.orange.9}',
+            'light-tritanopia': '{base.color.red.10}',
+            'light-tritanopia-high-contrast': '{base.color.red.10}',
+            'dark-tritanopia': '{base.color.red.6}',
+            'dark-tritanopia-high-contrast': '{base.color.red.2}',
+            'light-protanopia-deuteranopia': '{base.color.orange.10}',
+            'light-protanopia-deuteranopia-high-contrast': '{base.color.orange.10}',
+            'dark-protanopia-deuteranopia': '{base.color.orange.6}',
+            'dark-protanopia-deuteranopia-high-contrast': '{base.color.orange.2}',
           },
           'org.primer.llm': {
             usage: ['open-badge', 'open-label', 'active-status-badge'],
@@ -481,7 +480,7 @@
     },
     attention: {
       muted: {
-        $value: '{base.color.yellow.0}',
+        $value: '{base.color.yellow.2}',
         $type: 'color',
         $description: 'Subtle attention background for warnings and caution states',
         $extensions: {
@@ -495,7 +494,7 @@
           },
           'org.primer.overrides': {
             dark: {
-              $value: '{base.color.yellow.4}',
+              $value: '{base.color.yellow.7}',
               alpha: 0.15,
             },
           },
@@ -506,7 +505,7 @@
         },
       },
       emphasis: {
-        $value: '{base.color.yellow.5}',
+        $value: '{base.color.yellow.10}',
         $type: 'color',
         $description: 'Strong attention background for prominent warnings',
         $extensions: {
@@ -519,10 +518,13 @@
             },
           },
           'org.primer.overrides': {
-            'dark-high-contrast': '{base.color.yellow.9}',
-            'dark-dimmed-high-contrast': '{base.color.yellow.7}',
-            'dark-protanopia-deuteranopia-high-contrast': '{base.color.yellow.9}',
-            'dark-tritanopia-high-contrast': '{base.color.yellow.9}',
+            dark: '{base.color.yellow.6}',
+            'dark-tritanopia': '{base.color.yellow.6}',
+            'dark-protanopia-deuteranopia': '{base.color.yellow.6}',
+            'dark-high-contrast': '{base.color.yellow.0}',
+            'dark-dimmed-high-contrast': '{base.color.yellow.0}',
+            'dark-protanopia-deuteranopia-high-contrast': '{base.color.yellow.0}',
+            'dark-tritanopia-high-contrast': '{base.color.yellow.0}',
           },
           'org.primer.llm': {
             usage: ['warning-badge', 'caution-label', 'attention-indicator'],
@@ -533,7 +535,7 @@
     },
     severe: {
       muted: {
-        $value: '{base.color.orange.0}',
+        $value: '{base.color.orange.2}',
         $type: 'color',
         $description: 'Subtle severe background for high-priority warnings',
         $extensions: {
@@ -547,13 +549,13 @@
           },
           'org.primer.overrides': {
             dark: {
-              $value: '{base.color.orange.4}',
+              $value: '{base.color.orange.10}',
               alpha: 0.1,
             },
-            'light-tritanopia': '{base.color.red.0}',
-            'light-tritanopia-high-contrast': '{base.color.red.0}',
+            'light-tritanopia': '{base.color.red.2}',
+            'light-tritanopia-high-contrast': '{base.color.red.2}',
             'dark-tritanopia': {
-              $value: '{base.color.red.4}',
+              $value: '{base.color.red.10}',
               alpha: 0.1,
             },
           },
@@ -564,7 +566,7 @@
         },
       },
       emphasis: {
-        $value: '{base.color.orange.5}',
+        $value: '{base.color.orange.10}',
         $type: 'color',
         $description: 'Strong severe background for prominent high-priority warnings',
         $extensions: {
@@ -577,13 +579,15 @@
             },
           },
           'org.primer.overrides': {
-            'light-tritanopia': '{base.color.red.5}',
-            'light-tritanopia-high-contrast': '{base.color.red.5}',
-            'dark-tritanopia': '{base.color.red.5}',
-            'dark-tritanopia-high-contrast': '{base.color.red.9}',
-            'dark-high-contrast': '{base.color.orange.9}',
-            'dark-dimmed-high-contrast': '{base.color.orange.7}',
-            'dark-protanopia-deuteranopia-high-contrast': '{base.color.orange.9}',
+            dark: '{base.color.orange.6}',
+            'dark-protanopia-deuteranopia': '{base.color.orange.6}',
+            'light-tritanopia': '{base.color.red.10}',
+            'light-tritanopia-high-contrast': '{base.color.red.10}',
+            'dark-tritanopia': '{base.color.red.6}',
+            'dark-tritanopia-high-contrast': '{base.color.red.2}',
+            'dark-high-contrast': '{base.color.orange.0}',
+            'dark-dimmed-high-contrast': '{base.color.orange.0}',
+            'dark-protanopia-deuteranopia-high-contrast': '{base.color.orange.0}',
           },
           'org.primer.llm': {
             usage: ['severe-badge', 'urgent-label', 'high-priority-indicator'],
@@ -594,7 +598,7 @@
     },
     danger: {
       muted: {
-        $value: '{base.color.red.0}',
+        $value: '{base.color.red.2}',
         $type: 'color',
         $description: 'Muted danger background for error states and destructive action contexts',
         $extensions: {
@@ -608,13 +612,13 @@
           },
           'org.primer.overrides': {
             dark: {
-              $value: '{base.color.red.4}',
+              $value: '{base.color.red.10}',
               alpha: 0.1,
             },
-            'light-protanopia-deuteranopia': '{base.color.orange.0}',
-            'light-protanopia-deuteranopia-high-contrast': '{base.color.orange.0}',
+            'light-protanopia-deuteranopia': '{base.color.orange.2}',
+            'light-protanopia-deuteranopia-high-contrast': '{base.color.orange.2}',
             'dark-protanopia-deuteranopia': {
-              $value: '{base.color.orange.4}',
+              $value: '{base.color.orange.10}',
               alpha: 0.1,
             },
           },
@@ -625,7 +629,7 @@
         },
       },
       emphasis: {
-        $value: '{base.color.red.5}',
+        $value: '{base.color.red.10}',
         $type: 'color',
         $description: 'Emphasized danger background for critical errors and delete confirmations',
         $extensions: {
@@ -638,13 +642,15 @@
             },
           },
           'org.primer.overrides': {
-            'light-protanopia-deuteranopia': '{base.color.orange.5}',
-            'light-protanopia-deuteranopia-high-contrast': '{base.color.orange.5}',
-            'dark-protanopia-deuteranopia': '{base.color.orange.5}',
-            'dark-protanopia-deuteranopia-high-contrast': '{base.color.orange.9}',
-            'dark-high-contrast': '{base.color.red.9}',
-            'dark-dimmed-high-contrast': '{base.color.red.7}',
-            'dark-tritanopia-high-contrast': '{base.color.red.9}',
+            dark: '{base.color.red.6}',
+            'dark-tritanopia': '{base.color.red.6}',
+            'light-protanopia-deuteranopia': '{base.color.orange.10}',
+            'light-protanopia-deuteranopia-high-contrast': '{base.color.orange.10}',
+            'dark-protanopia-deuteranopia': '{base.color.orange.6}',
+            'dark-protanopia-deuteranopia-high-contrast': '{base.color.orange.2}',
+            'dark-high-contrast': '{base.color.red.0}',
+            'dark-dimmed-high-contrast': '{base.color.red.0}',
+            'dark-tritanopia-high-contrast': '{base.color.red.0}',
           },
           'org.primer.llm': {
             usage: ['delete-button', 'critical-alert', 'destructive-confirmation'],
@@ -781,7 +787,7 @@
     },
     done: {
       muted: {
-        $value: '{base.color.purple.0}',
+        $value: '{base.color.purple.2}',
         $type: 'color',
         $description: 'Subtle background for completed/done state indicators',
         $extensions: {
@@ -795,7 +801,7 @@
           },
           'org.primer.overrides': {
             dark: {
-              $value: '{base.color.purple.4}',
+              $value: '{base.color.purple.7}',
               alpha: 0.15,
             },
           },
@@ -806,7 +812,7 @@
         },
       },
       emphasis: {
-        $value: '{base.color.purple.5}',
+        $value: '{base.color.purple.10}',
         $type: 'color',
         $description: 'Strong background for completed/done state badges and labels',
         $extensions: {
@@ -819,10 +825,13 @@
             },
           },
           'org.primer.overrides': {
-            'dark-high-contrast': '{base.color.purple.9}',
-            'dark-dimmed-high-contrast': '{base.color.purple.7}',
-            'dark-tritanopia-high-contrast': '{base.color.purple.9}',
-            'dark-protanopia-deuteranopia-high-contrast': '{base.color.purple.9}',
+            dark: '{base.color.purple.6}',
+            'dark-tritanopia': '{base.color.purple.6}',
+            'dark-protanopia-deuteranopia': '{base.color.purple.6}',
+            'dark-high-contrast': '{base.color.purple.0}',
+            'dark-dimmed-high-contrast': '{base.color.purple.0}',
+            'dark-tritanopia-high-contrast': '{base.color.purple.0}',
+            'dark-protanopia-deuteranopia-high-contrast': '{base.color.purple.0}',
           },
           'org.primer.llm': {
             usage: ['done-badge', 'merged-label', 'completed-indicator'],
@@ -873,7 +882,7 @@
     },
     sponsors: {
       muted: {
-        $value: '{base.color.pink.0}',
+        $value: '{base.color.pink.2}',
         $type: 'color',
         $description: 'Subtle background for GitHub Sponsors content',
         $extensions: {
@@ -887,7 +896,7 @@
           },
           'org.primer.overrides': {
             dark: {
-              $value: '{base.color.pink.4}',
+              $value: '{base.color.pink.7}',
               alpha: 0.1,
             },
             'dark-tritanopia': {
@@ -906,7 +915,7 @@
         },
       },
       emphasis: {
-        $value: '{base.color.pink.5}',
+        $value: '{base.color.pink.10}',
         $type: 'color',
         $description: 'Strong background for prominent GitHub Sponsors elements',
         $extensions: {
@@ -919,10 +928,13 @@
             },
           },
           'org.primer.overrides': {
-            'dark-high-contrast': '{base.color.pink.9}',
-            'dark-dimmed-high-contrast': '{base.color.pink.7}',
-            'dark-tritanopia-high-contrast': '{base.color.pink.9}',
-            'dark-protanopia-deuteranopia-high-contrast': '{base.color.pink.9}',
+            dark: '{base.color.pink.6}',
+            'dark-tritanopia': '{base.color.pink.6}',
+            'dark-protanopia-deuteranopia': '{base.color.pink.6}',
+            'dark-high-contrast': '{base.color.pink.0}',
+            'dark-dimmed-high-contrast': '{base.color.pink.0}',
+            'dark-tritanopia-high-contrast': '{base.color.pink.0}',
+            'dark-protanopia-deuteranopia-high-contrast': '{base.color.pink.0}',
           },
           'org.primer.llm': {
             usage: ['sponsor-button', 'sponsor-badge', 'funding-cta'],
diff --git a/src/tokens/functional/color/borderColor.json5 b/src/tokens/functional/color/borderColor.json5
index 90632187c..90f4aca84 100644
--- a/src/tokens/functional/color/borderColor.json5
+++ b/src/tokens/functional/color/borderColor.json5
@@ -8,17 +8,17 @@
       },
     },
     default: {
-      $value: '{base.color.neutral.6}',
+      $value: '{base.color.neutral.4}',
       $type: 'color',
       $description: 'Default border color for most UI elements',
       $extensions: {
         'org.primer.overrides': {
-          dark: '{base.color.neutral.7}',
-          'dark-dimmed': '{base.color.neutral.7}',
+          dark: '{base.color.neutral.9}',
+          'dark-dimmed': '{base.color.neutral.9}',
           'dark-dimmed-high-contrast': '{base.color.neutral.10}',
-          'light-high-contrast': '{base.color.neutral.10}',
-          'light-tritanopia-high-contrast': '{base.color.neutral.10}',
-          'light-protanopia-deuteranopia-high-contrast': '{base.color.neutral.10}',
+          'light-high-contrast': '{base.color.neutral.8}',
+          'light-tritanopia-high-contrast': '{base.color.neutral.8}',
+          'light-protanopia-deuteranopia-high-contrast': '{base.color.neutral.8}',
           'dark-high-contrast': '{base.color.neutral.10}',
           'dark-tritanopia-high-contrast': '{base.color.neutral.10}',
           'dark-protanopia-deuteranopia-high-contrast': '{base.color.neutral.10}',
@@ -52,7 +52,7 @@
         },
         'org.primer.overrides': {
           'dark-dimmed': {
-            $value: '{base.color.neutral.7}',
+            $value: '{base.color.neutral.5}',
             alpha: 0.7,
           },
           'dark-dimmed-high-contrast': {
@@ -117,7 +117,7 @@
       },
     },
     disabled: {
-      $value: '{base.color.neutral.8}',
+      $value: '{base.color.neutral.6}',
       $type: 'color',
       $description: 'Border color for disabled interactive elements',
       $extensions: {
@@ -128,23 +128,23 @@
         },
         'org.primer.overrides': {
           'dark-dimmed': {
-            $value: '{base.color.neutral.8}',
+            $value: '{base.color.neutral.6}',
             alpha: 0.1,
           },
           'dark-dimmed-high-contrast': {
-            $value: '{base.color.neutral.8}',
+            $value: '{base.color.neutral.6}',
             alpha: 0.1,
           },
           'light-high-contrast': {
-            $value: '{base.color.neutral.9}',
+            $value: '{base.color.neutral.7}',
             alpha: 0.12,
           },
           'light-tritanopia-high-contrast': {
-            $value: '{base.color.neutral.9}',
+            $value: '{base.color.neutral.7}',
             alpha: 0.12,
           },
           'light-protanopia-deuteranopia-high-contrast': {
-            $value: '{base.color.neutral.9}',
+            $value: '{base.color.neutral.7}',
             alpha: 0.12,
           },
         },
@@ -168,7 +168,7 @@
       },
     },
     translucent: {
-      $value: '{base.color.neutral.13}',
+      $value: '{base.color.neutral.11}',
       $type: 'color',
       $description: 'Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design.',
       $extensions: {
@@ -179,31 +179,31 @@
         },
         'org.primer.overrides': {
           'light-high-contrast': {
-            $value: '{base.color.neutral.9}',
+            $value: '{base.color.neutral.7}',
             alpha: 1,
           },
           'light-tritanopia-high-contrast': {
-            $value: '{base.color.neutral.9}',
+            $value: '{base.color.neutral.7}',
             alpha: 1,
           },
           'light-protanopia-deuteranopia-high-contrast': {
-            $value: '{base.color.neutral.9}',
+            $value: '{base.color.neutral.7}',
             alpha: 1,
           },
           'dark-high-contrast': {
-            $value: '{base.color.neutral.9}',
+            $value: '{base.color.neutral.7}',
             alpha: 1,
           },
           'dark-dimmed-high-contrast': {
-            $value: '{base.color.neutral.9}',
+            $value: '{base.color.neutral.7}',
             alpha: 1,
           },
           'dark-tritanopia-high-contrast': {
-            $value: '{base.color.neutral.9}',
+            $value: '{base.color.neutral.7}',
             alpha: 1,
           },
           'dark-protanopia-deuteranopia-high-contrast': {
-            $value: '{base.color.neutral.9}',
+            $value: '{base.color.neutral.7}',
             alpha: 1,
           },
         },
@@ -227,7 +227,7 @@
           },
           'org.primer.overrides': {
             'dark-dimmed': {
-              $value: '{base.color.neutral.7}',
+              $value: '{base.color.neutral.5}',
               alpha: 0.7,
             },
             'dark-dimmed-high-contrast': {
@@ -242,7 +242,7 @@
         },
       },
       emphasis: {
-        $value: '{base.color.neutral.9}',
+        $value: '{base.color.neutral.7}',
         $type: 'color',
         $description: 'Strong neutral semantic border',
         $extensions: {
@@ -263,7 +263,7 @@
     },
     accent: {
       muted: {
-        $value: '{base.color.blue.3}',
+        $value: '{base.color.blue.5}',
         $type: 'color',
         $description: 'Subtle accent border for selected or focused elements',
         $extensions: {
@@ -276,33 +276,33 @@
             },
           },
           'org.primer.overrides': {
-            dark: '{base.color.blue.4}',
+            dark: '{base.color.blue.6}',
             'light-high-contrast': {
-              $value: '{base.color.blue.3}',
+              $value: '{base.color.blue.5}',
               alpha: 1,
             },
             'light-tritanopia-high-contrast': {
-              $value: '{base.color.blue.3}',
+              $value: '{base.color.blue.5}',
               alpha: 1,
             },
             'light-protanopia-deuteranopia-high-contrast': {
-              $value: '{base.color.blue.3}',
+              $value: '{base.color.blue.5}',
               alpha: 1,
             },
             'dark-high-contrast': {
-              $value: '{base.color.blue.4}',
+              $value: '{base.color.blue.6}',
               alpha: 1,
             },
             'dark-dimmed-high-contrast': {
-              $value: '{base.color.blue.2}',
+              $value: '{base.color.blue.5}',
               alpha: 1,
             },
             'dark-tritanopia-high-contrast': {
-              $value: '{base.color.blue.4}',
+              $value: '{base.color.blue.6}',
               alpha: 1,
             },
             'dark-protanopia-deuteranopia-high-contrast': {
-              $value: '{base.color.blue.4}',
+              $value: '{base.color.blue.6}',
               alpha: 1,
             },
           },
@@ -314,7 +314,7 @@
         alpha: 0.4,
       },
       emphasis: {
-        $value: '{base.color.blue.5}',
+        $value: '{base.color.blue.7}',
         $type: 'color',
         $description: 'Strong accent border for selected or focused elements',
         $extensions: {
@@ -327,7 +327,7 @@
             },
           },
           'org.primer.overrides': {
-            'dark-dimmed-high-contrast': '{base.color.blue.2}',
+            'dark-dimmed-high-contrast': '{base.color.blue.7}',
           },
           'org.primer.llm': {
             usage: ['accent-emphasis', 'selected-border', 'focus-border'],
@@ -338,7 +338,7 @@
     },
     success: {
       muted: {
-        $value: '{base.color.green.3}',
+        $value: '{base.color.green.5}',
         $type: 'color',
         $description: 'Subtle success border for positive feedback elements',
         $extensions: {
@@ -351,48 +351,48 @@
             },
           },
           'org.primer.overrides': {
-            dark: '{base.color.green.4}',
+            dark: '{base.color.green.7}',
             'light-high-contrast': {
-              $value: '{base.color.green.3}',
+              $value: '{base.color.green.5}',
               alpha: 1,
             },
             'dark-high-contrast': {
-              $value: '{base.color.green.4}',
+              $value: '{base.color.green.7}',
               alpha: 1,
             },
             'dark-dimmed-high-contrast': {
-              $value: '{base.color.green.2}',
+              $value: '{base.color.green.9}',
               alpha: 1,
             },
             'dark-tritanopia': {
-              $value: '{base.color.blue.4}',
+              $value: '{base.color.blue.6}',
               alpha: 0.4,
             },
             'dark-tritanopia-high-contrast': {
-              $value: '{base.color.blue.4}',
+              $value: '{base.color.blue.6}',
               alpha: 1,
             },
             'light-tritanopia': {
-              $value: '{base.color.blue.3}',
+              $value: '{base.color.blue.5}',
               alpha: 0.4,
             },
             'light-tritanopia-high-contrast': {
-              $value: '{base.color.blue.3}',
+              $value: '{base.color.blue.5}',
               alpha: 1,
             },
             'dark-protanopia-deuteranopia': {
-              $value: '{base.color.blue.4}',
+              $value: '{base.color.blue.6}',
             },
             'dark-protanopia-deuteranopia-high-contrast': {
-              $value: '{base.color.blue.4}',
+              $value: '{base.color.blue.6}',
               alpha: 1,
             },
             'light-protanopia-deuteranopia': {
-              $value: '{base.color.blue.0}',
+              $value: '{base.color.blue.2}',
               alpha: 1,
             },
             'light-protanopia-deuteranopia-high-contrast': {
-              $value: '{base.color.blue.3}',
+              $value: '{base.color.blue.5}',
               alpha: 1,
             },
           },
@@ -404,7 +404,7 @@
         alpha: 0.4,
       },
       emphasis: {
-        $value: '{base.color.green.5}',
+        $value: '{base.color.green.7}',
         $type: 'color',
         $description: 'Strong success border for prominent positive elements',
         $extensions: {
@@ -419,13 +419,13 @@
           'org.primer.overrides': {
             'dark-tritanopia': '{base.color.blue.5}',
             'dark-tritanopia-high-contrast': '{base.color.blue.5}',
-            'light-tritanopia': '{base.color.blue.5}',
-            'light-tritanopia-high-contrast': '{base.color.blue.5}',
+            'light-tritanopia': '{base.color.blue.7}',
+            'light-tritanopia-high-contrast': '{base.color.blue.7}',
             'dark-protanopia-deuteranopia': '{base.color.blue.5}',
             'dark-protanopia-deuteranopia-high-contrast': '{base.color.blue.5}',
-            'light-protanopia-deuteranopia': '{base.color.blue.5}',
-            'light-protanopia-deuteranopia-high-contrast': '{base.color.blue.5}',
-            'dark-dimmed-high-contrast': '{base.color.green.2}',
+            'light-protanopia-deuteranopia': '{base.color.blue.7}',
+            'light-protanopia-deuteranopia-high-contrast': '{base.color.blue.7}',
+            'dark-dimmed-high-contrast': '{base.color.green.9}',
           },
           'org.primer.llm': {
             usage: ['success-emphasis', 'confirmed', 'positive-emphasis'],
@@ -450,35 +450,35 @@
           },
           'org.primer.overrides': {
             'dark-tritanopia': {
-              $value: '{base.color.red.4}',
+              $value: '{base.color.red.7}',
               alpha: 0.4,
             },
             'dark-tritanopia-high-contrast': {
-              $value: '{base.color.red.4}',
+              $value: '{base.color.red.7}',
               alpha: 1,
             },
             'light-tritanopia': {
-              $value: '{base.color.red.3}',
+              $value: '{base.color.red.5}',
               alpha: 0.4,
             },
             'light-tritanopia-high-contrast': {
-              $value: '{base.color.red.3}',
+              $value: '{base.color.red.5}',
               alpha: 1,
             },
             'dark-protanopia-deuteranopia': {
-              $value: '{base.color.orange.4}',
+              $value: '{base.color.orange.7}',
               alpha: 0.4,
             },
             'dark-protanopia-deuteranopia-high-contrast': {
-              $value: '{base.color.orange.4}',
+              $value: '{base.color.orange.7}',
               alpha: 1,
             },
             'light-protanopia-deuteranopia': {
-              $value: '{base.color.orange.3}',
+              $value: '{base.color.orange.5}',
               alpha: 0.4,
             },
             'light-protanopia-deuteranopia-high-contrast': {
-              $value: '{base.color.orange.3}',
+              $value: '{base.color.orange.5}',
               alpha: 1,
             },
           },
@@ -502,14 +502,14 @@
             },
           },
           'org.primer.overrides': {
-            'dark-tritanopia': '{base.color.red.5}',
-            'dark-tritanopia-high-contrast': '{base.color.red.5}',
-            'light-tritanopia-high-contrast': '{base.color.red.5}',
-            'light-tritanopia': '{base.color.red.5}',
-            'dark-protanopia-deuteranopia': '{base.color.orange.5}',
-            'dark-protanopia-deuteranopia-high-contrast': '{base.color.orange.5}',
-            'light-protanopia-deuteranopia': '{base.color.orange.5}',
-            'light-protanopia-deuteranopia-high-contrast': '{base.color.orange.5}',
+            'dark-tritanopia': '{base.color.red.6}',
+            'dark-tritanopia-high-contrast': '{base.color.red.6}',
+            'light-tritanopia-high-contrast': '{base.color.red.7}',
+            'light-tritanopia': '{base.color.red.7}',
+            'dark-protanopia-deuteranopia': '{base.color.orange.6}',
+            'dark-protanopia-deuteranopia-high-contrast': '{base.color.orange.6}',
+            'light-protanopia-deuteranopia': '{base.color.orange.7}',
+            'light-protanopia-deuteranopia-high-contrast': '{base.color.orange.7}',
           },
           'org.primer.llm': {
             usage: ['open-emphasis', 'open-status'],
@@ -520,7 +520,7 @@
     },
     attention: {
       muted: {
-        $value: '{base.color.yellow.3}',
+        $value: '{base.color.yellow.5}',
         $type: 'color',
         $description: 'Subtle attention border for warnings and caution states',
         $extensions: {
@@ -533,33 +533,33 @@
             },
           },
           'org.primer.overrides': {
-            dark: '{base.color.yellow.4}',
+            dark: '{base.color.yellow.7}',
             'light-high-contrast': {
-              $value: '{base.color.yellow.3}',
+              $value: '{base.color.yellow.5}',
               alpha: 1,
             },
             'light-tritanopia-high-contrast': {
-              $value: '{base.color.yellow.3}',
+              $value: '{base.color.yellow.5}',
               alpha: 1,
             },
             'light-protanopia-deuteranopia-high-contrast': {
-              $value: '{base.color.yellow.3}',
+              $value: '{base.color.yellow.5}',
               alpha: 1,
             },
             'dark-high-contrast': {
-              $value: '{base.color.yellow.4}',
+              $value: '{base.color.yellow.7}',
               alpha: 1,
             },
             'dark-dimmed-high-contrast': {
-              $value: '{base.color.yellow.2}',
+              $value: '{base.color.yellow.9}',
               alpha: 1,
             },
             'dark-tritanopia-high-contrast': {
-              $value: '{base.color.yellow.4}',
+              $value: '{base.color.yellow.7}',
               alpha: 1,
             },
             'dark-protanopia-deuteranopia-high-contrast': {
-              $value: '{base.color.yellow.4}',
+              $value: '{base.color.yellow.7}',
               alpha: 1,
             },
           },
@@ -571,7 +571,7 @@
         alpha: 0.4,
       },
       emphasis: {
-        $value: '{base.color.yellow.5}',
+        $value: '{base.color.yellow.7}',
         $type: 'color',
         $description: 'Strong attention border for prominent warnings',
         $extensions: {
@@ -584,7 +584,11 @@
             },
           },
           'org.primer.overrides': {
-            'dark-dimmed-high-contrast': '{base.color.yellow.2}',
+            dark: '{base.color.yellow.6}',
+            'dark-dimmed': '{base.color.yellow.6}',
+            'dark-tritanopia': '{base.color.yellow.6}',
+            'dark-protanopia-deuteranopia': '{base.color.yellow.6}',
+            'dark-dimmed-high-contrast': '{base.color.yellow.9}',
           },
           'org.primer.llm': {
             usage: ['attention-emphasis', 'warning-emphasis', 'caution-emphasis'],
@@ -595,7 +599,7 @@
     },
     severe: {
       muted: {
-        $value: '{base.color.orange.3}',
+        $value: '{base.color.orange.5}',
         $type: 'color',
         $description: 'Subtle severe border for high-priority warnings',
         $extensions: {
@@ -608,31 +612,31 @@
             },
           },
           'org.primer.overrides': {
-            dark: '{base.color.orange.4}',
+            dark: '{base.color.orange.7}',
             'light-high-contrast': {
-              $value: '{base.color.orange.3}',
+              $value: '{base.color.orange.5}',
               alpha: 1,
             },
             'dark-high-contrast': {
-              $value: '{base.color.orange.4}',
+              $value: '{base.color.orange.7}',
               alpha: 1,
             },
             'dark-dimmed-high-contrast': {
-              $value: '{base.color.orange.2}',
+              $value: '{base.color.orange.9}',
               alpha: 1,
             },
             'dark-protanopia-deuteranopia-high-contrast': {
-              $value: '{base.color.orange.5}',
+              $value: '{base.color.orange.6}',
               alpha: 1,
             },
-            'dark-tritanopia': '{base.color.red.4}',
+            'dark-tritanopia': '{base.color.red.7}',
             'dark-tritanopia-high-contrast': {
-              $value: '{base.color.red.4}',
+              $value: '{base.color.red.7}',
               alpha: 1,
             },
-            'light-tritanopia': '{base.color.red.3}',
+            'light-tritanopia': '{base.color.red.5}',
             'light-tritanopia-high-contrast': {
-              $value: '{base.color.red.3}',
+              $value: '{base.color.red.5}',
               alpha: 1,
             },
           },
@@ -644,7 +648,7 @@
         alpha: 0.4,
       },
       emphasis: {
-        $value: '{base.color.orange.5}',
+        $value: '{base.color.orange.7}',
         $type: 'color',
         $description: 'Strong severe border for prominent high-priority warnings',
         $extensions: {
@@ -657,10 +661,13 @@
             },
           },
           'org.primer.overrides': {
-            'dark-tritanopia': '{base.color.red.5}',
-            'light-tritanopia': '{base.color.red.5}',
-            'light-tritanopia-high-contrast': '{base.color.red.5}',
-            'dark-dimmed-high-contrast': '{base.color.orange.2}',
+            dark: '{base.color.orange.6}',
+            'dark-dimmed': '{base.color.orange.6}',
+            'dark-tritanopia': '{base.color.red.6}',
+            'dark-protanopia-deuteranopia': '{base.color.orange.6}',
+            'light-tritanopia': '{base.color.red.7}',
+            'light-tritanopia-high-contrast': '{base.color.red.7}',
+            'dark-dimmed-high-contrast': '{base.color.orange.9}',
           },
           'org.primer.llm': {
             usage: ['severe-emphasis', 'urgent-emphasis'],
@@ -671,7 +678,7 @@
     },
     danger: {
       muted: {
-        $value: '{base.color.red.3}',
+        $value: '{base.color.red.5}',
         $type: 'color',
         $description: 'Subtle danger border for errors and destructive contexts',
         $extensions: {
@@ -684,40 +691,40 @@
             },
           },
           'org.primer.overrides': {
-            dark: '{base.color.red.4}',
+            dark: '{base.color.red.7}',
             'light-high-contrast': {
-              $value: '{base.color.red.3}',
+              $value: '{base.color.red.5}',
               alpha: 1,
             },
             'light-tritanopia-high-contrast': {
-              $value: '{base.color.red.3}',
+              $value: '{base.color.red.5}',
               alpha: 1,
             },
             'dark-high-contrast': {
-              $value: '{base.color.red.4}',
+              $value: '{base.color.red.7}',
               alpha: 1,
             },
             'dark-dimmed-high-contrast': {
-              $value: '{base.color.red.2}',
+              $value: '{base.color.red.9}',
               alpha: 1,
             },
             'dark-tritanopia-high-contrast': {
-              $value: '{base.color.red.4}',
+              $value: '{base.color.red.7}',
               alpha: 1,
             },
             'dark-protanopia-deuteranopia': {
-              $value: '{base.color.orange.4}',
+              $value: '{base.color.orange.7}',
             },
             'dark-protanopia-deuteranopia-high-contrast': {
-              $value: '{base.color.orange.4}',
+              $value: '{base.color.orange.7}',
               alpha: 1,
             },
             'light-protanopia-deuteranopia': {
-              $value: '{base.color.orange.0}',
+              $value: '{base.color.orange.2}',
               alpha: 1,
             },
             'light-protanopia-deuteranopia-high-contrast': {
-              $value: '{base.color.orange.4}',
+              $value: '{base.color.orange.6}',
               alpha: 1,
             },
           },
@@ -729,7 +736,7 @@
         alpha: 0.4,
       },
       emphasis: {
-        $value: '{base.color.red.5}',
+        $value: '{base.color.red.7}',
         $type: 'color',
         $description: 'Strong danger border for destructive actions and errors',
         $extensions: {
@@ -742,19 +749,20 @@
             },
           },
           'org.primer.overrides': {
-            'dark-protanopia-deuteranopia': {
-              $value: '{base.color.orange.5}',
-            },
+            dark: '{base.color.red.6}',
+            'dark-dimmed': '{base.color.red.6}',
+            'dark-tritanopia': '{base.color.red.6}',
+            'dark-protanopia-deuteranopia': '{base.color.orange.6}',
             'dark-protanopia-deuteranopia-high-contrast': {
-              $value: '{base.color.orange.5}',
+              $value: '{base.color.orange.6}',
             },
             'light-protanopia-deuteranopia': {
-              $value: '{base.color.orange.5}',
+              $value: '{base.color.orange.7}',
             },
             'light-protanopia-deuteranopia-high-contrast': {
-              $value: '{base.color.orange.5}',
+              $value: '{base.color.orange.7}',
             },
-            'dark-dimmed-high-contrast': '{base.color.red.2}',
+            'dark-dimmed-high-contrast': '{base.color.red.9}',
           },
           'org.primer.llm': {
             usage: ['danger-emphasis', 'error-emphasis', 'destructive-emphasis'],
@@ -923,7 +931,7 @@
     },
     done: {
       muted: {
-        $value: '{base.color.purple.3}',
+        $value: '{base.color.purple.5}',
         $type: 'color',
         $description: 'Subtle border for completed/done state indicators',
         $extensions: {
@@ -936,33 +944,33 @@
             },
           },
           'org.primer.overrides': {
-            dark: '{base.color.purple.4}',
+            dark: '{base.color.purple.7}',
             'light-high-contrast': {
-              $value: '{base.color.purple.3}',
+              $value: '{base.color.purple.5}',
               alpha: 1,
             },
             'light-tritanopia-high-contrast': {
-              $value: '{base.color.purple.3}',
+              $value: '{base.color.purple.5}',
               alpha: 1,
             },
             'light-protanopia-deuteranopia-high-contrast': {
-              $value: '{base.color.purple.3}',
+              $value: '{base.color.purple.5}',
               alpha: 1,
             },
             'dark-high-contrast': {
-              $value: '{base.color.purple.4}',
+              $value: '{base.color.purple.7}',
               alpha: 1,
             },
             'dark-dimmed-high-contrast': {
-              $value: '{base.color.purple.2}',
+              $value: '{base.color.purple.9}',
               alpha: 1,
             },
             'dark-tritanopia-high-contrast': {
-              $value: '{base.color.purple.4}',
+              $value: '{base.color.purple.7}',
               alpha: 1,
             },
             'dark-protanopia-deuteranopia-high-contrast': {
-              $value: '{base.color.purple.4}',
+              $value: '{base.color.purple.7}',
               alpha: 1,
             },
           },
@@ -974,7 +982,7 @@
         alpha: 0.4,
       },
       emphasis: {
-        $value: '{base.color.purple.5}',
+        $value: '{base.color.purple.7}',
         $type: 'color',
         $description: 'Strong border for completed/done state badges',
         $extensions: {
@@ -987,7 +995,11 @@
             },
           },
           'org.primer.overrides': {
-            'dark-dimmed-high-contrast': '{base.color.purple.2}',
+            dark: '{base.color.purple.6}',
+            'dark-dimmed': '{base.color.purple.6}',
+            'dark-tritanopia': '{base.color.purple.6}',
+            'dark-protanopia-deuteranopia': '{base.color.purple.6}',
+            'dark-dimmed-high-contrast': '{base.color.purple.9}',
           },
           'org.primer.llm': {
             usage: ['done-emphasis', 'merged-status'],
@@ -1038,7 +1050,7 @@
     },
     sponsors: {
       muted: {
-        $value: '{base.color.pink.3}',
+        $value: '{base.color.pink.5}',
         $type: 'color',
         $description: 'Subtle border for GitHub Sponsors content',
         $extensions: {
@@ -1051,33 +1063,33 @@
             },
           },
           'org.primer.overrides': {
-            dark: '{base.color.pink.4}',
+            dark: '{base.color.pink.7}',
             'light-high-contrast': {
-              $value: '{base.color.pink.3}',
+              $value: '{base.color.pink.5}',
               alpha: 1,
             },
             'light-protanopia-deuteranopia-high-contrast': {
-              $value: '{base.color.pink.3}',
+              $value: '{base.color.pink.5}',
               alpha: 1,
             },
             'light-tritanopia-high-contrast': {
-              $value: '{base.color.pink.3}',
+              $value: '{base.color.pink.5}',
               alpha: 1,
             },
             'dark-high-contrast': {
-              $value: '{base.color.pink.4}',
+              $value: '{base.color.pink.7}',
               alpha: 1,
             },
             'dark-dimmed-high-contrast': {
-              $value: '{base.color.pink.2}',
+              $value: '{base.color.pink.9}',
               alpha: 1,
             },
             'dark-protanopia-deuteranopia-high-contrast': {
-              $value: '{base.color.pink.4}',
+              $value: '{base.color.pink.7}',
               alpha: 1,
             },
             'dark-tritanopia-high-contrast': {
-              $value: '{base.color.pink.4}',
+              $value: '{base.color.pink.7}',
               alpha: 1,
             },
           },
@@ -1089,7 +1101,7 @@
         alpha: 0.4,
       },
       emphasis: {
-        $value: '{base.color.pink.5}',
+        $value: '{base.color.pink.7}',
         $type: 'color',
         $description: 'Strong border for prominent GitHub Sponsors elements',
         $extensions: {
@@ -1102,7 +1114,11 @@
             },
           },
           'org.primer.overrides': {
-            'dark-dimmed-high-contrast': '{base.color.pink.3}',
+            dark: '{base.color.pink.6}',
+            'dark-dimmed': '{base.color.pink.6}',
+            'dark-tritanopia': '{base.color.pink.6}',
+            'dark-protanopia-deuteranopia': '{base.color.pink.6}',
+            'dark-dimmed-high-contrast': '{base.color.pink.8}',
           },
           'org.primer.llm': {
             usage: ['sponsors-emphasis', 'funding-emphasis'],
diff --git a/src/tokens/functional/color/control.json5 b/src/tokens/functional/color/control.json5
index e59325362..13cdc19da 100644
--- a/src/tokens/functional/color/control.json5
+++ b/src/tokens/functional/color/control.json5
@@ -20,28 +20,28 @@
           'org.primer.overrides': {
             dark: '{base.color.neutral.3}',
             'dark-high-contrast': {
-              $value: '{base.color.neutral.4}',
+              $value: '{base.color.neutral.0}',
             },
             'dark-tritanopia-high-contrast': {
-              $value: '{base.color.neutral.4}',
+              $value: '{base.color.neutral.0}',
             },
             'dark-protanopia-deuteranopia-high-contrast': {
-              $value: '{base.color.neutral.4}',
+              $value: '{base.color.neutral.0}',
             },
             'dark-dimmed': {
-              $value: '{base.color.neutral.5}',
+              $value: '{base.color.neutral.4}',
             },
             'dark-dimmed-high-contrast': {
-              $value: '{base.color.neutral.4}',
+              $value: '{base.color.neutral.0}',
             },
             'light-high-contrast': {
-              $value: '{base.color.neutral.4}',
+              $value: '{base.color.neutral.3}',
             },
             'light-tritanopia-high-contrast': {
-              $value: '{base.color.neutral.4}',
+              $value: '{base.color.neutral.3}',
             },
             'light-protanopia-deuteranopia-high-contrast': {
-              $value: '{base.color.neutral.4}',
+              $value: '{base.color.neutral.3}',
             },
           },
         },
@@ -56,30 +56,30 @@
             scopes: ['bgColor'],
           },
           'org.primer.overrides': {
-            dark: '{base.color.neutral.4}',
+            dark: '{base.color.neutral.3}',
             'dark-high-contrast': {
-              $value: '{base.color.neutral.5}',
+              $value: '{base.color.neutral.1}',
             },
             'dark-tritanopia-high-contrast': {
-              $value: '{base.color.neutral.5}',
+              $value: '{base.color.neutral.1}',
             },
             'dark-protanopia-deuteranopia-high-contrast': {
-              $value: '{base.color.neutral.5}',
+              $value: '{base.color.neutral.1}',
             },
             'dark-dimmed': {
-              $value: '{base.color.neutral.6}',
+              $value: '{base.color.neutral.4}',
             },
             'dark-dimmed-high-contrast': {
-              $value: '{base.color.neutral.5}',
+              $value: '{base.color.neutral.0}',
             },
             'light-high-contrast': {
-              $value: '{base.color.neutral.5}',
+              $value: '{base.color.neutral.4}',
             },
             'light-tritanopia-high-contrast': {
-              $value: '{base.color.neutral.5}',
+              $value: '{base.color.neutral.4}',
             },
             'light-protanopia-deuteranopia-high-contrast': {
-              $value: '{base.color.neutral.5}',
+              $value: '{base.color.neutral.4}',
             },
           },
         },
@@ -94,30 +94,30 @@
             scopes: ['bgColor'],
           },
           'org.primer.overrides': {
-            dark: '{base.color.neutral.5}',
+            dark: '{base.color.neutral.4}',
             'dark-high-contrast': {
-              $value: '{base.color.neutral.6}',
+              $value: '{base.color.neutral.1}',
             },
             'dark-tritanopia-high-contrast': {
-              $value: '{base.color.neutral.6}',
+              $value: '{base.color.neutral.1}',
             },
             'dark-protanopia-deuteranopia-high-contrast': {
-              $value: '{base.color.neutral.6}',
+              $value: '{base.color.neutral.1}',
             },
             'dark-dimmed': {
-              $value: '{base.color.neutral.7}',
+              $value: '{base.color.neutral.5}',
             },
             'dark-dimmed-high-contrast': {
-              $value: '{base.color.neutral.6}',
+              $value: '{base.color.neutral.0}',
             },
             'light-high-contrast': {
-              $value: '{base.color.neutral.6}',
+              $value: '{base.color.neutral.4}',
             },
             'light-tritanopia-high-contrast': {
-              $value: '{base.color.neutral.6}',
+              $value: '{base.color.neutral.4}',
             },
             'light-protanopia-deuteranopia-high-contrast': {
-              $value: '{base.color.neutral.6}',
+              $value: '{base.color.neutral.4}',
             },
           },
         },
@@ -153,7 +153,7 @@
     },
     fgColor: {
       rest: {
-        $value: '{base.color.neutral.12}',
+        $value: '{fgColor.default}',
         $type: 'color',
         $extensions: {
           'org.primer.figma': {
@@ -178,25 +178,25 @@
           'org.primer.overrides': {
             dark: '{fgColor.muted}',
             'dark-high-contrast': {
-              $value: '{base.color.neutral.10}',
+              $value: '{fgColor.muted}',
             },
             'dark-dimmed-high-contrast': {
-              $value: '{base.color.neutral.10}',
+              $value: '{fgColor.muted}',
             },
             'dark-tritanopia-high-contrast': {
-              $value: '{base.color.neutral.10}',
+              $value: '{fgColor.muted}',
             },
             'dark-protanopia-deuteranopia-high-contrast': {
-              $value: '{base.color.neutral.10}',
+              $value: '{fgColor.muted}',
             },
             'light-high-contrast': {
-              $value: '{base.color.neutral.10}',
+              $value: '{fgColor.muted}',
             },
             'light-protanopia-deuteranopia-high-contrast': {
-              $value: '{base.color.neutral.10}',
+              $value: '{fgColor.muted}',
             },
             'light-tritanopia-high-contrast': {
-              $value: '{base.color.neutral.10}',
+              $value: '{fgColor.muted}',
             },
           },
         },
@@ -248,7 +248,7 @@
             scopes: ['borderColor'],
           },
           'org.primer.overrides': {
-            dark: '{borderColor.emphasis}',
+            dark: '{borderColor.default}',
             'dark-high-contrast': {
               $value: '{borderColor.emphasis}',
             },
@@ -276,7 +276,7 @@
           'org.primer.overrides': {
             dark: '{borderColor.disabled}',
             'dark-dimmed': {
-              $value: '{base.color.neutral.8}',
+              $value: '{base.color.neutral.6}',
               alpha: 0.1,
             },
           },
@@ -292,7 +292,7 @@
             scopes: ['borderColor'],
           },
           'org.primer.overrides': {
-            dark: '{base.color.neutral.12}',
+            dark: '{base.color.neutral.10}',
           },
         },
       },
@@ -373,7 +373,7 @@
           },
         },
         hover: {
-          $value: '{base.color.neutral.8}',
+          $value: '{base.color.neutral.6}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -383,39 +383,39 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.color.neutral.8}',
+                $value: '{base.color.neutral.6}',
                 alpha: 0.2,
               },
               'dark-high-contrast': {
-                $value: '{base.color.neutral.6}',
+                $value: '{base.color.neutral.4}',
                 alpha: 1,
               },
               'dark-tritanopia-high-contrast': {
-                $value: '{base.color.neutral.6}',
+                $value: '{base.color.neutral.4}',
                 alpha: 1,
               },
               'dark-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.color.neutral.6}',
+                $value: '{base.color.neutral.4}',
                 alpha: 1,
               },
               'dark-dimmed': {
-                $value: '{base.color.neutral.8}',
+                $value: '{base.color.neutral.6}',
                 alpha: 0.15,
               },
               'dark-dimmed-high-contrast': {
-                $value: '{base.color.neutral.6}',
+                $value: '{base.color.neutral.4}',
                 alpha: 1,
               },
               'light-high-contrast': {
-                $value: '{base.color.neutral.5}',
+                $value: '{base.color.neutral.4}',
                 alpha: 1,
               },
               'light-tritanopia-high-contrast': {
-                $value: '{base.color.neutral.5}',
+                $value: '{base.color.neutral.4}',
                 alpha: 1,
               },
               'light-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.color.neutral.5}',
+                $value: '{base.color.neutral.4}',
                 alpha: 1,
               },
             },
@@ -423,7 +423,7 @@
           alpha: 0.1,
         },
         active: {
-          $value: '{base.color.neutral.8}',
+          $value: '{base.color.neutral.6}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -433,39 +433,39 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.color.neutral.8}',
+                $value: '{base.color.neutral.6}',
                 alpha: 0.25,
               },
               'dark-high-contrast': {
-                $value: '{base.color.neutral.7}',
+                $value: '{base.color.neutral.5}',
                 alpha: 1,
               },
               'dark-tritanopia-high-contrast': {
-                $value: '{base.color.neutral.7}',
+                $value: '{base.color.neutral.5}',
                 alpha: 1,
               },
               'dark-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.color.neutral.7}',
+                $value: '{base.color.neutral.5}',
                 alpha: 1,
               },
               'dark-dimmed': {
-                $value: '{base.color.neutral.8}',
+                $value: '{base.color.neutral.6}',
                 alpha: 0.2,
               },
               'dark-dimmed-high-contrast': {
-                $value: '{base.color.neutral.7}',
+                $value: '{base.color.neutral.5}',
                 alpha: 1,
               },
               'light-high-contrast': {
-                $value: '{base.color.neutral.6}',
+                $value: '{base.color.neutral.4}',
                 alpha: 1,
               },
               'light-tritanopia-high-contrast': {
-                $value: '{base.color.neutral.6}',
+                $value: '{base.color.neutral.4}',
                 alpha: 1,
               },
               'light-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.color.neutral.6}',
+                $value: '{base.color.neutral.4}',
                 alpha: 1,
               },
             },
@@ -487,7 +487,7 @@
           },
         },
         selected: {
-          $value: '{base.color.neutral.8}',
+          $value: '{base.color.neutral.6}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -497,39 +497,39 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.color.neutral.8}',
+                $value: '{base.color.neutral.6}',
                 alpha: 0.2,
               },
               'dark-high-contrast': {
-                $value: '{base.color.neutral.6}',
+                $value: '{base.color.neutral.4}',
                 alpha: 1,
               },
               'dark-tritanopia-high-contrast': {
-                $value: '{base.color.neutral.6}',
+                $value: '{base.color.neutral.4}',
                 alpha: 1,
               },
               'dark-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.color.neutral.6}',
+                $value: '{base.color.neutral.4}',
                 alpha: 1,
               },
               'dark-dimmed': {
-                $value: '{base.color.neutral.8}',
+                $value: '{base.color.neutral.6}',
                 alpha: 0.1,
               },
               'dark-dimmed-high-contrast': {
-                $value: '{base.color.neutral.6}',
+                $value: '{base.color.neutral.4}',
                 alpha: 1,
               },
               'light-high-contrast': {
-                $value: '{base.color.neutral.5}',
+                $value: '{base.color.neutral.4}',
                 alpha: 1,
               },
               'light-tritanopia-high-contrast': {
-                $value: '{base.color.neutral.5}',
+                $value: '{base.color.neutral.4}',
                 alpha: 1,
               },
               'light-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.color.neutral.5}',
+                $value: '{base.color.neutral.4}',
                 alpha: 1,
               },
             },
@@ -651,8 +651,8 @@
               scopes: ['fgColor'],
             },
             'org.primer.overrides': {
-              dark: '{base.color.red.3}',
-              'dark-protanopia-deuteranopia': '{base.color.orange.3}',
+              dark: '{base.color.red.8}',
+              'dark-protanopia-deuteranopia': '{base.color.orange.8}',
               'light-high-contrast': {
                 $value: '{fgColor.onEmphasis}',
               },
@@ -777,7 +777,7 @@
                 },
               },
               'light-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.color.orange.6}',
+                $value: '{base.color.orange.8}',
               },
             },
           },
@@ -1007,16 +1007,16 @@
             'org.primer.overrides': {
               dark: '{control.checked.bgColor.rest}',
               'dark-high-contrast': {
-                $value: '{base.color.blue.2}',
+                $value: '{base.color.blue.4}',
               },
               'dark-dimmed-high-contrast': {
-                $value: '{base.color.blue.2}',
+                $value: '{base.color.blue.4}',
               },
               'dark-tritanopia-high-contrast': {
-                $value: '{base.color.blue.2}',
+                $value: '{base.color.blue.4}',
               },
               'dark-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.color.blue.2}',
+                $value: '{base.color.blue.4}',
               },
             },
           },
@@ -1033,13 +1033,13 @@
             'org.primer.overrides': {
               dark: '{control.checked.bgColor.hover}',
               'dark-high-contrast': {
-                $value: '{base.color.blue.2}',
+                $value: '{base.color.blue.4}',
               },
               'dark-tritanopia-high-contrast': {
-                $value: '{base.color.blue.2}',
+                $value: '{base.color.blue.4}',
               },
               'dark-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.color.blue.2}',
+                $value: '{base.color.blue.4}',
               },
               'dark-dimmed': {
                 $value: {
@@ -1049,7 +1049,7 @@
                 },
               },
               'dark-dimmed-high-contrast': {
-                $value: '{base.color.blue.2}',
+                $value: '{base.color.blue.4}',
               },
               'light-high-contrast': {
                 $value: {
@@ -1087,13 +1087,13 @@
             'org.primer.overrides': {
               dark: '{control.checked.bgColor.active}',
               'dark-high-contrast': {
-                $value: '{base.color.blue.2}',
+                $value: '{base.color.blue.4}',
               },
               'dark-tritanopia-high-contrast': {
-                $value: '{base.color.blue.2}',
+                $value: '{base.color.blue.4}',
               },
               'dark-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.color.blue.2}',
+                $value: '{base.color.blue.4}',
               },
               'dark-dimmed': {
                 $value: {
@@ -1103,7 +1103,7 @@
                 },
               },
               'dark-dimmed-high-contrast': {
-                $value: '{base.color.blue.2}',
+                $value: '{base.color.blue.4}',
               },
               'light-high-contrast': {
                 $value: {
@@ -1182,19 +1182,19 @@
               $value: '{base.color.neutral.2}',
             },
             'light-high-contrast': {
-              $value: '{base.color.neutral.5}',
+              $value: '{base.color.neutral.4}',
             },
             'light-tritanopia-high-contrast': {
-              $value: '{base.color.neutral.5}',
+              $value: '{base.color.neutral.4}',
             },
             'light-protanopia-deuteranopia-high-contrast': {
-              $value: '{base.color.neutral.5}',
+              $value: '{base.color.neutral.4}',
             },
           },
         },
       },
       hover: {
-        $value: '{base.color.neutral.4}',
+        $value: '{base.color.neutral.3}',
         $type: 'color',
         $extensions: {
           'org.primer.figma': {
@@ -1203,36 +1203,36 @@
             scopes: ['bgColor'],
           },
           'org.primer.overrides': {
-            dark: '{base.color.neutral.5}',
+            dark: '{base.color.neutral.4}',
             'dark-high-contrast': {
-              $value: '{base.color.neutral.6}',
+              $value: '{base.color.neutral.4}',
             },
             'dark-tritanopia-high-contrast': {
-              $value: '{base.color.neutral.6}',
+              $value: '{base.color.neutral.4}',
             },
             'dark-protanopia-deuteranopia-high-contrast': {
-              $value: '{base.color.neutral.6}',
+              $value: '{base.color.neutral.4}',
             },
             'dark-dimmed': {
-              $value: '{base.color.neutral.6}',
+              $value: '{base.color.neutral.4}',
             },
             'dark-dimmed-high-contrast': {
-              $value: '{base.color.neutral.6}',
+              $value: '{base.color.neutral.0}',
             },
             'light-high-contrast': {
-              $value: '{base.color.neutral.6}',
+              $value: '{base.color.neutral.4}',
             },
             'light-tritanopia-high-contrast': {
-              $value: '{base.color.neutral.6}',
+              $value: '{base.color.neutral.4}',
             },
             'light-protanopia-deuteranopia-high-contrast': {
-              $value: '{base.color.neutral.5}',
+              $value: '{base.color.neutral.4}',
             },
           },
         },
       },
       active: {
-        $value: '{base.color.neutral.5}',
+        $value: '{base.color.neutral.4}',
         $type: 'color',
         $extensions: {
           'org.primer.figma': {
@@ -1241,30 +1241,30 @@
             scopes: ['bgColor'],
           },
           'org.primer.overrides': {
-            dark: '{base.color.neutral.6}',
+            dark: '{base.color.neutral.4}',
             'dark-high-contrast': {
-              $value: '{base.color.neutral.7}',
+              $value: '{base.color.neutral.5}',
             },
             'dark-tritanopia-high-contrast': {
-              $value: '{base.color.neutral.7}',
+              $value: '{base.color.neutral.5}',
             },
             'dark-protanopia-deuteranopia-high-contrast': {
-              $value: '{base.color.neutral.7}',
+              $value: '{base.color.neutral.5}',
             },
             'dark-dimmed': {
-              $value: '{base.color.neutral.7}',
+              $value: '{base.color.neutral.5}',
             },
             'dark-dimmed-high-contrast': {
-              $value: '{base.color.neutral.7}',
+              $value: '{base.color.neutral.5}',
             },
             'light-high-contrast': {
-              $value: '{base.color.neutral.7}',
+              $value: '{base.color.neutral.5}',
             },
             'light-tritanopia-high-contrast': {
-              $value: '{base.color.neutral.7}',
+              $value: '{base.color.neutral.5}',
             },
             'light-protanopia-deuteranopia-high-contrast': {
-              $value: '{base.color.neutral.6}',
+              $value: '{base.color.neutral.4}',
             },
           },
         },
@@ -1286,7 +1286,7 @@
     },
     fgColor: {
       rest: {
-        $value: '{base.color.neutral.9}',
+        $value: '{base.color.neutral.7}',
         $type: 'color',
         $extensions: {
           'org.primer.figma': {
@@ -1345,7 +1345,7 @@
               $value: '{borderColor.emphasis}',
             },
             'dark-dimmed': {
-              $value: '{base.color.neutral.7}',
+              $value: '{base.color.neutral.5}',
             },
             'dark-dimmed-high-contrast': {
               $value: '{borderColor.emphasis}',
@@ -1397,21 +1397,21 @@
             scopes: ['bgColor'],
           },
           'org.primer.overrides': {
-            dark: '{base.color.neutral.4}',
+            dark: '{base.color.neutral.3}',
             'dark-high-contrast': {
-              $value: '{base.color.neutral.5}',
+              $value: '{base.color.neutral.4}',
             },
             'dark-tritanopia-high-contrast': {
-              $value: '{base.color.neutral.5}',
+              $value: '{base.color.neutral.4}',
             },
             'dark-protanopia-deuteranopia-high-contrast': {
-              $value: '{base.color.neutral.5}',
+              $value: '{base.color.neutral.4}',
             },
             'dark-dimmed': {
-              $value: '{base.color.neutral.5}',
+              $value: '{base.color.neutral.4}',
             },
             'dark-dimmed-high-contrast': {
-              $value: '{base.color.neutral.5}',
+              $value: '{base.color.neutral.0}',
             },
           },
         },
@@ -1440,7 +1440,7 @@
             scopes: ['bgColor'],
           },
           'org.primer.overrides': {
-            dark: '{base.color.neutral.13}',
+            dark: '{base.color.neutral.11}',
           },
         },
       },
diff --git a/src/tokens/functional/color/data-vis.json5 b/src/tokens/functional/color/data-vis.json5
index 8d3b1bc56..5da445dfd 100644
--- a/src/tokens/functional/color/data-vis.json5
+++ b/src/tokens/functional/color/data-vis.json5
@@ -10,7 +10,7 @@
     blue: {
       color: {
         emphasis: {
-          $value: '{base.display.color.blue.5}',
+          $value: '{base.color.blue.7}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -19,12 +19,12 @@
               scopes: ['bgColor', 'borderColor'],
             },
             'org.primer.overrides': {
-              dark: '{base.display.color.blue.5}',
+              dark: '{base.color.blue.7}',
             },
           },
         },
         muted: {
-          $value: '{base.display.color.blue.0}',
+          $value: '{base.color.blue.2}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -33,7 +33,7 @@
               scopes: ['bgColor'],
             },
             'org.primer.overrides': {
-              dark: '{base.display.color.blue.0}',
+              dark: '{base.color.blue.2}',
             },
           },
         },
@@ -42,7 +42,7 @@
     auburn: {
       color: {
         emphasis: {
-          $value: '{base.display.color.auburn.5}',
+          $value: '{base.color.auburn.7}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -51,12 +51,12 @@
               scopes: ['bgColor', 'borderColor'],
             },
             'org.primer.overrides': {
-              dark: '{base.display.color.auburn.5}',
+              dark: '{base.color.auburn.7}',
             },
           },
         },
         muted: {
-          $value: '{base.display.color.auburn.0}',
+          $value: '{base.color.auburn.2}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -65,7 +65,7 @@
               scopes: ['bgColor'],
             },
             'org.primer.overrides': {
-              dark: '{base.display.color.auburn.0}',
+              dark: '{base.color.auburn.2}',
             },
           },
         },
@@ -74,7 +74,7 @@
     orange: {
       color: {
         emphasis: {
-          $value: '{base.display.color.orange.4}',
+          $value: '{base.color.orange.6}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -83,12 +83,12 @@
               scopes: ['bgColor', 'borderColor'],
             },
             'org.primer.overrides': {
-              dark: '{base.display.color.orange.4}',
+              dark: '{base.color.orange.6}',
             },
           },
         },
         muted: {
-          $value: '{base.display.color.orange.0}',
+          $value: '{base.color.orange.2}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -97,7 +97,7 @@
               scopes: ['bgColor'],
             },
             'org.primer.overrides': {
-              dark: '{base.display.color.orange.0}',
+              dark: '{base.color.orange.2}',
             },
           },
         },
@@ -106,7 +106,7 @@
     yellow: {
       color: {
         emphasis: {
-          $value: '{base.display.color.yellow.4}',
+          $value: '{base.color.yellow.6}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -115,12 +115,12 @@
               scopes: ['bgColor', 'borderColor'],
             },
             'org.primer.overrides': {
-              dark: '{base.display.color.yellow.4}',
+              dark: '{base.color.yellow.6}',
             },
           },
         },
         muted: {
-          $value: '{base.display.color.yellow.0}',
+          $value: '{base.color.yellow.2}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -129,7 +129,7 @@
               scopes: ['bgColor'],
             },
             'org.primer.overrides': {
-              dark: '{base.display.color.yellow.0}',
+              dark: '{base.color.yellow.2}',
             },
           },
         },
@@ -138,7 +138,7 @@
     green: {
       color: {
         emphasis: {
-          $value: '{base.display.color.green.4}',
+          $value: '{base.color.green.6}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -147,12 +147,12 @@
               scopes: ['bgColor', 'borderColor'],
             },
             'org.primer.overrides': {
-              dark: '{base.display.color.green.4}',
+              dark: '{base.color.green.6}',
             },
           },
         },
         muted: {
-          $value: '{base.display.color.green.0}',
+          $value: '{base.color.green.2}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -161,7 +161,7 @@
               scopes: ['bgColor'],
             },
             'org.primer.overrides': {
-              dark: '{base.display.color.green.0}',
+              dark: '{base.color.green.2}',
             },
           },
         },
@@ -170,7 +170,7 @@
     teal: {
       color: {
         emphasis: {
-          $value: '{base.display.color.teal.4}',
+          $value: '{base.color.teal.6}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -179,12 +179,12 @@
               scopes: ['bgColor', 'borderColor'],
             },
             'org.primer.overrides': {
-              dark: '{base.display.color.teal.4}',
+              dark: '{base.color.teal.6}',
             },
           },
         },
         muted: {
-          $value: '{base.display.color.teal.0}',
+          $value: '{base.color.teal.2}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -193,7 +193,7 @@
               scopes: ['bgColor'],
             },
             'org.primer.overrides': {
-              dark: '{base.display.color.teal.0}',
+              dark: '{base.color.teal.2}',
             },
           },
         },
@@ -202,7 +202,7 @@
     purple: {
       color: {
         emphasis: {
-          $value: '{base.display.color.purple.5}',
+          $value: '{base.color.purple.7}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -211,12 +211,12 @@
               scopes: ['bgColor', 'borderColor'],
             },
             'org.primer.overrides': {
-              dark: '{base.display.color.purple.5}',
+              dark: '{base.color.purple.7}',
             },
           },
         },
         muted: {
-          $value: '{base.display.color.purple.0}',
+          $value: '{base.color.purple.2}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -225,7 +225,7 @@
               scopes: ['bgColor'],
             },
             'org.primer.overrides': {
-              dark: '{base.display.color.purple.0}',
+              dark: '{base.color.purple.2}',
             },
           },
         },
@@ -234,7 +234,7 @@
     pink: {
       color: {
         emphasis: {
-          $value: '{base.display.color.pink.5}',
+          $value: '{base.color.pink.7}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -243,12 +243,12 @@
               scopes: ['bgColor', 'borderColor'],
             },
             'org.primer.overrides': {
-              dark: '{base.display.color.pink.5}',
+              dark: '{base.color.pink.7}',
             },
           },
         },
         muted: {
-          $value: '{base.display.color.pink.0}',
+          $value: '{base.color.pink.2}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -257,7 +257,7 @@
               scopes: ['bgColor'],
             },
             'org.primer.overrides': {
-              dark: '{base.display.color.pink.0}',
+              dark: '{base.color.pink.2}',
             },
           },
         },
@@ -266,7 +266,7 @@
     plum: {
       color: {
         emphasis: {
-          $value: '{base.display.color.plum.5}',
+          $value: '{base.color.plum.7}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -275,12 +275,12 @@
               scopes: ['bgColor', 'borderColor'],
             },
             'org.primer.overrides': {
-              dark: '{base.display.color.plum.5}',
+              dark: '{base.color.plum.7}',
             },
           },
         },
         muted: {
-          $value: '{base.display.color.plum.0}',
+          $value: '{base.color.plum.2}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -289,7 +289,7 @@
               scopes: ['bgColor'],
             },
             'org.primer.overrides': {
-              dark: '{base.display.color.plum.0}',
+              dark: '{base.color.plum.2}',
             },
           },
         },
@@ -298,7 +298,7 @@
     red: {
       color: {
         emphasis: {
-          $value: '{base.display.color.red.5}',
+          $value: '{base.color.red.7}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -307,12 +307,12 @@
               scopes: ['bgColor', 'borderColor'],
             },
             'org.primer.overrides': {
-              dark: '{base.display.color.red.5}',
+              dark: '{base.color.red.7}',
             },
           },
         },
         muted: {
-          $value: '{base.display.color.red.0}',
+          $value: '{base.color.red.2}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -321,7 +321,7 @@
               scopes: ['bgColor'],
             },
             'org.primer.overrides': {
-              dark: '{base.display.color.red.0}',
+              dark: '{base.color.red.2}',
             },
           },
         },
@@ -330,7 +330,7 @@
     gray: {
       color: {
         emphasis: {
-          $value: '{base.display.color.gray.4}',
+          $value: '{base.color.gray.6}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -339,12 +339,12 @@
               scopes: ['bgColor', 'borderColor'],
             },
             'org.primer.overrides': {
-              dark: '{base.display.color.gray.4}',
+              dark: '{base.color.gray.6}',
             },
           },
         },
         muted: {
-          $value: '{base.display.color.gray.0}',
+          $value: '{base.color.gray.2}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -353,7 +353,7 @@
               scopes: ['bgColor'],
             },
             'org.primer.overrides': {
-              dark: '{base.display.color.gray.0}',
+              dark: '{base.color.gray.2}',
             },
           },
         },
@@ -362,7 +362,7 @@
     coral: {
       color: {
         emphasis: {
-          $value: '{base.display.color.coral.5}',
+          $value: '{base.color.coral.7}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -371,12 +371,12 @@
               scopes: ['bgColor', 'borderColor'],
             },
             'org.primer.overrides': {
-              dark: '{base.display.color.coral.5}',
+              dark: '{base.color.coral.7}',
             },
           },
         },
         muted: {
-          $value: '{base.display.color.coral.0}',
+          $value: '{base.color.coral.2}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -385,7 +385,7 @@
               scopes: ['bgColor'],
             },
             'org.primer.overrides': {
-              dark: '{base.display.color.coral.0}',
+              dark: '{base.color.coral.2}',
             },
           },
         },
@@ -394,7 +394,7 @@
     brown: {
       color: {
         emphasis: {
-          $value: '{base.display.color.brown.5}',
+          $value: '{base.color.brown.7}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -403,12 +403,12 @@
               scopes: ['bgColor', 'borderColor'],
             },
             'org.primer.overrides': {
-              dark: '{base.display.color.brown.5}',
+              dark: '{base.color.brown.7}',
             },
           },
         },
         muted: {
-          $value: '{base.display.color.brown.0}',
+          $value: '{base.color.brown.2}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -417,7 +417,7 @@
               scopes: ['bgColor'],
             },
             'org.primer.overrides': {
-              dark: '{base.display.color.brown.0}',
+              dark: '{base.color.brown.2}',
             },
           },
         },
@@ -426,7 +426,7 @@
     lemon: {
       color: {
         emphasis: {
-          $value: '{base.display.color.lemon.5}',
+          $value: '{base.color.lemon.7}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -435,12 +435,12 @@
               scopes: ['bgColor', 'borderColor'],
             },
             'org.primer.overrides': {
-              dark: '{base.display.color.lemon.5}',
+              dark: '{base.color.lemon.7}',
             },
           },
         },
         muted: {
-          $value: '{base.display.color.lemon.0}',
+          $value: '{base.color.lemon.2}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -449,7 +449,7 @@
               scopes: ['bgColor'],
             },
             'org.primer.overrides': {
-              dark: '{base.display.color.lemon.0}',
+              dark: '{base.color.lemon.2}',
             },
           },
         },
@@ -458,7 +458,7 @@
     olive: {
       color: {
         emphasis: {
-          $value: '{base.display.color.olive.5}',
+          $value: '{base.color.olive.7}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -467,12 +467,12 @@
               scopes: ['bgColor', 'borderColor'],
             },
             'org.primer.overrides': {
-              dark: '{base.display.color.olive.5}',
+              dark: '{base.color.olive.7}',
             },
           },
         },
         muted: {
-          $value: '{base.display.color.olive.0}',
+          $value: '{base.color.olive.2}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -481,7 +481,7 @@
               scopes: ['bgColor'],
             },
             'org.primer.overrides': {
-              dark: '{base.display.color.olive.0}',
+              dark: '{base.color.olive.2}',
             },
           },
         },
@@ -490,7 +490,7 @@
     lime: {
       color: {
         emphasis: {
-          $value: '{base.display.color.lime.5}',
+          $value: '{base.color.lime.7}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -499,12 +499,12 @@
               scopes: ['bgColor', 'borderColor'],
             },
             'org.primer.overrides': {
-              dark: '{base.display.color.lime.5}',
+              dark: '{base.color.lime.7}',
             },
           },
         },
         muted: {
-          $value: '{base.display.color.lime.0}',
+          $value: '{base.color.lime.2}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -513,7 +513,7 @@
               scopes: ['bgColor'],
             },
             'org.primer.overrides': {
-              dark: '{base.display.color.lime.0}',
+              dark: '{base.color.lime.2}',
             },
           },
         },
@@ -522,7 +522,7 @@
     pine: {
       color: {
         emphasis: {
-          $value: '{base.display.color.pine.5}',
+          $value: '{base.color.pine.7}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -531,12 +531,12 @@
               scopes: ['bgColor', 'borderColor'],
             },
             'org.primer.overrides': {
-              dark: '{base.display.color.pine.5}',
+              dark: '{base.color.pine.7}',
             },
           },
         },
         muted: {
-          $value: '{base.display.color.pine.0}',
+          $value: '{base.color.pine.2}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -545,7 +545,7 @@
               scopes: ['bgColor'],
             },
             'org.primer.overrides': {
-              dark: '{base.display.color.pine.0}',
+              dark: '{base.color.pine.2}',
             },
           },
         },
diff --git a/src/tokens/functional/color/display.json5 b/src/tokens/functional/color/display.json5
index f264ddadb..e9573efb9 100644
--- a/src/tokens/functional/color/display.json5
+++ b/src/tokens/functional/color/display.json5
@@ -10,7 +10,7 @@
     blue: {
       scale: {
         '0': {
-          $value: '{base.display.color.blue.0}',
+          $value: '{base.color.blue.0}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -21,7 +21,7 @@
           },
         },
         '1': {
-          $value: '{base.display.color.blue.1}',
+          $value: '{base.color.blue.1}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -32,7 +32,7 @@
           },
         },
         '2': {
-          $value: '{base.display.color.blue.2}',
+          $value: '{base.color.blue.2}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -43,7 +43,7 @@
           },
         },
         '3': {
-          $value: '{base.display.color.blue.3}',
+          $value: '{base.color.blue.3}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -54,7 +54,7 @@
           },
         },
         '4': {
-          $value: '{base.display.color.blue.4}',
+          $value: '{base.color.blue.4}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -65,7 +65,7 @@
           },
         },
         '5': {
-          $value: '{base.display.color.blue.5}',
+          $value: '{base.color.blue.5}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -76,7 +76,7 @@
           },
         },
         '6': {
-          $value: '{base.display.color.blue.6}',
+          $value: '{base.color.blue.6}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -87,7 +87,7 @@
           },
         },
         '7': {
-          $value: '{base.display.color.blue.7}',
+          $value: '{base.color.blue.7}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -98,7 +98,7 @@
           },
         },
         '8': {
-          $value: '{base.display.color.blue.8}',
+          $value: '{base.color.blue.8}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -109,7 +109,29 @@
           },
         },
         '9': {
-          $value: '{base.display.color.blue.9}',
+          $value: '{base.color.blue.9}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
+            },
+          },
+        },
+        '10': {
+          $value: '{base.color.blue.10}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
+            },
+          },
+        },
+        '11': {
+          $value: '{base.color.blue.11}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -122,7 +144,7 @@
       },
       bgColor: {
         muted: {
-          $value: '{base.display.color.blue.0}',
+          $value: '{base.color.blue.2}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -132,13 +154,13 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.blue.0}',
+                $value: '{base.color.blue.0}',
               },
             },
           },
         },
         emphasis: {
-          $value: '{base.display.color.blue.5}',
+          $value: '{base.color.blue.10}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -148,35 +170,35 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.blue.4}',
+                $value: '{base.color.blue.6}',
               },
               'light-high-contrast': {
-                $value: '{base.display.color.blue.7}',
+                $value: '{base.color.blue.14}',
               },
               'light-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.display.color.blue.7}',
+                $value: '{base.color.blue.14}',
               },
               'light-tritanopia-high-contrast': {
-                $value: '{base.display.color.blue.7}',
+                $value: '{base.color.blue.14}',
               },
               'dark-high-contrast': {
-                $value: '{base.display.color.blue.3}',
+                $value: '{base.color.blue.0}',
               },
               'dark-dimmed-high-contrast': {
-                $value: '{base.display.color.blue.3}',
+                $value: '{base.color.blue.0}',
               },
               'dark-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.display.color.blue.3}',
+                $value: '{base.color.blue.0}',
               },
               'dark-tritanopia-high-contrast': {
-                $value: '{base.display.color.blue.3}',
+                $value: '{base.color.blue.0}',
               },
             },
           },
         },
       },
       fgColor: {
-        $value: '{base.display.color.blue.6}',
+        $value: '{base.color.blue.10}',
         $type: 'color',
         $extensions: {
           'org.primer.figma': {
@@ -186,35 +208,35 @@
           },
           'org.primer.overrides': {
             dark: {
-              $value: '{base.display.color.blue.6}',
+              $value: '{base.color.blue.14}',
             },
             'light-high-contrast': {
-              $value: '{base.display.color.blue.8}',
+              $value: '{base.color.blue.14}',
             },
             'light-protanopia-deuteranopia-high-contrast': {
-              $value: '{base.display.color.blue.8}',
+              $value: '{base.color.blue.14}',
             },
             'light-tritanopia-high-contrast': {
-              $value: '{base.display.color.blue.8}',
+              $value: '{base.color.blue.14}',
             },
             'dark-high-contrast': {
-              $value: '{base.display.color.blue.8}',
+              $value: '{base.color.blue.14}',
             },
             'dark-dimmed-high-contrast': {
-              $value: '{base.display.color.blue.8}',
+              $value: '{base.color.blue.14}',
             },
             'dark-protanopia-deuteranopia-high-contrast': {
-              $value: '{base.display.color.blue.8}',
+              $value: '{base.color.blue.14}',
             },
             'dark-tritanopia-high-contrast': {
-              $value: '{base.display.color.blue.8}',
+              $value: '{base.color.blue.14}',
             },
           },
         },
       },
       borderColor: {
         muted: {
-          $value: '{base.display.color.blue.1}',
+          $value: '{base.color.blue.3}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -224,13 +246,13 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.blue.1}',
+                $value: '{base.color.blue.14}',
               },
             },
           },
         },
         emphasis: {
-          $value: '{base.display.color.blue.5}',
+          $value: '{base.color.blue.10}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -240,28 +262,28 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.blue.5}',
+                $value: '{base.color.blue.14}',
               },
               'light-high-contrast': {
-                $value: '{base.display.color.blue.6}',
+                $value: '{base.color.blue.14}',
               },
               'light-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.display.color.blue.6}',
+                $value: '{base.color.blue.14}',
               },
               'light-tritanopia-high-contrast': {
-                $value: '{base.display.color.blue.6}',
+                $value: '{base.color.blue.14}',
               },
               'dark-high-contrast': {
-                $value: '{base.display.color.blue.6}',
+                $value: '{base.color.blue.14}',
               },
               'dark-dimmed-high-contrast': {
-                $value: '{base.display.color.blue.6}',
+                $value: '{base.color.blue.14}',
               },
               'dark-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.display.color.blue.6}',
+                $value: '{base.color.blue.14}',
               },
               'dark-tritanopia-high-contrast': {
-                $value: '{base.display.color.blue.6}',
+                $value: '{base.color.blue.14}',
               },
             },
           },
@@ -271,7 +293,7 @@
     green: {
       scale: {
         '0': {
-          $value: '{base.display.color.green.0}',
+          $value: '{base.color.green.0}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -282,7 +304,7 @@
           },
         },
         '1': {
-          $value: '{base.display.color.green.1}',
+          $value: '{base.color.green.1}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -293,7 +315,7 @@
           },
         },
         '2': {
-          $value: '{base.display.color.green.2}',
+          $value: '{base.color.green.2}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -304,7 +326,7 @@
           },
         },
         '3': {
-          $value: '{base.display.color.green.3}',
+          $value: '{base.color.green.3}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -315,7 +337,7 @@
           },
         },
         '4': {
-          $value: '{base.display.color.green.4}',
+          $value: '{base.color.green.4}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -326,7 +348,7 @@
           },
         },
         '5': {
-          $value: '{base.display.color.green.5}',
+          $value: '{base.color.green.5}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -337,7 +359,7 @@
           },
         },
         '6': {
-          $value: '{base.display.color.green.6}',
+          $value: '{base.color.green.6}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -348,7 +370,7 @@
           },
         },
         '7': {
-          $value: '{base.display.color.green.7}',
+          $value: '{base.color.green.7}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -359,7 +381,7 @@
           },
         },
         '8': {
-          $value: '{base.display.color.green.8}',
+          $value: '{base.color.green.8}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -370,7 +392,29 @@
           },
         },
         '9': {
-          $value: '{base.display.color.green.9}',
+          $value: '{base.color.green.9}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
+            },
+          },
+        },
+        '10': {
+          $value: '{base.color.green.10}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
+            },
+          },
+        },
+        '11': {
+          $value: '{base.color.green.11}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -383,7 +427,7 @@
       },
       bgColor: {
         muted: {
-          $value: '{base.display.color.green.0}',
+          $value: '{base.color.green.2}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -393,13 +437,13 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.green.0}',
+                $value: '{base.color.green.0}',
               },
             },
           },
         },
         emphasis: {
-          $value: '{base.display.color.green.5}',
+          $value: '{base.color.green.10}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -409,35 +453,35 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.green.4}',
+                $value: '{base.color.green.6}',
               },
               'light-high-contrast': {
-                $value: '{base.display.color.green.7}',
+                $value: '{base.color.green.14}',
               },
               'light-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.display.color.green.7}',
+                $value: '{base.color.green.14}',
               },
               'light-tritanopia-high-contrast': {
-                $value: '{base.display.color.green.7}',
+                $value: '{base.color.green.14}',
               },
               'dark-high-contrast': {
-                $value: '{base.display.color.green.3}',
+                $value: '{base.color.green.0}',
               },
               'dark-dimmed-high-contrast': {
-                $value: '{base.display.color.green.3}',
+                $value: '{base.color.green.0}',
               },
               'dark-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.display.color.green.3}',
+                $value: '{base.color.green.0}',
               },
               'dark-tritanopia-high-contrast': {
-                $value: '{base.display.color.green.3}',
+                $value: '{base.color.green.0}',
               },
             },
           },
         },
       },
       fgColor: {
-        $value: '{base.display.color.green.6}',
+        $value: '{base.color.green.10}',
         $type: 'color',
         $extensions: {
           'org.primer.figma': {
@@ -447,35 +491,35 @@
           },
           'org.primer.overrides': {
             dark: {
-              $value: '{base.display.color.green.6}',
+              $value: '{base.color.green.14}',
             },
             'light-high-contrast': {
-              $value: '{base.display.color.green.8}',
+              $value: '{base.color.green.14}',
             },
             'light-protanopia-deuteranopia-high-contrast': {
-              $value: '{base.display.color.green.8}',
+              $value: '{base.color.green.14}',
             },
             'light-tritanopia-high-contrast': {
-              $value: '{base.display.color.green.8}',
+              $value: '{base.color.green.14}',
             },
             'dark-high-contrast': {
-              $value: '{base.display.color.green.8}',
+              $value: '{base.color.green.14}',
             },
             'dark-dimmed-high-contrast': {
-              $value: '{base.display.color.green.8}',
+              $value: '{base.color.green.14}',
             },
             'dark-protanopia-deuteranopia-high-contrast': {
-              $value: '{base.display.color.green.8}',
+              $value: '{base.color.green.14}',
             },
             'dark-tritanopia-high-contrast': {
-              $value: '{base.display.color.green.8}',
+              $value: '{base.color.green.14}',
             },
           },
         },
       },
       borderColor: {
         muted: {
-          $value: '{base.display.color.green.1}',
+          $value: '{base.color.green.3}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -485,13 +529,13 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.green.1}',
+                $value: '{base.color.green.14}',
               },
             },
           },
         },
         emphasis: {
-          $value: '{base.display.color.green.5}',
+          $value: '{base.color.green.10}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -501,28 +545,28 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.green.5}',
+                $value: '{base.color.green.14}',
               },
               'light-high-contrast': {
-                $value: '{base.display.color.green.6}',
+                $value: '{base.color.green.14}',
               },
               'light-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.display.color.green.6}',
+                $value: '{base.color.green.14}',
               },
               'light-tritanopia-high-contrast': {
-                $value: '{base.display.color.green.6}',
+                $value: '{base.color.green.14}',
               },
               'dark-high-contrast': {
-                $value: '{base.display.color.green.6}',
+                $value: '{base.color.green.14}',
               },
               'dark-dimmed-high-contrast': {
-                $value: '{base.display.color.green.6}',
+                $value: '{base.color.green.14}',
               },
               'dark-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.display.color.green.6}',
+                $value: '{base.color.green.14}',
               },
               'dark-tritanopia-high-contrast': {
-                $value: '{base.display.color.green.6}',
+                $value: '{base.color.green.14}',
               },
             },
           },
@@ -532,7 +576,7 @@
     orange: {
       scale: {
         '0': {
-          $value: '{base.display.color.orange.0}',
+          $value: '{base.color.orange.0}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -543,7 +587,7 @@
           },
         },
         '1': {
-          $value: '{base.display.color.orange.1}',
+          $value: '{base.color.orange.1}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -554,7 +598,7 @@
           },
         },
         '2': {
-          $value: '{base.display.color.orange.2}',
+          $value: '{base.color.orange.2}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -565,7 +609,7 @@
           },
         },
         '3': {
-          $value: '{base.display.color.orange.3}',
+          $value: '{base.color.orange.3}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -576,7 +620,7 @@
           },
         },
         '4': {
-          $value: '{base.display.color.orange.4}',
+          $value: '{base.color.orange.4}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -587,7 +631,7 @@
           },
         },
         '5': {
-          $value: '{base.display.color.orange.5}',
+          $value: '{base.color.orange.5}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -598,7 +642,7 @@
           },
         },
         '6': {
-          $value: '{base.display.color.orange.6}',
+          $value: '{base.color.orange.6}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -609,7 +653,7 @@
           },
         },
         '7': {
-          $value: '{base.display.color.orange.7}',
+          $value: '{base.color.orange.7}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -620,7 +664,7 @@
           },
         },
         '8': {
-          $value: '{base.display.color.orange.8}',
+          $value: '{base.color.orange.8}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -631,7 +675,29 @@
           },
         },
         '9': {
-          $value: '{base.display.color.orange.9}',
+          $value: '{base.color.orange.9}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
+            },
+          },
+        },
+        '10': {
+          $value: '{base.color.orange.10}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
+            },
+          },
+        },
+        '11': {
+          $value: '{base.color.orange.11}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -644,7 +710,7 @@
       },
       bgColor: {
         muted: {
-          $value: '{base.display.color.orange.0}',
+          $value: '{base.color.orange.2}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -654,13 +720,13 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.orange.0}',
+                $value: '{base.color.orange.0}',
               },
             },
           },
         },
         emphasis: {
-          $value: '{base.display.color.orange.5}',
+          $value: '{base.color.orange.10}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -670,35 +736,35 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.orange.4}',
+                $value: '{base.color.orange.6}',
               },
               'light-high-contrast': {
-                $value: '{base.display.color.orange.7}',
+                $value: '{base.color.orange.14}',
               },
               'light-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.display.color.orange.7}',
+                $value: '{base.color.orange.14}',
               },
               'light-tritanopia-high-contrast': {
-                $value: '{base.display.color.orange.7}',
+                $value: '{base.color.orange.14}',
               },
               'dark-high-contrast': {
-                $value: '{base.display.color.orange.3}',
+                $value: '{base.color.orange.0}',
               },
               'dark-dimmed-high-contrast': {
-                $value: '{base.display.color.orange.3}',
+                $value: '{base.color.orange.0}',
               },
               'dark-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.display.color.orange.3}',
+                $value: '{base.color.orange.0}',
               },
               'dark-tritanopia-high-contrast': {
-                $value: '{base.display.color.orange.3}',
+                $value: '{base.color.orange.0}',
               },
             },
           },
         },
       },
       fgColor: {
-        $value: '{base.display.color.orange.6}',
+        $value: '{base.color.orange.10}',
         $type: 'color',
         $extensions: {
           'org.primer.figma': {
@@ -708,35 +774,35 @@
           },
           'org.primer.overrides': {
             dark: {
-              $value: '{base.display.color.orange.6}',
+              $value: '{base.color.orange.14}',
             },
             'light-high-contrast': {
-              $value: '{base.display.color.orange.8}',
+              $value: '{base.color.orange.14}',
             },
             'light-protanopia-deuteranopia-high-contrast': {
-              $value: '{base.display.color.orange.8}',
+              $value: '{base.color.orange.14}',
             },
             'light-tritanopia-high-contrast': {
-              $value: '{base.display.color.orange.8}',
+              $value: '{base.color.orange.14}',
             },
             'dark-high-contrast': {
-              $value: '{base.display.color.orange.8}',
+              $value: '{base.color.orange.14}',
             },
             'dark-dimmed-high-contrast': {
-              $value: '{base.display.color.orange.8}',
+              $value: '{base.color.orange.14}',
             },
             'dark-protanopia-deuteranopia-high-contrast': {
-              $value: '{base.display.color.orange.8}',
+              $value: '{base.color.orange.14}',
             },
             'dark-tritanopia-high-contrast': {
-              $value: '{base.display.color.orange.8}',
+              $value: '{base.color.orange.14}',
             },
           },
         },
       },
       borderColor: {
         muted: {
-          $value: '{base.display.color.orange.1}',
+          $value: '{base.color.orange.3}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -746,13 +812,13 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.orange.1}',
+                $value: '{base.color.orange.14}',
               },
             },
           },
         },
         emphasis: {
-          $value: '{base.display.color.orange.5}',
+          $value: '{base.color.orange.10}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -762,28 +828,28 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.orange.5}',
+                $value: '{base.color.orange.14}',
               },
               'light-high-contrast': {
-                $value: '{base.display.color.orange.6}',
+                $value: '{base.color.orange.14}',
               },
               'light-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.display.color.orange.6}',
+                $value: '{base.color.orange.14}',
               },
               'light-tritanopia-high-contrast': {
-                $value: '{base.display.color.orange.6}',
+                $value: '{base.color.orange.14}',
               },
               'dark-high-contrast': {
-                $value: '{base.display.color.orange.6}',
+                $value: '{base.color.orange.14}',
               },
               'dark-dimmed-high-contrast': {
-                $value: '{base.display.color.orange.6}',
+                $value: '{base.color.orange.14}',
               },
               'dark-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.display.color.orange.6}',
+                $value: '{base.color.orange.14}',
               },
               'dark-tritanopia-high-contrast': {
-                $value: '{base.display.color.orange.6}',
+                $value: '{base.color.orange.14}',
               },
             },
           },
@@ -793,7 +859,7 @@
     purple: {
       scale: {
         '0': {
-          $value: '{base.display.color.purple.0}',
+          $value: '{base.color.purple.0}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -804,7 +870,7 @@
           },
         },
         '1': {
-          $value: '{base.display.color.purple.1}',
+          $value: '{base.color.purple.1}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -815,7 +881,7 @@
           },
         },
         '2': {
-          $value: '{base.display.color.purple.2}',
+          $value: '{base.color.purple.2}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -826,7 +892,7 @@
           },
         },
         '3': {
-          $value: '{base.display.color.purple.3}',
+          $value: '{base.color.purple.3}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -837,7 +903,7 @@
           },
         },
         '4': {
-          $value: '{base.display.color.purple.4}',
+          $value: '{base.color.purple.4}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -848,7 +914,7 @@
           },
         },
         '5': {
-          $value: '{base.display.color.purple.5}',
+          $value: '{base.color.purple.5}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -859,7 +925,7 @@
           },
         },
         '6': {
-          $value: '{base.display.color.purple.6}',
+          $value: '{base.color.purple.6}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -870,7 +936,7 @@
           },
         },
         '7': {
-          $value: '{base.display.color.purple.7}',
+          $value: '{base.color.purple.7}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -881,7 +947,7 @@
           },
         },
         '8': {
-          $value: '{base.display.color.purple.8}',
+          $value: '{base.color.purple.8}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -892,7 +958,29 @@
           },
         },
         '9': {
-          $value: '{base.display.color.purple.9}',
+          $value: '{base.color.purple.9}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
+            },
+          },
+        },
+        '10': {
+          $value: '{base.color.purple.10}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
+            },
+          },
+        },
+        '11': {
+          $value: '{base.color.purple.11}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -905,7 +993,7 @@
       },
       bgColor: {
         muted: {
-          $value: '{base.display.color.purple.0}',
+          $value: '{base.color.purple.2}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -915,13 +1003,13 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.purple.0}',
+                $value: '{base.color.purple.0}',
               },
             },
           },
         },
         emphasis: {
-          $value: '{base.display.color.purple.5}',
+          $value: '{base.color.purple.10}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -931,35 +1019,35 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.purple.4}',
+                $value: '{base.color.purple.6}',
               },
               'light-high-contrast': {
-                $value: '{base.display.color.purple.7}',
+                $value: '{base.color.purple.14}',
               },
               'light-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.display.color.purple.7}',
+                $value: '{base.color.purple.14}',
               },
               'light-tritanopia-high-contrast': {
-                $value: '{base.display.color.purple.7}',
+                $value: '{base.color.purple.14}',
               },
               'dark-high-contrast': {
-                $value: '{base.display.color.purple.3}',
+                $value: '{base.color.purple.0}',
               },
               'dark-dimmed-high-contrast': {
-                $value: '{base.display.color.purple.3}',
+                $value: '{base.color.purple.0}',
               },
               'dark-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.display.color.purple.3}',
+                $value: '{base.color.purple.0}',
               },
               'dark-tritanopia-high-contrast': {
-                $value: '{base.display.color.purple.3}',
+                $value: '{base.color.purple.0}',
               },
             },
           },
         },
       },
       fgColor: {
-        $value: '{base.display.color.purple.6}',
+        $value: '{base.color.purple.10}',
         $type: 'color',
         $extensions: {
           'org.primer.figma': {
@@ -969,35 +1057,35 @@
           },
           'org.primer.overrides': {
             dark: {
-              $value: '{base.display.color.purple.6}',
+              $value: '{base.color.purple.14}',
             },
             'light-high-contrast': {
-              $value: '{base.display.color.purple.8}',
+              $value: '{base.color.purple.14}',
             },
             'light-protanopia-deuteranopia-high-contrast': {
-              $value: '{base.display.color.purple.8}',
+              $value: '{base.color.purple.14}',
             },
             'light-tritanopia-high-contrast': {
-              $value: '{base.display.color.purple.8}',
+              $value: '{base.color.purple.14}',
             },
             'dark-high-contrast': {
-              $value: '{base.display.color.purple.8}',
+              $value: '{base.color.purple.14}',
             },
             'dark-dimmed-high-contrast': {
-              $value: '{base.display.color.purple.8}',
+              $value: '{base.color.purple.14}',
             },
             'dark-protanopia-deuteranopia-high-contrast': {
-              $value: '{base.display.color.purple.8}',
+              $value: '{base.color.purple.14}',
             },
             'dark-tritanopia-high-contrast': {
-              $value: '{base.display.color.purple.8}',
+              $value: '{base.color.purple.14}',
             },
           },
         },
       },
       borderColor: {
         muted: {
-          $value: '{base.display.color.purple.1}',
+          $value: '{base.color.purple.3}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1007,13 +1095,13 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.purple.1}',
+                $value: '{base.color.purple.14}',
               },
             },
           },
         },
         emphasis: {
-          $value: '{base.display.color.purple.5}',
+          $value: '{base.color.purple.10}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1023,28 +1111,28 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.purple.5}',
+                $value: '{base.color.purple.14}',
               },
               'light-high-contrast': {
-                $value: '{base.display.color.purple.6}',
+                $value: '{base.color.purple.14}',
               },
               'light-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.display.color.purple.6}',
+                $value: '{base.color.purple.14}',
               },
               'light-tritanopia-high-contrast': {
-                $value: '{base.display.color.purple.6}',
+                $value: '{base.color.purple.14}',
               },
               'dark-high-contrast': {
-                $value: '{base.display.color.purple.6}',
+                $value: '{base.color.purple.14}',
               },
               'dark-dimmed-high-contrast': {
-                $value: '{base.display.color.purple.6}',
+                $value: '{base.color.purple.14}',
               },
               'dark-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.display.color.purple.6}',
+                $value: '{base.color.purple.14}',
               },
               'dark-tritanopia-high-contrast': {
-                $value: '{base.display.color.purple.6}',
+                $value: '{base.color.purple.14}',
               },
             },
           },
@@ -1054,7 +1142,7 @@
     plum: {
       scale: {
         '0': {
-          $value: '{base.display.color.plum.0}',
+          $value: '{base.color.plum.0}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1065,7 +1153,7 @@
           },
         },
         '1': {
-          $value: '{base.display.color.plum.1}',
+          $value: '{base.color.plum.1}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1076,7 +1164,7 @@
           },
         },
         '2': {
-          $value: '{base.display.color.plum.2}',
+          $value: '{base.color.plum.2}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1087,7 +1175,7 @@
           },
         },
         '3': {
-          $value: '{base.display.color.plum.3}',
+          $value: '{base.color.plum.3}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1098,7 +1186,7 @@
           },
         },
         '4': {
-          $value: '{base.display.color.plum.4}',
+          $value: '{base.color.plum.4}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1109,7 +1197,7 @@
           },
         },
         '5': {
-          $value: '{base.display.color.plum.5}',
+          $value: '{base.color.plum.5}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1120,7 +1208,7 @@
           },
         },
         '6': {
-          $value: '{base.display.color.plum.6}',
+          $value: '{base.color.plum.6}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1131,7 +1219,7 @@
           },
         },
         '7': {
-          $value: '{base.display.color.plum.7}',
+          $value: '{base.color.plum.7}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1142,7 +1230,7 @@
           },
         },
         '8': {
-          $value: '{base.display.color.plum.8}',
+          $value: '{base.color.plum.8}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1153,7 +1241,29 @@
           },
         },
         '9': {
-          $value: '{base.display.color.plum.9}',
+          $value: '{base.color.plum.9}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
+            },
+          },
+        },
+        '10': {
+          $value: '{base.color.plum.10}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
+            },
+          },
+        },
+        '11': {
+          $value: '{base.color.plum.11}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1166,7 +1276,7 @@
       },
       bgColor: {
         muted: {
-          $value: '{base.display.color.plum.0}',
+          $value: '{base.color.plum.2}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1176,13 +1286,13 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.plum.0}',
+                $value: '{base.color.plum.0}',
               },
             },
           },
         },
         emphasis: {
-          $value: '{base.display.color.plum.5}',
+          $value: '{base.color.plum.10}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1192,35 +1302,35 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.plum.4}',
+                $value: '{base.color.plum.4}',
               },
               'light-high-contrast': {
-                $value: '{base.display.color.plum.7}',
+                $value: '{base.color.plum.11}',
               },
               'light-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.display.color.plum.7}',
+                $value: '{base.color.plum.11}',
               },
               'light-tritanopia-high-contrast': {
-                $value: '{base.display.color.plum.7}',
+                $value: '{base.color.plum.11}',
               },
               'dark-high-contrast': {
-                $value: '{base.display.color.plum.3}',
+                $value: '{base.color.plum.0}',
               },
               'dark-dimmed-high-contrast': {
-                $value: '{base.display.color.plum.3}',
+                $value: '{base.color.plum.0}',
               },
               'dark-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.display.color.plum.3}',
+                $value: '{base.color.plum.0}',
               },
               'dark-tritanopia-high-contrast': {
-                $value: '{base.display.color.plum.3}',
+                $value: '{base.color.plum.0}',
               },
             },
           },
         },
       },
       fgColor: {
-        $value: '{base.display.color.plum.6}',
+        $value: '{base.color.plum.10}',
         $type: 'color',
         $extensions: {
           'org.primer.figma': {
@@ -1230,35 +1340,35 @@
           },
           'org.primer.overrides': {
             dark: {
-              $value: '{base.display.color.plum.6}',
+              $value: '{base.color.plum.11}',
             },
             'light-high-contrast': {
-              $value: '{base.display.color.plum.8}',
+              $value: '{base.color.plum.11}',
             },
             'light-protanopia-deuteranopia-high-contrast': {
-              $value: '{base.display.color.plum.8}',
+              $value: '{base.color.plum.11}',
             },
             'light-tritanopia-high-contrast': {
-              $value: '{base.display.color.plum.8}',
+              $value: '{base.color.plum.11}',
             },
             'dark-high-contrast': {
-              $value: '{base.display.color.plum.8}',
+              $value: '{base.color.plum.11}',
             },
             'dark-dimmed-high-contrast': {
-              $value: '{base.display.color.plum.8}',
+              $value: '{base.color.plum.11}',
             },
             'dark-protanopia-deuteranopia-high-contrast': {
-              $value: '{base.display.color.plum.8}',
+              $value: '{base.color.plum.11}',
             },
             'dark-tritanopia-high-contrast': {
-              $value: '{base.display.color.plum.8}',
+              $value: '{base.color.plum.11}',
             },
           },
         },
       },
       borderColor: {
         muted: {
-          $value: '{base.display.color.plum.1}',
+          $value: '{base.color.plum.3}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1268,13 +1378,13 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.plum.1}',
+                $value: '{base.color.plum.11}',
               },
             },
           },
         },
         emphasis: {
-          $value: '{base.display.color.plum.5}',
+          $value: '{base.color.plum.10}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1284,28 +1394,28 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.plum.5}',
+                $value: '{base.color.plum.11}',
               },
               'light-high-contrast': {
-                $value: '{base.display.color.plum.6}',
+                $value: '{base.color.plum.11}',
               },
               'light-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.display.color.plum.6}',
+                $value: '{base.color.plum.11}',
               },
               'light-tritanopia-high-contrast': {
-                $value: '{base.display.color.plum.6}',
+                $value: '{base.color.plum.11}',
               },
               'dark-high-contrast': {
-                $value: '{base.display.color.plum.6}',
+                $value: '{base.color.plum.11}',
               },
               'dark-dimmed-high-contrast': {
-                $value: '{base.display.color.plum.6}',
+                $value: '{base.color.plum.11}',
               },
               'dark-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.display.color.plum.6}',
+                $value: '{base.color.plum.11}',
               },
               'dark-tritanopia-high-contrast': {
-                $value: '{base.display.color.plum.6}',
+                $value: '{base.color.plum.11}',
               },
             },
           },
@@ -1315,7 +1425,7 @@
     red: {
       scale: {
         '0': {
-          $value: '{base.display.color.red.0}',
+          $value: '{base.color.red.0}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1326,7 +1436,7 @@
           },
         },
         '1': {
-          $value: '{base.display.color.red.1}',
+          $value: '{base.color.red.1}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1337,7 +1447,7 @@
           },
         },
         '2': {
-          $value: '{base.display.color.red.2}',
+          $value: '{base.color.red.2}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1348,7 +1458,7 @@
           },
         },
         '3': {
-          $value: '{base.display.color.red.3}',
+          $value: '{base.color.red.3}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1359,7 +1469,7 @@
           },
         },
         '4': {
-          $value: '{base.display.color.red.4}',
+          $value: '{base.color.red.4}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1370,7 +1480,7 @@
           },
         },
         '5': {
-          $value: '{base.display.color.red.5}',
+          $value: '{base.color.red.5}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1381,7 +1491,7 @@
           },
         },
         '6': {
-          $value: '{base.display.color.red.6}',
+          $value: '{base.color.red.6}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1392,7 +1502,7 @@
           },
         },
         '7': {
-          $value: '{base.display.color.red.7}',
+          $value: '{base.color.red.7}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1403,7 +1513,7 @@
           },
         },
         '8': {
-          $value: '{base.display.color.red.8}',
+          $value: '{base.color.red.8}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1414,7 +1524,29 @@
           },
         },
         '9': {
-          $value: '{base.display.color.red.9}',
+          $value: '{base.color.red.9}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
+            },
+          },
+        },
+        '10': {
+          $value: '{base.color.red.10}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
+            },
+          },
+        },
+        '11': {
+          $value: '{base.color.red.11}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1427,7 +1559,7 @@
       },
       bgColor: {
         muted: {
-          $value: '{base.display.color.red.0}',
+          $value: '{base.color.red.2}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1437,13 +1569,13 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.red.0}',
+                $value: '{base.color.red.0}',
               },
             },
           },
         },
         emphasis: {
-          $value: '{base.display.color.red.5}',
+          $value: '{base.color.red.10}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1453,35 +1585,35 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.red.4}',
+                $value: '{base.color.red.6}',
               },
               'light-high-contrast': {
-                $value: '{base.display.color.red.7}',
+                $value: '{base.color.red.14}',
               },
               'light-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.display.color.red.7}',
+                $value: '{base.color.red.14}',
               },
               'light-tritanopia-high-contrast': {
-                $value: '{base.display.color.red.7}',
+                $value: '{base.color.red.14}',
               },
               'dark-high-contrast': {
-                $value: '{base.display.color.red.3}',
+                $value: '{base.color.red.0}',
               },
               'dark-dimmed-high-contrast': {
-                $value: '{base.display.color.red.3}',
+                $value: '{base.color.red.0}',
               },
               'dark-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.display.color.red.3}',
+                $value: '{base.color.red.0}',
               },
               'dark-tritanopia-high-contrast': {
-                $value: '{base.display.color.red.3}',
+                $value: '{base.color.red.0}',
               },
             },
           },
         },
       },
       fgColor: {
-        $value: '{base.display.color.red.6}',
+        $value: '{base.color.red.10}',
         $type: 'color',
         $extensions: {
           'org.primer.figma': {
@@ -1491,35 +1623,35 @@
           },
           'org.primer.overrides': {
             dark: {
-              $value: '{base.display.color.red.6}',
+              $value: '{base.color.red.14}',
             },
             'light-high-contrast': {
-              $value: '{base.display.color.red.8}',
+              $value: '{base.color.red.14}',
             },
             'light-protanopia-deuteranopia-high-contrast': {
-              $value: '{base.display.color.red.8}',
+              $value: '{base.color.red.14}',
             },
             'light-tritanopia-high-contrast': {
-              $value: '{base.display.color.red.8}',
+              $value: '{base.color.red.14}',
             },
             'dark-high-contrast': {
-              $value: '{base.display.color.red.8}',
+              $value: '{base.color.red.14}',
             },
             'dark-dimmed-high-contrast': {
-              $value: '{base.display.color.red.8}',
+              $value: '{base.color.red.14}',
             },
             'dark-protanopia-deuteranopia-high-contrast': {
-              $value: '{base.display.color.red.8}',
+              $value: '{base.color.red.14}',
             },
             'dark-tritanopia-high-contrast': {
-              $value: '{base.display.color.red.8}',
+              $value: '{base.color.red.14}',
             },
           },
         },
       },
       borderColor: {
         muted: {
-          $value: '{base.display.color.red.1}',
+          $value: '{base.color.red.3}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1529,13 +1661,13 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.red.1}',
+                $value: '{base.color.red.14}',
               },
             },
           },
         },
         emphasis: {
-          $value: '{base.display.color.red.5}',
+          $value: '{base.color.red.10}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1545,28 +1677,28 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.red.5}',
+                $value: '{base.color.red.14}',
               },
               'light-high-contrast': {
-                $value: '{base.display.color.red.6}',
+                $value: '{base.color.red.14}',
               },
               'light-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.display.color.red.6}',
+                $value: '{base.color.red.14}',
               },
               'light-tritanopia-high-contrast': {
-                $value: '{base.display.color.red.6}',
+                $value: '{base.color.red.14}',
               },
               'dark-high-contrast': {
-                $value: '{base.display.color.red.6}',
+                $value: '{base.color.red.14}',
               },
               'dark-dimmed-high-contrast': {
-                $value: '{base.display.color.red.6}',
+                $value: '{base.color.red.14}',
               },
               'dark-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.display.color.red.6}',
+                $value: '{base.color.red.14}',
               },
               'dark-tritanopia-high-contrast': {
-                $value: '{base.display.color.red.6}',
+                $value: '{base.color.red.14}',
               },
             },
           },
@@ -1576,7 +1708,7 @@
     coral: {
       scale: {
         '0': {
-          $value: '{base.display.color.coral.0}',
+          $value: '{base.color.coral.0}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1587,7 +1719,7 @@
           },
         },
         '1': {
-          $value: '{base.display.color.coral.1}',
+          $value: '{base.color.coral.1}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1598,7 +1730,7 @@
           },
         },
         '2': {
-          $value: '{base.display.color.coral.2}',
+          $value: '{base.color.coral.2}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1609,7 +1741,7 @@
           },
         },
         '3': {
-          $value: '{base.display.color.coral.3}',
+          $value: '{base.color.coral.3}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1620,7 +1752,7 @@
           },
         },
         '4': {
-          $value: '{base.display.color.coral.4}',
+          $value: '{base.color.coral.4}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1631,7 +1763,7 @@
           },
         },
         '5': {
-          $value: '{base.display.color.coral.5}',
+          $value: '{base.color.coral.5}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1642,7 +1774,7 @@
           },
         },
         '6': {
-          $value: '{base.display.color.coral.6}',
+          $value: '{base.color.coral.6}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1653,7 +1785,7 @@
           },
         },
         '7': {
-          $value: '{base.display.color.coral.7}',
+          $value: '{base.color.coral.7}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1664,7 +1796,7 @@
           },
         },
         '8': {
-          $value: '{base.display.color.coral.8}',
+          $value: '{base.color.coral.8}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1675,7 +1807,29 @@
           },
         },
         '9': {
-          $value: '{base.display.color.coral.9}',
+          $value: '{base.color.coral.9}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
+            },
+          },
+        },
+        '10': {
+          $value: '{base.color.coral.10}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
+            },
+          },
+        },
+        '11': {
+          $value: '{base.color.coral.11}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1688,7 +1842,7 @@
       },
       bgColor: {
         muted: {
-          $value: '{base.display.color.coral.0}',
+          $value: '{base.color.coral.2}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1698,13 +1852,13 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.red.0}',
+                $value: '{base.color.coral.0}',
               },
             },
           },
         },
         emphasis: {
-          $value: '{base.display.color.coral.5}',
+          $value: '{base.color.coral.10}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1714,35 +1868,35 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.red.4}',
+                $value: '{base.color.coral.6}',
               },
               'light-high-contrast': {
-                $value: '{base.display.color.coral.7}',
+                $value: '{base.color.coral.14}',
               },
               'light-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.display.color.coral.7}',
+                $value: '{base.color.coral.14}',
               },
               'light-tritanopia-high-contrast': {
-                $value: '{base.display.color.coral.7}',
+                $value: '{base.color.coral.14}',
               },
               'dark-high-contrast': {
-                $value: '{base.display.color.coral.3}',
+                $value: '{base.color.coral.0}',
               },
               'dark-dimmed-high-contrast': {
-                $value: '{base.display.color.coral.3}',
+                $value: '{base.color.coral.0}',
               },
               'dark-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.display.color.coral.3}',
+                $value: '{base.color.coral.0}',
               },
               'dark-tritanopia-high-contrast': {
-                $value: '{base.display.color.coral.3}',
+                $value: '{base.color.coral.0}',
               },
             },
           },
         },
       },
       fgColor: {
-        $value: '{base.display.color.coral.6}',
+        $value: '{base.color.coral.10}',
         $type: 'color',
         $extensions: {
           'org.primer.figma': {
@@ -1752,35 +1906,35 @@
           },
           'org.primer.overrides': {
             dark: {
-              $value: '{base.display.color.red.6}',
+              $value: '{base.color.coral.14}',
             },
             'light-high-contrast': {
-              $value: '{base.display.color.coral.8}',
+              $value: '{base.color.coral.14}',
             },
             'light-protanopia-deuteranopia-high-contrast': {
-              $value: '{base.display.color.coral.8}',
+              $value: '{base.color.coral.14}',
             },
             'light-tritanopia-high-contrast': {
-              $value: '{base.display.color.coral.8}',
+              $value: '{base.color.coral.14}',
             },
             'dark-high-contrast': {
-              $value: '{base.display.color.coral.8}',
+              $value: '{base.color.coral.14}',
             },
             'dark-dimmed-high-contrast': {
-              $value: '{base.display.color.coral.8}',
+              $value: '{base.color.coral.14}',
             },
             'dark-protanopia-deuteranopia-high-contrast': {
-              $value: '{base.display.color.coral.8}',
+              $value: '{base.color.coral.14}',
             },
             'dark-tritanopia-high-contrast': {
-              $value: '{base.display.color.coral.8}',
+              $value: '{base.color.coral.14}',
             },
           },
         },
       },
       borderColor: {
         muted: {
-          $value: '{base.display.color.coral.1}',
+          $value: '{base.color.coral.3}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1790,13 +1944,13 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.red.1}',
+                $value: '{base.color.red.1}',
               },
             },
           },
         },
         emphasis: {
-          $value: '{base.display.color.coral.5}',
+          $value: '{base.color.coral.10}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1806,28 +1960,28 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.red.5}',
+                $value: '{base.color.coral.14}',
               },
               'light-high-contrast': {
-                $value: '{base.display.color.coral.6}',
+                $value: '{base.color.coral.14}',
               },
               'light-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.display.color.coral.6}',
+                $value: '{base.color.coral.14}',
               },
               'light-tritanopia-high-contrast': {
-                $value: '{base.display.color.coral.6}',
+                $value: '{base.color.coral.14}',
               },
               'dark-high-contrast': {
-                $value: '{base.display.color.coral.6}',
+                $value: '{base.color.coral.14}',
               },
               'dark-dimmed-high-contrast': {
-                $value: '{base.display.color.coral.6}',
+                $value: '{base.color.coral.14}',
               },
               'dark-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.display.color.coral.6}',
+                $value: '{base.color.coral.14}',
               },
               'dark-tritanopia-high-contrast': {
-                $value: '{base.display.color.coral.6}',
+                $value: '{base.color.coral.14}',
               },
             },
           },
@@ -1837,7 +1991,7 @@
     yellow: {
       scale: {
         '0': {
-          $value: '{base.display.color.yellow.0}',
+          $value: '{base.color.yellow.0}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1848,7 +2002,7 @@
           },
         },
         '1': {
-          $value: '{base.display.color.yellow.1}',
+          $value: '{base.color.yellow.1}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1859,7 +2013,7 @@
           },
         },
         '2': {
-          $value: '{base.display.color.yellow.2}',
+          $value: '{base.color.yellow.2}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1870,7 +2024,7 @@
           },
         },
         '3': {
-          $value: '{base.display.color.yellow.3}',
+          $value: '{base.color.yellow.3}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1881,7 +2035,7 @@
           },
         },
         '4': {
-          $value: '{base.display.color.yellow.4}',
+          $value: '{base.color.yellow.4}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1892,7 +2046,7 @@
           },
         },
         '5': {
-          $value: '{base.display.color.yellow.5}',
+          $value: '{base.color.yellow.5}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1903,7 +2057,7 @@
           },
         },
         '6': {
-          $value: '{base.display.color.yellow.6}',
+          $value: '{base.color.yellow.6}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1914,7 +2068,7 @@
           },
         },
         '7': {
-          $value: '{base.display.color.yellow.7}',
+          $value: '{base.color.yellow.7}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1925,7 +2079,7 @@
           },
         },
         '8': {
-          $value: '{base.display.color.yellow.8}',
+          $value: '{base.color.yellow.8}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1936,7 +2090,29 @@
           },
         },
         '9': {
-          $value: '{base.display.color.yellow.9}',
+          $value: '{base.color.yellow.9}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
+            },
+          },
+        },
+        '10': {
+          $value: '{base.color.yellow.10}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
+            },
+          },
+        },
+        '11': {
+          $value: '{base.color.yellow.11}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1949,7 +2125,7 @@
       },
       bgColor: {
         muted: {
-          $value: '{base.display.color.yellow.0}',
+          $value: '{base.color.yellow.2}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1959,13 +2135,13 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.yellow.0}',
+                $value: '{base.color.yellow.0}',
               },
             },
           },
         },
         emphasis: {
-          $value: '{base.display.color.yellow.5}',
+          $value: '{base.color.yellow.10}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1975,35 +2151,35 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.yellow.4}',
+                $value: '{base.color.yellow.6}',
               },
               'light-high-contrast': {
-                $value: '{base.display.color.yellow.7}',
+                $value: '{base.color.yellow.14}',
               },
               'light-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.display.color.yellow.7}',
+                $value: '{base.color.yellow.14}',
               },
               'light-tritanopia-high-contrast': {
-                $value: '{base.display.color.yellow.7}',
+                $value: '{base.color.yellow.14}',
               },
               'dark-high-contrast': {
-                $value: '{base.display.color.yellow.3}',
+                $value: '{base.color.yellow.0}',
               },
               'dark-dimmed-high-contrast': {
-                $value: '{base.display.color.yellow.3}',
+                $value: '{base.color.yellow.0}',
               },
               'dark-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.display.color.yellow.3}',
+                $value: '{base.color.yellow.0}',
               },
               'dark-tritanopia-high-contrast': {
-                $value: '{base.display.color.yellow.3}',
+                $value: '{base.color.yellow.0}',
               },
             },
           },
         },
       },
       fgColor: {
-        $value: '{base.display.color.yellow.6}',
+        $value: '{base.color.yellow.10}',
         $type: 'color',
         $extensions: {
           'org.primer.figma': {
@@ -2013,35 +2189,35 @@
           },
           'org.primer.overrides': {
             dark: {
-              $value: '{base.display.color.yellow.6}',
+              $value: '{base.color.yellow.14}',
             },
             'light-high-contrast': {
-              $value: '{base.display.color.yellow.8}',
+              $value: '{base.color.yellow.14}',
             },
             'light-protanopia-deuteranopia-high-contrast': {
-              $value: '{base.display.color.yellow.8}',
+              $value: '{base.color.yellow.14}',
             },
             'light-tritanopia-high-contrast': {
-              $value: '{base.display.color.yellow.8}',
+              $value: '{base.color.yellow.14}',
             },
             'dark-high-contrast': {
-              $value: '{base.display.color.yellow.8}',
+              $value: '{base.color.yellow.14}',
             },
             'dark-dimmed-high-contrast': {
-              $value: '{base.display.color.yellow.8}',
+              $value: '{base.color.yellow.14}',
             },
             'dark-protanopia-deuteranopia-high-contrast': {
-              $value: '{base.display.color.yellow.8}',
+              $value: '{base.color.yellow.14}',
             },
             'dark-tritanopia-high-contrast': {
-              $value: '{base.display.color.yellow.8}',
+              $value: '{base.color.yellow.14}',
             },
           },
         },
       },
       borderColor: {
         muted: {
-          $value: '{base.display.color.yellow.1}',
+          $value: '{base.color.yellow.3}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2051,13 +2227,13 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.yellow.1}',
+                $value: '{base.color.yellow.14}',
               },
             },
           },
         },
         emphasis: {
-          $value: '{base.display.color.yellow.5}',
+          $value: '{base.color.yellow.10}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2067,28 +2243,28 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.yellow.5}',
+                $value: '{base.color.yellow.14}',
               },
               'light-high-contrast': {
-                $value: '{base.display.color.yellow.6}',
+                $value: '{base.color.yellow.14}',
               },
               'light-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.display.color.yellow.6}',
+                $value: '{base.color.yellow.14}',
               },
               'light-tritanopia-high-contrast': {
-                $value: '{base.display.color.yellow.6}',
+                $value: '{base.color.yellow.14}',
               },
               'dark-high-contrast': {
-                $value: '{base.display.color.yellow.6}',
+                $value: '{base.color.yellow.14}',
               },
               'dark-dimmed-high-contrast': {
-                $value: '{base.display.color.yellow.6}',
+                $value: '{base.color.yellow.14}',
               },
               'dark-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.display.color.yellow.6}',
+                $value: '{base.color.yellow.14}',
               },
               'dark-tritanopia-high-contrast': {
-                $value: '{base.display.color.yellow.6}',
+                $value: '{base.color.yellow.14}',
               },
             },
           },
@@ -2098,7 +2274,7 @@
     gray: {
       scale: {
         '0': {
-          $value: '{base.display.color.gray.0}',
+          $value: '{base.color.gray.0}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2109,7 +2285,7 @@
           },
         },
         '1': {
-          $value: '{base.display.color.gray.1}',
+          $value: '{base.color.gray.1}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2120,7 +2296,7 @@
           },
         },
         '2': {
-          $value: '{base.display.color.gray.2}',
+          $value: '{base.color.gray.2}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2131,7 +2307,7 @@
           },
         },
         '3': {
-          $value: '{base.display.color.gray.3}',
+          $value: '{base.color.gray.3}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2142,7 +2318,7 @@
           },
         },
         '4': {
-          $value: '{base.display.color.gray.4}',
+          $value: '{base.color.gray.4}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2153,7 +2329,7 @@
           },
         },
         '5': {
-          $value: '{base.display.color.gray.5}',
+          $value: '{base.color.gray.5}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2164,7 +2340,7 @@
           },
         },
         '6': {
-          $value: '{base.display.color.gray.6}',
+          $value: '{base.color.gray.6}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2175,7 +2351,7 @@
           },
         },
         '7': {
-          $value: '{base.display.color.gray.7}',
+          $value: '{base.color.gray.7}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2186,7 +2362,7 @@
           },
         },
         '8': {
-          $value: '{base.display.color.gray.8}',
+          $value: '{base.color.gray.8}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2197,7 +2373,29 @@
           },
         },
         '9': {
-          $value: '{base.display.color.gray.9}',
+          $value: '{base.color.gray.9}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
+            },
+          },
+        },
+        '10': {
+          $value: '{base.color.gray.10}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
+            },
+          },
+        },
+        '11': {
+          $value: '{base.color.gray.11}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2210,7 +2408,7 @@
       },
       bgColor: {
         muted: {
-          $value: '{base.display.color.gray.0}',
+          $value: '{base.color.gray.2}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2220,13 +2418,13 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.gray.0}',
+                $value: '{base.color.gray.0}',
               },
             },
           },
         },
         emphasis: {
-          $value: '{base.display.color.gray.5}',
+          $value: '{base.color.gray.10}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2236,35 +2434,35 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.gray.4}',
+                $value: '{base.color.gray.6}',
               },
               'light-high-contrast': {
-                $value: '{base.display.color.gray.7}',
+                $value: '{base.color.gray.14}',
               },
               'light-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.display.color.gray.7}',
+                $value: '{base.color.gray.14}',
               },
               'light-tritanopia-high-contrast': {
-                $value: '{base.display.color.gray.7}',
+                $value: '{base.color.gray.14}',
               },
               'dark-high-contrast': {
-                $value: '{base.display.color.gray.3}',
+                $value: '{base.color.gray.0}',
               },
               'dark-dimmed-high-contrast': {
-                $value: '{base.display.color.gray.3}',
+                $value: '{base.color.gray.0}',
               },
               'dark-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.display.color.gray.3}',
+                $value: '{base.color.gray.0}',
               },
               'dark-tritanopia-high-contrast': {
-                $value: '{base.display.color.gray.3}',
+                $value: '{base.color.gray.0}',
               },
             },
           },
         },
       },
       fgColor: {
-        $value: '{base.display.color.gray.6}',
+        $value: '{base.color.gray.10}',
         $type: 'color',
         $extensions: {
           'org.primer.figma': {
@@ -2274,35 +2472,35 @@
           },
           'org.primer.overrides': {
             dark: {
-              $value: '{base.display.color.gray.6}',
+              $value: '{base.color.gray.14}',
             },
             'light-high-contrast': {
-              $value: '{base.display.color.gray.8}',
+              $value: '{base.color.gray.14}',
             },
             'light-protanopia-deuteranopia-high-contrast': {
-              $value: '{base.display.color.gray.8}',
+              $value: '{base.color.gray.14}',
             },
             'light-tritanopia-high-contrast': {
-              $value: '{base.display.color.gray.8}',
+              $value: '{base.color.gray.14}',
             },
             'dark-high-contrast': {
-              $value: '{base.display.color.gray.8}',
+              $value: '{base.color.gray.14}',
             },
             'dark-dimmed-high-contrast': {
-              $value: '{base.display.color.gray.8}',
+              $value: '{base.color.gray.14}',
             },
             'dark-protanopia-deuteranopia-high-contrast': {
-              $value: '{base.display.color.gray.8}',
+              $value: '{base.color.gray.14}',
             },
             'dark-tritanopia-high-contrast': {
-              $value: '{base.display.color.gray.8}',
+              $value: '{base.color.gray.14}',
             },
           },
         },
       },
       borderColor: {
         muted: {
-          $value: '{base.display.color.gray.1}',
+          $value: '{base.color.gray.3}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2312,13 +2510,13 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.gray.1}',
+                $value: '{base.color.gray.14}',
               },
             },
           },
         },
         emphasis: {
-          $value: '{base.display.color.gray.5}',
+          $value: '{base.color.gray.10}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2328,28 +2526,28 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.gray.5}',
+                $value: '{base.color.gray.14}',
               },
               'light-high-contrast': {
-                $value: '{base.display.color.gray.6}',
+                $value: '{base.color.gray.14}',
               },
               'light-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.display.color.gray.6}',
+                $value: '{base.color.gray.14}',
               },
               'light-tritanopia-high-contrast': {
-                $value: '{base.display.color.gray.6}',
+                $value: '{base.color.gray.14}',
               },
               'dark-high-contrast': {
-                $value: '{base.display.color.gray.6}',
+                $value: '{base.color.gray.14}',
               },
               'dark-dimmed-high-contrast': {
-                $value: '{base.display.color.gray.6}',
+                $value: '{base.color.gray.14}',
               },
               'dark-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.display.color.gray.6}',
+                $value: '{base.color.gray.14}',
               },
               'dark-tritanopia-high-contrast': {
-                $value: '{base.display.color.gray.6}',
+                $value: '{base.color.gray.14}',
               },
             },
           },
@@ -2359,7 +2557,7 @@
     auburn: {
       scale: {
         '0': {
-          $value: '{base.display.color.auburn.0}',
+          $value: '{base.color.auburn.0}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2370,7 +2568,7 @@
           },
         },
         '1': {
-          $value: '{base.display.color.auburn.1}',
+          $value: '{base.color.auburn.1}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2381,7 +2579,7 @@
           },
         },
         '2': {
-          $value: '{base.display.color.auburn.2}',
+          $value: '{base.color.auburn.2}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2392,7 +2590,7 @@
           },
         },
         '3': {
-          $value: '{base.display.color.auburn.3}',
+          $value: '{base.color.auburn.3}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2403,7 +2601,7 @@
           },
         },
         '4': {
-          $value: '{base.display.color.auburn.4}',
+          $value: '{base.color.auburn.4}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2414,7 +2612,7 @@
           },
         },
         '5': {
-          $value: '{base.display.color.auburn.5}',
+          $value: '{base.color.auburn.5}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2425,7 +2623,7 @@
           },
         },
         '6': {
-          $value: '{base.display.color.auburn.6}',
+          $value: '{base.color.auburn.6}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2436,7 +2634,7 @@
           },
         },
         '7': {
-          $value: '{base.display.color.auburn.7}',
+          $value: '{base.color.auburn.7}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2447,7 +2645,7 @@
           },
         },
         '8': {
-          $value: '{base.display.color.auburn.8}',
+          $value: '{base.color.auburn.8}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2458,7 +2656,29 @@
           },
         },
         '9': {
-          $value: '{base.display.color.auburn.9}',
+          $value: '{base.color.auburn.9}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
+            },
+          },
+        },
+        '10': {
+          $value: '{base.color.auburn.10}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
+            },
+          },
+        },
+        '11': {
+          $value: '{base.color.auburn.11}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2471,7 +2691,7 @@
       },
       bgColor: {
         muted: {
-          $value: '{base.display.color.auburn.0}',
+          $value: '{base.color.auburn.2}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2481,13 +2701,13 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.auburn.0}',
+                $value: '{base.color.auburn.0}',
               },
             },
           },
         },
         emphasis: {
-          $value: '{base.display.color.auburn.5}',
+          $value: '{base.color.auburn.10}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2497,35 +2717,35 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.auburn.4}',
+                $value: '{base.color.auburn.4}',
               },
               'light-high-contrast': {
-                $value: '{base.display.color.auburn.7}',
+                $value: '{base.color.auburn.11}',
               },
               'light-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.display.color.auburn.7}',
+                $value: '{base.color.auburn.11}',
               },
               'light-tritanopia-high-contrast': {
-                $value: '{base.display.color.auburn.7}',
+                $value: '{base.color.auburn.11}',
               },
               'dark-high-contrast': {
-                $value: '{base.display.color.auburn.3}',
+                $value: '{base.color.auburn.0}',
               },
               'dark-dimmed-high-contrast': {
-                $value: '{base.display.color.auburn.3}',
+                $value: '{base.color.auburn.0}',
               },
               'dark-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.display.color.auburn.3}',
+                $value: '{base.color.auburn.0}',
               },
               'dark-tritanopia-high-contrast': {
-                $value: '{base.display.color.auburn.3}',
+                $value: '{base.color.auburn.0}',
               },
             },
           },
         },
       },
       fgColor: {
-        $value: '{base.display.color.auburn.6}',
+        $value: '{base.color.auburn.10}',
         $type: 'color',
         $extensions: {
           'org.primer.figma': {
@@ -2535,35 +2755,35 @@
           },
           'org.primer.overrides': {
             dark: {
-              $value: '{base.display.color.auburn.6}',
+              $value: '{base.color.auburn.11}',
             },
             'light-high-contrast': {
-              $value: '{base.display.color.auburn.8}',
+              $value: '{base.color.auburn.11}',
             },
             'light-protanopia-deuteranopia-high-contrast': {
-              $value: '{base.display.color.auburn.8}',
+              $value: '{base.color.auburn.11}',
             },
             'light-tritanopia-high-contrast': {
-              $value: '{base.display.color.auburn.8}',
+              $value: '{base.color.auburn.11}',
             },
             'dark-high-contrast': {
-              $value: '{base.display.color.auburn.8}',
+              $value: '{base.color.auburn.11}',
             },
             'dark-dimmed-high-contrast': {
-              $value: '{base.display.color.auburn.8}',
+              $value: '{base.color.auburn.11}',
             },
             'dark-protanopia-deuteranopia-high-contrast': {
-              $value: '{base.display.color.auburn.8}',
+              $value: '{base.color.auburn.11}',
             },
             'dark-tritanopia-high-contrast': {
-              $value: '{base.display.color.auburn.8}',
+              $value: '{base.color.auburn.11}',
             },
           },
         },
       },
       borderColor: {
         muted: {
-          $value: '{base.display.color.auburn.1}',
+          $value: '{base.color.auburn.3}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2573,13 +2793,13 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.auburn.1}',
+                $value: '{base.color.auburn.11}',
               },
             },
           },
         },
         emphasis: {
-          $value: '{base.display.color.auburn.5}',
+          $value: '{base.color.auburn.10}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2589,28 +2809,28 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.auburn.5}',
+                $value: '{base.color.auburn.11}',
               },
               'light-high-contrast': {
-                $value: '{base.display.color.auburn.6}',
+                $value: '{base.color.auburn.11}',
               },
               'light-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.display.color.auburn.6}',
+                $value: '{base.color.auburn.11}',
               },
               'light-tritanopia-high-contrast': {
-                $value: '{base.display.color.auburn.6}',
+                $value: '{base.color.auburn.11}',
               },
               'dark-high-contrast': {
-                $value: '{base.display.color.auburn.6}',
+                $value: '{base.color.auburn.11}',
               },
               'dark-dimmed-high-contrast': {
-                $value: '{base.display.color.auburn.6}',
+                $value: '{base.color.auburn.11}',
               },
               'dark-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.display.color.auburn.6}',
+                $value: '{base.color.auburn.11}',
               },
               'dark-tritanopia-high-contrast': {
-                $value: '{base.display.color.auburn.6}',
+                $value: '{base.color.auburn.11}',
               },
             },
           },
@@ -2620,7 +2840,7 @@
     brown: {
       scale: {
         '0': {
-          $value: '{base.display.color.brown.0}',
+          $value: '{base.color.brown.0}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2631,7 +2851,7 @@
           },
         },
         '1': {
-          $value: '{base.display.color.brown.1}',
+          $value: '{base.color.brown.1}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2642,7 +2862,7 @@
           },
         },
         '2': {
-          $value: '{base.display.color.brown.2}',
+          $value: '{base.color.brown.2}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2653,7 +2873,7 @@
           },
         },
         '3': {
-          $value: '{base.display.color.brown.3}',
+          $value: '{base.color.brown.3}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2664,7 +2884,7 @@
           },
         },
         '4': {
-          $value: '{base.display.color.brown.4}',
+          $value: '{base.color.brown.4}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2675,7 +2895,7 @@
           },
         },
         '5': {
-          $value: '{base.display.color.brown.5}',
+          $value: '{base.color.brown.5}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2686,7 +2906,7 @@
           },
         },
         '6': {
-          $value: '{base.display.color.brown.6}',
+          $value: '{base.color.brown.6}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2697,7 +2917,7 @@
           },
         },
         '7': {
-          $value: '{base.display.color.brown.7}',
+          $value: '{base.color.brown.7}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2708,7 +2928,7 @@
           },
         },
         '8': {
-          $value: '{base.display.color.brown.8}',
+          $value: '{base.color.brown.8}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2719,7 +2939,29 @@
           },
         },
         '9': {
-          $value: '{base.display.color.brown.9}',
+          $value: '{base.color.brown.9}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
+            },
+          },
+        },
+        '10': {
+          $value: '{base.color.brown.10}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
+            },
+          },
+        },
+        '11': {
+          $value: '{base.color.brown.11}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2732,7 +2974,7 @@
       },
       bgColor: {
         muted: {
-          $value: '{base.display.color.brown.0}',
+          $value: '{base.color.brown.2}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2742,13 +2984,13 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.brown.0}',
+                $value: '{base.color.brown.0}',
               },
             },
           },
         },
         emphasis: {
-          $value: '{base.display.color.brown.5}',
+          $value: '{base.color.brown.10}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2758,35 +3000,35 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.brown.4}',
+                $value: '{base.color.brown.4}',
               },
               'light-high-contrast': {
-                $value: '{base.display.color.brown.7}',
+                $value: '{base.color.brown.11}',
               },
               'light-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.display.color.brown.7}',
+                $value: '{base.color.brown.11}',
               },
               'light-tritanopia-high-contrast': {
-                $value: '{base.display.color.brown.7}',
+                $value: '{base.color.brown.11}',
               },
               'dark-high-contrast': {
-                $value: '{base.display.color.brown.3}',
+                $value: '{base.color.brown.0}',
               },
               'dark-dimmed-high-contrast': {
-                $value: '{base.display.color.brown.3}',
+                $value: '{base.color.brown.0}',
               },
               'dark-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.display.color.brown.3}',
+                $value: '{base.color.brown.0}',
               },
               'dark-tritanopia-high-contrast': {
-                $value: '{base.display.color.brown.3}',
+                $value: '{base.color.brown.0}',
               },
             },
           },
         },
       },
       fgColor: {
-        $value: '{base.display.color.brown.6}',
+        $value: '{base.color.brown.10}',
         $type: 'color',
         $extensions: {
           'org.primer.figma': {
@@ -2796,35 +3038,35 @@
           },
           'org.primer.overrides': {
             dark: {
-              $value: '{base.display.color.brown.6}',
+              $value: '{base.color.brown.11}',
             },
             'light-high-contrast': {
-              $value: '{base.display.color.brown.8}',
+              $value: '{base.color.brown.11}',
             },
             'light-protanopia-deuteranopia-high-contrast': {
-              $value: '{base.display.color.brown.8}',
+              $value: '{base.color.brown.11}',
             },
             'light-tritanopia-high-contrast': {
-              $value: '{base.display.color.brown.8}',
+              $value: '{base.color.brown.11}',
             },
             'dark-high-contrast': {
-              $value: '{base.display.color.brown.8}',
+              $value: '{base.color.brown.11}',
             },
             'dark-dimmed-high-contrast': {
-              $value: '{base.display.color.brown.8}',
+              $value: '{base.color.brown.11}',
             },
             'dark-protanopia-deuteranopia-high-contrast': {
-              $value: '{base.display.color.brown.8}',
+              $value: '{base.color.brown.11}',
             },
             'dark-tritanopia-high-contrast': {
-              $value: '{base.display.color.brown.8}',
+              $value: '{base.color.brown.11}',
             },
           },
         },
       },
       borderColor: {
         muted: {
-          $value: '{base.display.color.brown.1}',
+          $value: '{base.color.brown.3}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2834,13 +3076,13 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.brown.1}',
+                $value: '{base.color.brown.11}',
               },
             },
           },
         },
         emphasis: {
-          $value: '{base.display.color.brown.5}',
+          $value: '{base.color.brown.10}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2850,28 +3092,28 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.brown.5}',
+                $value: '{base.color.brown.11}',
               },
               'light-high-contrast': {
-                $value: '{base.display.color.brown.6}',
+                $value: '{base.color.brown.11}',
               },
               'light-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.display.color.brown.6}',
+                $value: '{base.color.brown.11}',
               },
               'light-tritanopia-high-contrast': {
-                $value: '{base.display.color.brown.6}',
+                $value: '{base.color.brown.11}',
               },
               'dark-high-contrast': {
-                $value: '{base.display.color.brown.6}',
+                $value: '{base.color.brown.11}',
               },
               'dark-dimmed-high-contrast': {
-                $value: '{base.display.color.brown.6}',
+                $value: '{base.color.brown.11}',
               },
               'dark-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.display.color.brown.6}',
+                $value: '{base.color.brown.11}',
               },
               'dark-tritanopia-high-contrast': {
-                $value: '{base.display.color.brown.6}',
+                $value: '{base.color.brown.11}',
               },
             },
           },
@@ -2881,7 +3123,7 @@
     lemon: {
       scale: {
         '0': {
-          $value: '{base.display.color.lemon.0}',
+          $value: '{base.color.lemon.0}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2892,7 +3134,7 @@
           },
         },
         '1': {
-          $value: '{base.display.color.lemon.1}',
+          $value: '{base.color.lemon.1}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2903,7 +3145,7 @@
           },
         },
         '2': {
-          $value: '{base.display.color.lemon.2}',
+          $value: '{base.color.lemon.2}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2914,7 +3156,7 @@
           },
         },
         '3': {
-          $value: '{base.display.color.lemon.3}',
+          $value: '{base.color.lemon.3}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2925,7 +3167,7 @@
           },
         },
         '4': {
-          $value: '{base.display.color.lemon.4}',
+          $value: '{base.color.lemon.4}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2936,7 +3178,7 @@
           },
         },
         '5': {
-          $value: '{base.display.color.lemon.5}',
+          $value: '{base.color.lemon.5}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2947,7 +3189,7 @@
           },
         },
         '6': {
-          $value: '{base.display.color.lemon.6}',
+          $value: '{base.color.lemon.6}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2958,7 +3200,7 @@
           },
         },
         '7': {
-          $value: '{base.display.color.lemon.7}',
+          $value: '{base.color.lemon.7}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2969,7 +3211,7 @@
           },
         },
         '8': {
-          $value: '{base.display.color.lemon.8}',
+          $value: '{base.color.lemon.8}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2980,7 +3222,29 @@
           },
         },
         '9': {
-          $value: '{base.display.color.lemon.9}',
+          $value: '{base.color.lemon.9}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
+            },
+          },
+        },
+        '10': {
+          $value: '{base.color.lemon.10}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
+            },
+          },
+        },
+        '11': {
+          $value: '{base.color.lemon.11}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -2993,7 +3257,7 @@
       },
       bgColor: {
         muted: {
-          $value: '{base.display.color.lemon.0}',
+          $value: '{base.color.lemon.2}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -3003,13 +3267,13 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.lemon.0}',
+                $value: '{base.color.lemon.0}',
               },
             },
           },
         },
         emphasis: {
-          $value: '{base.display.color.lemon.5}',
+          $value: '{base.color.lemon.10}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -3019,35 +3283,35 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.lemon.4}',
+                $value: '{base.color.lemon.6}',
               },
               'light-high-contrast': {
-                $value: '{base.display.color.lemon.7}',
+                $value: '{base.color.lemon.14}',
               },
               'light-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.display.color.lemon.7}',
+                $value: '{base.color.lemon.14}',
               },
               'light-tritanopia-high-contrast': {
-                $value: '{base.display.color.lemon.7}',
+                $value: '{base.color.lemon.14}',
               },
               'dark-high-contrast': {
-                $value: '{base.display.color.lemon.3}',
+                $value: '{base.color.lemon.0}',
               },
               'dark-dimmed-high-contrast': {
-                $value: '{base.display.color.lemon.3}',
+                $value: '{base.color.lemon.0}',
               },
               'dark-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.display.color.lemon.3}',
+                $value: '{base.color.lemon.0}',
               },
               'dark-tritanopia-high-contrast': {
-                $value: '{base.display.color.lemon.3}',
+                $value: '{base.color.lemon.0}',
               },
             },
           },
         },
       },
       fgColor: {
-        $value: '{base.display.color.lemon.6}',
+        $value: '{base.color.lemon.10}',
         $type: 'color',
         $extensions: {
           'org.primer.figma': {
@@ -3057,35 +3321,35 @@
           },
           'org.primer.overrides': {
             dark: {
-              $value: '{base.display.color.lemon.6}',
+              $value: '{base.color.lemon.14}',
             },
             'light-high-contrast': {
-              $value: '{base.display.color.lemon.8}',
+              $value: '{base.color.lemon.14}',
             },
             'light-protanopia-deuteranopia-high-contrast': {
-              $value: '{base.display.color.lemon.8}',
+              $value: '{base.color.lemon.14}',
             },
             'light-tritanopia-high-contrast': {
-              $value: '{base.display.color.lemon.8}',
+              $value: '{base.color.lemon.14}',
             },
             'dark-high-contrast': {
-              $value: '{base.display.color.lemon.8}',
+              $value: '{base.color.lemon.14}',
             },
             'dark-dimmed-high-contrast': {
-              $value: '{base.display.color.lemon.8}',
+              $value: '{base.color.lemon.14}',
             },
             'dark-protanopia-deuteranopia-high-contrast': {
-              $value: '{base.display.color.lemon.8}',
+              $value: '{base.color.lemon.14}',
             },
             'dark-tritanopia-high-contrast': {
-              $value: '{base.display.color.lemon.8}',
+              $value: '{base.color.lemon.14}',
             },
           },
         },
       },
       borderColor: {
         muted: {
-          $value: '{base.display.color.lemon.1}',
+          $value: '{base.color.lemon.3}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -3095,13 +3359,13 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.lemon.1}',
+                $value: '{base.color.lemon.14}',
               },
             },
           },
         },
         emphasis: {
-          $value: '{base.display.color.lemon.5}',
+          $value: '{base.color.lemon.10}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -3111,28 +3375,28 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.lemon.5}',
+                $value: '{base.color.lemon.14}',
               },
               'light-high-contrast': {
-                $value: '{base.display.color.lemon.6}',
+                $value: '{base.color.lemon.14}',
               },
               'light-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.display.color.lemon.6}',
+                $value: '{base.color.lemon.14}',
               },
               'light-tritanopia-high-contrast': {
-                $value: '{base.display.color.lemon.6}',
+                $value: '{base.color.lemon.14}',
               },
               'dark-high-contrast': {
-                $value: '{base.display.color.lemon.6}',
+                $value: '{base.color.lemon.14}',
               },
               'dark-dimmed-high-contrast': {
-                $value: '{base.display.color.lemon.6}',
+                $value: '{base.color.lemon.14}',
               },
               'dark-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.display.color.lemon.6}',
+                $value: '{base.color.lemon.14}',
               },
               'dark-tritanopia-high-contrast': {
-                $value: '{base.display.color.lemon.6}',
+                $value: '{base.color.lemon.14}',
               },
             },
           },
@@ -3142,7 +3406,7 @@
     olive: {
       scale: {
         '0': {
-          $value: '{base.display.color.olive.0}',
+          $value: '{base.color.olive.0}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -3153,7 +3417,7 @@
           },
         },
         '1': {
-          $value: '{base.display.color.olive.1}',
+          $value: '{base.color.olive.1}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -3164,7 +3428,7 @@
           },
         },
         '2': {
-          $value: '{base.display.color.olive.2}',
+          $value: '{base.color.olive.2}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -3175,7 +3439,7 @@
           },
         },
         '3': {
-          $value: '{base.display.color.olive.3}',
+          $value: '{base.color.olive.3}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -3186,7 +3450,7 @@
           },
         },
         '4': {
-          $value: '{base.display.color.olive.4}',
+          $value: '{base.color.olive.4}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -3197,7 +3461,7 @@
           },
         },
         '5': {
-          $value: '{base.display.color.olive.5}',
+          $value: '{base.color.olive.5}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -3208,7 +3472,7 @@
           },
         },
         '6': {
-          $value: '{base.display.color.olive.6}',
+          $value: '{base.color.olive.6}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -3219,7 +3483,7 @@
           },
         },
         '7': {
-          $value: '{base.display.color.olive.7}',
+          $value: '{base.color.olive.7}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -3230,7 +3494,7 @@
           },
         },
         '8': {
-          $value: '{base.display.color.olive.8}',
+          $value: '{base.color.olive.8}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -3241,7 +3505,29 @@
           },
         },
         '9': {
-          $value: '{base.display.color.olive.9}',
+          $value: '{base.color.olive.9}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
+            },
+          },
+        },
+        '10': {
+          $value: '{base.color.olive.10}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
+            },
+          },
+        },
+        '11': {
+          $value: '{base.color.olive.11}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -3254,7 +3540,7 @@
       },
       bgColor: {
         muted: {
-          $value: '{base.display.color.olive.0}',
+          $value: '{base.color.olive.2}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -3264,13 +3550,13 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.olive.0}',
+                $value: '{base.color.olive.0}',
               },
             },
           },
         },
         emphasis: {
-          $value: '{base.display.color.olive.5}',
+          $value: '{base.color.olive.10}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -3280,35 +3566,35 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.olive.4}',
+                $value: '{base.color.olive.4}',
               },
               'light-high-contrast': {
-                $value: '{base.display.color.olive.7}',
+                $value: '{base.color.olive.11}',
               },
               'light-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.display.color.olive.7}',
+                $value: '{base.color.olive.11}',
               },
               'light-tritanopia-high-contrast': {
-                $value: '{base.display.color.olive.7}',
+                $value: '{base.color.olive.11}',
               },
               'dark-high-contrast': {
-                $value: '{base.display.color.olive.3}',
+                $value: '{base.color.olive.0}',
               },
               'dark-dimmed-high-contrast': {
-                $value: '{base.display.color.olive.3}',
+                $value: '{base.color.olive.0}',
               },
               'dark-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.display.color.olive.3}',
+                $value: '{base.color.olive.0}',
               },
               'dark-tritanopia-high-contrast': {
-                $value: '{base.display.color.olive.3}',
+                $value: '{base.color.olive.0}',
               },
             },
           },
         },
       },
       fgColor: {
-        $value: '{base.display.color.olive.6}',
+        $value: '{base.color.olive.10}',
         $type: 'color',
         $extensions: {
           'org.primer.figma': {
@@ -3318,35 +3604,35 @@
           },
           'org.primer.overrides': {
             dark: {
-              $value: '{base.display.color.olive.6}',
+              $value: '{base.color.olive.11}',
             },
             'light-high-contrast': {
-              $value: '{base.display.color.olive.8}',
+              $value: '{base.color.olive.11}',
             },
             'light-protanopia-deuteranopia-high-contrast': {
-              $value: '{base.display.color.olive.8}',
+              $value: '{base.color.olive.11}',
             },
             'light-tritanopia-high-contrast': {
-              $value: '{base.display.color.olive.8}',
+              $value: '{base.color.olive.11}',
             },
             'dark-high-contrast': {
-              $value: '{base.display.color.olive.8}',
+              $value: '{base.color.olive.11}',
             },
             'dark-dimmed-high-contrast': {
-              $value: '{base.display.color.olive.8}',
+              $value: '{base.color.olive.11}',
             },
             'dark-protanopia-deuteranopia-high-contrast': {
-              $value: '{base.display.color.olive.8}',
+              $value: '{base.color.olive.11}',
             },
             'dark-tritanopia-high-contrast': {
-              $value: '{base.display.color.olive.8}',
+              $value: '{base.color.olive.11}',
             },
           },
         },
       },
       borderColor: {
         muted: {
-          $value: '{base.display.color.olive.1}',
+          $value: '{base.color.olive.3}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -3356,13 +3642,13 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.olive.1}',
+                $value: '{base.color.olive.11}',
               },
             },
           },
         },
         emphasis: {
-          $value: '{base.display.color.olive.5}',
+          $value: '{base.color.olive.10}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -3372,28 +3658,28 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.olive.5}',
+                $value: '{base.color.olive.11}',
               },
               'light-high-contrast': {
-                $value: '{base.display.color.olive.6}',
+                $value: '{base.color.olive.11}',
               },
               'light-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.display.color.olive.6}',
+                $value: '{base.color.olive.11}',
               },
               'light-tritanopia-high-contrast': {
-                $value: '{base.display.color.olive.6}',
+                $value: '{base.color.olive.11}',
               },
               'dark-high-contrast': {
-                $value: '{base.display.color.olive.6}',
+                $value: '{base.color.olive.11}',
               },
               'dark-dimmed-high-contrast': {
-                $value: '{base.display.color.olive.6}',
+                $value: '{base.color.olive.11}',
               },
               'dark-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.display.color.olive.6}',
+                $value: '{base.color.olive.11}',
               },
               'dark-tritanopia-high-contrast': {
-                $value: '{base.display.color.olive.6}',
+                $value: '{base.color.olive.11}',
               },
             },
           },
@@ -3403,7 +3689,7 @@
     lime: {
       scale: {
         '0': {
-          $value: '{base.display.color.lime.0}',
+          $value: '{base.color.lime.0}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -3414,7 +3700,7 @@
           },
         },
         '1': {
-          $value: '{base.display.color.lime.1}',
+          $value: '{base.color.lime.1}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -3425,7 +3711,7 @@
           },
         },
         '2': {
-          $value: '{base.display.color.lime.2}',
+          $value: '{base.color.lime.2}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -3436,7 +3722,7 @@
           },
         },
         '3': {
-          $value: '{base.display.color.lime.3}',
+          $value: '{base.color.lime.3}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -3447,7 +3733,7 @@
           },
         },
         '4': {
-          $value: '{base.display.color.lime.4}',
+          $value: '{base.color.lime.4}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -3458,7 +3744,7 @@
           },
         },
         '5': {
-          $value: '{base.display.color.lime.5}',
+          $value: '{base.color.lime.5}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -3469,7 +3755,7 @@
           },
         },
         '6': {
-          $value: '{base.display.color.lime.6}',
+          $value: '{base.color.lime.6}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -3480,7 +3766,7 @@
           },
         },
         '7': {
-          $value: '{base.display.color.lime.7}',
+          $value: '{base.color.lime.7}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -3491,7 +3777,7 @@
           },
         },
         '8': {
-          $value: '{base.display.color.lime.8}',
+          $value: '{base.color.lime.8}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -3502,7 +3788,29 @@
           },
         },
         '9': {
-          $value: '{base.display.color.lime.9}',
+          $value: '{base.color.lime.9}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
+            },
+          },
+        },
+        '10': {
+          $value: '{base.color.lime.10}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
+            },
+          },
+        },
+        '11': {
+          $value: '{base.color.lime.11}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -3515,7 +3823,7 @@
       },
       bgColor: {
         muted: {
-          $value: '{base.display.color.lime.0}',
+          $value: '{base.color.lime.2}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -3525,13 +3833,13 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.lime.0}',
+                $value: '{base.color.lime.0}',
               },
             },
           },
         },
         emphasis: {
-          $value: '{base.display.color.lime.5}',
+          $value: '{base.color.lime.10}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -3541,35 +3849,35 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.lime.4}',
+                $value: '{base.color.lime.6}',
               },
               'light-high-contrast': {
-                $value: '{base.display.color.lime.7}',
+                $value: '{base.color.lime.14}',
               },
               'light-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.display.color.lime.7}',
+                $value: '{base.color.lime.14}',
               },
               'light-tritanopia-high-contrast': {
-                $value: '{base.display.color.lime.7}',
+                $value: '{base.color.lime.14}',
               },
               'dark-high-contrast': {
-                $value: '{base.display.color.lime.3}',
+                $value: '{base.color.lime.0}',
               },
               'dark-dimmed-high-contrast': {
-                $value: '{base.display.color.lime.3}',
+                $value: '{base.color.lime.0}',
               },
               'dark-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.display.color.lime.3}',
+                $value: '{base.color.lime.0}',
               },
               'dark-tritanopia-high-contrast': {
-                $value: '{base.display.color.lime.3}',
+                $value: '{base.color.lime.0}',
               },
             },
           },
         },
       },
       fgColor: {
-        $value: '{base.display.color.lime.6}',
+        $value: '{base.color.lime.10}',
         $type: 'color',
         $extensions: {
           'org.primer.figma': {
@@ -3579,35 +3887,35 @@
           },
           'org.primer.overrides': {
             dark: {
-              $value: '{base.display.color.lime.6}',
+              $value: '{base.color.lime.14}',
             },
             'light-high-contrast': {
-              $value: '{base.display.color.lime.8}',
+              $value: '{base.color.lime.14}',
             },
             'light-protanopia-deuteranopia-high-contrast': {
-              $value: '{base.display.color.lime.8}',
+              $value: '{base.color.lime.14}',
             },
             'light-tritanopia-high-contrast': {
-              $value: '{base.display.color.lime.8}',
+              $value: '{base.color.lime.14}',
             },
             'dark-high-contrast': {
-              $value: '{base.display.color.lime.8}',
+              $value: '{base.color.lime.14}',
             },
             'dark-dimmed-high-contrast': {
-              $value: '{base.display.color.lime.8}',
+              $value: '{base.color.lime.14}',
             },
             'dark-protanopia-deuteranopia-high-contrast': {
-              $value: '{base.display.color.lime.8}',
+              $value: '{base.color.lime.14}',
             },
             'dark-tritanopia-high-contrast': {
-              $value: '{base.display.color.lime.8}',
+              $value: '{base.color.lime.14}',
             },
           },
         },
       },
       borderColor: {
         muted: {
-          $value: '{base.display.color.lime.1}',
+          $value: '{base.color.lime.3}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -3617,13 +3925,13 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.lime.1}',
+                $value: '{base.color.lime.14}',
               },
             },
           },
         },
         emphasis: {
-          $value: '{base.display.color.lime.5}',
+          $value: '{base.color.lime.10}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -3633,28 +3941,28 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.lime.5}',
+                $value: '{base.color.lime.14}',
               },
               'light-high-contrast': {
-                $value: '{base.display.color.lime.6}',
+                $value: '{base.color.lime.14}',
               },
               'light-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.display.color.lime.6}',
+                $value: '{base.color.lime.14}',
               },
               'light-tritanopia-high-contrast': {
-                $value: '{base.display.color.lime.6}',
+                $value: '{base.color.lime.14}',
               },
               'dark-high-contrast': {
-                $value: '{base.display.color.lime.6}',
+                $value: '{base.color.lime.14}',
               },
               'dark-dimmed-high-contrast': {
-                $value: '{base.display.color.lime.6}',
+                $value: '{base.color.lime.14}',
               },
               'dark-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.display.color.lime.6}',
+                $value: '{base.color.lime.14}',
               },
               'dark-tritanopia-high-contrast': {
-                $value: '{base.display.color.lime.6}',
+                $value: '{base.color.lime.14}',
               },
             },
           },
@@ -3664,7 +3972,7 @@
     pine: {
       scale: {
         '0': {
-          $value: '{base.display.color.pine.0}',
+          $value: '{base.color.pine.0}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -3675,7 +3983,7 @@
           },
         },
         '1': {
-          $value: '{base.display.color.pine.1}',
+          $value: '{base.color.pine.1}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -3686,7 +3994,7 @@
           },
         },
         '2': {
-          $value: '{base.display.color.pine.2}',
+          $value: '{base.color.pine.2}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -3697,7 +4005,7 @@
           },
         },
         '3': {
-          $value: '{base.display.color.pine.3}',
+          $value: '{base.color.pine.3}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -3708,7 +4016,7 @@
           },
         },
         '4': {
-          $value: '{base.display.color.pine.4}',
+          $value: '{base.color.pine.4}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -3719,7 +4027,7 @@
           },
         },
         '5': {
-          $value: '{base.display.color.pine.5}',
+          $value: '{base.color.pine.5}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -3730,7 +4038,7 @@
           },
         },
         '6': {
-          $value: '{base.display.color.pine.6}',
+          $value: '{base.color.pine.6}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -3741,7 +4049,7 @@
           },
         },
         '7': {
-          $value: '{base.display.color.pine.7}',
+          $value: '{base.color.pine.7}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -3752,7 +4060,7 @@
           },
         },
         '8': {
-          $value: '{base.display.color.pine.8}',
+          $value: '{base.color.pine.8}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -3763,7 +4071,29 @@
           },
         },
         '9': {
-          $value: '{base.display.color.pine.9}',
+          $value: '{base.color.pine.9}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
+            },
+          },
+        },
+        '10': {
+          $value: '{base.color.pine.10}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
+            },
+          },
+        },
+        '11': {
+          $value: '{base.color.pine.11}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -3776,7 +4106,7 @@
       },
       bgColor: {
         muted: {
-          $value: '{base.display.color.pine.0}',
+          $value: '{base.color.pine.2}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -3786,13 +4116,13 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.pine.0}',
+                $value: '{base.color.pine.0}',
               },
             },
           },
         },
         emphasis: {
-          $value: '{base.display.color.pine.5}',
+          $value: '{base.color.pine.10}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -3802,35 +4132,35 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.pine.4}',
+                $value: '{base.color.pine.4}',
               },
               'light-high-contrast': {
-                $value: '{base.display.color.pine.7}',
+                $value: '{base.color.pine.11}',
               },
               'light-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.display.color.pine.7}',
+                $value: '{base.color.pine.11}',
               },
               'light-tritanopia-high-contrast': {
-                $value: '{base.display.color.pine.7}',
+                $value: '{base.color.pine.11}',
               },
               'dark-high-contrast': {
-                $value: '{base.display.color.pine.3}',
+                $value: '{base.color.pine.0}',
               },
               'dark-dimmed-high-contrast': {
-                $value: '{base.display.color.pine.3}',
+                $value: '{base.color.pine.0}',
               },
               'dark-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.display.color.pine.3}',
+                $value: '{base.color.pine.0}',
               },
               'dark-tritanopia-high-contrast': {
-                $value: '{base.display.color.pine.3}',
+                $value: '{base.color.pine.0}',
               },
             },
           },
         },
       },
       fgColor: {
-        $value: '{base.display.color.pine.6}',
+        $value: '{base.color.pine.10}',
         $type: 'color',
         $extensions: {
           'org.primer.figma': {
@@ -3840,35 +4170,35 @@
           },
           'org.primer.overrides': {
             dark: {
-              $value: '{base.display.color.pine.6}',
+              $value: '{base.color.pine.11}',
             },
             'light-high-contrast': {
-              $value: '{base.display.color.pine.8}',
+              $value: '{base.color.pine.11}',
             },
             'light-protanopia-deuteranopia-high-contrast': {
-              $value: '{base.display.color.pine.8}',
+              $value: '{base.color.pine.11}',
             },
             'light-tritanopia-high-contrast': {
-              $value: '{base.display.color.pine.8}',
+              $value: '{base.color.pine.11}',
             },
             'dark-high-contrast': {
-              $value: '{base.display.color.pine.8}',
+              $value: '{base.color.pine.11}',
             },
             'dark-dimmed-high-contrast': {
-              $value: '{base.display.color.pine.8}',
+              $value: '{base.color.pine.11}',
             },
             'dark-protanopia-deuteranopia-high-contrast': {
-              $value: '{base.display.color.pine.8}',
+              $value: '{base.color.pine.11}',
             },
             'dark-tritanopia-high-contrast': {
-              $value: '{base.display.color.pine.8}',
+              $value: '{base.color.pine.11}',
             },
           },
         },
       },
       borderColor: {
         muted: {
-          $value: '{base.display.color.pine.1}',
+          $value: '{base.color.pine.3}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -3878,13 +4208,13 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.pine.1}',
+                $value: '{base.color.pine.11}',
               },
             },
           },
         },
         emphasis: {
-          $value: '{base.display.color.pine.5}',
+          $value: '{base.color.pine.10}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -3894,28 +4224,28 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.pine.5}',
+                $value: '{base.color.pine.11}',
               },
               'light-high-contrast': {
-                $value: '{base.display.color.pine.6}',
+                $value: '{base.color.pine.11}',
               },
               'light-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.display.color.pine.6}',
+                $value: '{base.color.pine.11}',
               },
               'light-tritanopia-high-contrast': {
-                $value: '{base.display.color.pine.6}',
+                $value: '{base.color.pine.11}',
               },
               'dark-high-contrast': {
-                $value: '{base.display.color.pine.6}',
+                $value: '{base.color.pine.11}',
               },
               'dark-dimmed-high-contrast': {
-                $value: '{base.display.color.pine.6}',
+                $value: '{base.color.pine.11}',
               },
               'dark-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.display.color.pine.6}',
+                $value: '{base.color.pine.11}',
               },
               'dark-tritanopia-high-contrast': {
-                $value: '{base.display.color.pine.6}',
+                $value: '{base.color.pine.11}',
               },
             },
           },
@@ -3925,7 +4255,7 @@
     teal: {
       scale: {
         '0': {
-          $value: '{base.display.color.teal.0}',
+          $value: '{base.color.teal.0}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -3936,7 +4266,7 @@
           },
         },
         '1': {
-          $value: '{base.display.color.teal.1}',
+          $value: '{base.color.teal.1}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -3947,7 +4277,7 @@
           },
         },
         '2': {
-          $value: '{base.display.color.teal.2}',
+          $value: '{base.color.teal.2}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -3958,7 +4288,7 @@
           },
         },
         '3': {
-          $value: '{base.display.color.teal.3}',
+          $value: '{base.color.teal.3}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -3969,7 +4299,7 @@
           },
         },
         '4': {
-          $value: '{base.display.color.teal.4}',
+          $value: '{base.color.teal.4}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -3980,7 +4310,7 @@
           },
         },
         '5': {
-          $value: '{base.display.color.teal.5}',
+          $value: '{base.color.teal.5}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -3991,7 +4321,7 @@
           },
         },
         '6': {
-          $value: '{base.display.color.teal.6}',
+          $value: '{base.color.teal.6}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -4002,7 +4332,7 @@
           },
         },
         '7': {
-          $value: '{base.display.color.teal.7}',
+          $value: '{base.color.teal.7}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -4013,7 +4343,7 @@
           },
         },
         '8': {
-          $value: '{base.display.color.teal.8}',
+          $value: '{base.color.teal.8}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -4024,7 +4354,29 @@
           },
         },
         '9': {
-          $value: '{base.display.color.teal.9}',
+          $value: '{base.color.teal.9}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
+            },
+          },
+        },
+        '10': {
+          $value: '{base.color.teal.10}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
+            },
+          },
+        },
+        '11': {
+          $value: '{base.color.teal.11}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -4037,7 +4389,7 @@
       },
       bgColor: {
         muted: {
-          $value: '{base.display.color.teal.0}',
+          $value: '{base.color.teal.2}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -4047,13 +4399,13 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.teal.0}',
+                $value: '{base.color.teal.0}',
               },
             },
           },
         },
         emphasis: {
-          $value: '{base.display.color.teal.5}',
+          $value: '{base.color.teal.10}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -4063,35 +4415,35 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.teal.4}',
+                $value: '{base.color.teal.6}',
               },
               'light-high-contrast': {
-                $value: '{base.display.color.teal.7}',
+                $value: '{base.color.teal.14}',
               },
               'light-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.display.color.teal.7}',
+                $value: '{base.color.teal.14}',
               },
               'light-tritanopia-high-contrast': {
-                $value: '{base.display.color.teal.7}',
+                $value: '{base.color.teal.14}',
               },
               'dark-high-contrast': {
-                $value: '{base.display.color.teal.3}',
+                $value: '{base.color.teal.0}',
               },
               'dark-dimmed-high-contrast': {
-                $value: '{base.display.color.teal.3}',
+                $value: '{base.color.teal.0}',
               },
               'dark-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.display.color.teal.3}',
+                $value: '{base.color.teal.0}',
               },
               'dark-tritanopia-high-contrast': {
-                $value: '{base.display.color.teal.3}',
+                $value: '{base.color.teal.0}',
               },
             },
           },
         },
       },
       fgColor: {
-        $value: '{base.display.color.teal.6}',
+        $value: '{base.color.teal.10}',
         $type: 'color',
         $extensions: {
           'org.primer.figma': {
@@ -4101,35 +4453,35 @@
           },
           'org.primer.overrides': {
             dark: {
-              $value: '{base.display.color.teal.6}',
+              $value: '{base.color.teal.14}',
             },
             'light-high-contrast': {
-              $value: '{base.display.color.teal.8}',
+              $value: '{base.color.teal.14}',
             },
             'light-protanopia-deuteranopia-high-contrast': {
-              $value: '{base.display.color.teal.8}',
+              $value: '{base.color.teal.14}',
             },
             'light-tritanopia-high-contrast': {
-              $value: '{base.display.color.teal.8}',
+              $value: '{base.color.teal.14}',
             },
             'dark-high-contrast': {
-              $value: '{base.display.color.teal.8}',
+              $value: '{base.color.teal.14}',
             },
             'dark-dimmed-high-contrast': {
-              $value: '{base.display.color.teal.8}',
+              $value: '{base.color.teal.14}',
             },
             'dark-protanopia-deuteranopia-high-contrast': {
-              $value: '{base.display.color.teal.8}',
+              $value: '{base.color.teal.14}',
             },
             'dark-tritanopia-high-contrast': {
-              $value: '{base.display.color.teal.8}',
+              $value: '{base.color.teal.14}',
             },
           },
         },
       },
       borderColor: {
         muted: {
-          $value: '{base.display.color.teal.1}',
+          $value: '{base.color.teal.3}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -4139,13 +4491,13 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.teal.1}',
+                $value: '{base.color.teal.14}',
               },
             },
           },
         },
         emphasis: {
-          $value: '{base.display.color.teal.5}',
+          $value: '{base.color.teal.10}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -4155,28 +4507,28 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.teal.5}',
+                $value: '{base.color.teal.14}',
               },
               'light-high-contrast': {
-                $value: '{base.display.color.teal.6}',
+                $value: '{base.color.teal.14}',
               },
               'light-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.display.color.teal.6}',
+                $value: '{base.color.teal.14}',
               },
               'light-tritanopia-high-contrast': {
-                $value: '{base.display.color.teal.6}',
+                $value: '{base.color.teal.14}',
               },
               'dark-high-contrast': {
-                $value: '{base.display.color.teal.6}',
+                $value: '{base.color.teal.14}',
               },
               'dark-dimmed-high-contrast': {
-                $value: '{base.display.color.teal.6}',
+                $value: '{base.color.teal.14}',
               },
               'dark-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.display.color.teal.6}',
+                $value: '{base.color.teal.14}',
               },
               'dark-tritanopia-high-contrast': {
-                $value: '{base.display.color.teal.6}',
+                $value: '{base.color.teal.14}',
               },
             },
           },
@@ -4186,7 +4538,7 @@
     cyan: {
       scale: {
         '0': {
-          $value: '{base.display.color.cyan.0}',
+          $value: '{base.color.cyan.0}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -4197,7 +4549,7 @@
           },
         },
         '1': {
-          $value: '{base.display.color.cyan.1}',
+          $value: '{base.color.cyan.1}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -4208,7 +4560,7 @@
           },
         },
         '2': {
-          $value: '{base.display.color.cyan.2}',
+          $value: '{base.color.cyan.2}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -4219,7 +4571,7 @@
           },
         },
         '3': {
-          $value: '{base.display.color.cyan.3}',
+          $value: '{base.color.cyan.3}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -4230,7 +4582,7 @@
           },
         },
         '4': {
-          $value: '{base.display.color.cyan.4}',
+          $value: '{base.color.cyan.4}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -4241,7 +4593,7 @@
           },
         },
         '5': {
-          $value: '{base.display.color.cyan.5}',
+          $value: '{base.color.cyan.5}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -4252,7 +4604,7 @@
           },
         },
         '6': {
-          $value: '{base.display.color.cyan.6}',
+          $value: '{base.color.cyan.6}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -4263,7 +4615,7 @@
           },
         },
         '7': {
-          $value: '{base.display.color.cyan.7}',
+          $value: '{base.color.cyan.7}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -4274,7 +4626,7 @@
           },
         },
         '8': {
-          $value: '{base.display.color.cyan.8}',
+          $value: '{base.color.cyan.8}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -4285,7 +4637,29 @@
           },
         },
         '9': {
-          $value: '{base.display.color.cyan.9}',
+          $value: '{base.color.cyan.9}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
+            },
+          },
+        },
+        '10': {
+          $value: '{base.color.cyan.10}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
+            },
+          },
+        },
+        '11': {
+          $value: '{base.color.cyan.11}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -4298,7 +4672,7 @@
       },
       bgColor: {
         muted: {
-          $value: '{base.display.color.cyan.0}',
+          $value: '{base.color.cyan.2}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -4308,13 +4682,13 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.cyan.0}',
+                $value: '{base.color.cyan.0}',
               },
             },
           },
         },
         emphasis: {
-          $value: '{base.display.color.cyan.5}',
+          $value: '{base.color.cyan.10}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -4324,35 +4698,35 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.cyan.4}',
+                $value: '{base.color.cyan.4}',
               },
               'light-high-contrast': {
-                $value: '{base.display.color.cyan.7}',
+                $value: '{base.color.cyan.11}',
               },
               'light-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.display.color.cyan.7}',
+                $value: '{base.color.cyan.11}',
               },
               'light-tritanopia-high-contrast': {
-                $value: '{base.display.color.cyan.7}',
+                $value: '{base.color.cyan.11}',
               },
               'dark-high-contrast': {
-                $value: '{base.display.color.cyan.3}',
+                $value: '{base.color.cyan.0}',
               },
               'dark-dimmed-high-contrast': {
-                $value: '{base.display.color.cyan.3}',
+                $value: '{base.color.cyan.0}',
               },
               'dark-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.display.color.cyan.3}',
+                $value: '{base.color.cyan.0}',
               },
               'dark-tritanopia-high-contrast': {
-                $value: '{base.display.color.cyan.3}',
+                $value: '{base.color.cyan.0}',
               },
             },
           },
         },
       },
       fgColor: {
-        $value: '{base.display.color.cyan.6}',
+        $value: '{base.color.cyan.10}',
         $type: 'color',
         $extensions: {
           'org.primer.figma': {
@@ -4362,35 +4736,35 @@
           },
           'org.primer.overrides': {
             dark: {
-              $value: '{base.display.color.cyan.6}',
+              $value: '{base.color.cyan.11}',
             },
             'light-high-contrast': {
-              $value: '{base.display.color.cyan.8}',
+              $value: '{base.color.cyan.11}',
             },
             'light-protanopia-deuteranopia-high-contrast': {
-              $value: '{base.display.color.cyan.8}',
+              $value: '{base.color.cyan.11}',
             },
             'light-tritanopia-high-contrast': {
-              $value: '{base.display.color.cyan.8}',
+              $value: '{base.color.cyan.11}',
             },
             'dark-high-contrast': {
-              $value: '{base.display.color.cyan.8}',
+              $value: '{base.color.cyan.11}',
             },
             'dark-dimmed-high-contrast': {
-              $value: '{base.display.color.cyan.8}',
+              $value: '{base.color.cyan.11}',
             },
             'dark-protanopia-deuteranopia-high-contrast': {
-              $value: '{base.display.color.cyan.8}',
+              $value: '{base.color.cyan.11}',
             },
             'dark-tritanopia-high-contrast': {
-              $value: '{base.display.color.cyan.8}',
+              $value: '{base.color.cyan.11}',
             },
           },
         },
       },
       borderColor: {
         muted: {
-          $value: '{base.display.color.cyan.1}',
+          $value: '{base.color.cyan.3}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -4400,13 +4774,13 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.cyan.1}',
+                $value: '{base.color.cyan.11}',
               },
             },
           },
         },
         emphasis: {
-          $value: '{base.display.color.cyan.5}',
+          $value: '{base.color.cyan.10}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -4416,28 +4790,28 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.cyan.5}',
+                $value: '{base.color.cyan.11}',
               },
               'light-high-contrast': {
-                $value: '{base.display.color.cyan.6}',
+                $value: '{base.color.cyan.11}',
               },
               'light-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.display.color.cyan.6}',
+                $value: '{base.color.cyan.11}',
               },
               'light-tritanopia-high-contrast': {
-                $value: '{base.display.color.cyan.6}',
+                $value: '{base.color.cyan.11}',
               },
               'dark-high-contrast': {
-                $value: '{base.display.color.cyan.6}',
+                $value: '{base.color.cyan.11}',
               },
               'dark-dimmed-high-contrast': {
-                $value: '{base.display.color.cyan.6}',
+                $value: '{base.color.cyan.11}',
               },
               'dark-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.display.color.cyan.6}',
+                $value: '{base.color.cyan.11}',
               },
               'dark-tritanopia-high-contrast': {
-                $value: '{base.display.color.cyan.6}',
+                $value: '{base.color.cyan.11}',
               },
             },
           },
@@ -4447,7 +4821,7 @@
     indigo: {
       scale: {
         '0': {
-          $value: '{base.display.color.indigo.0}',
+          $value: '{base.color.indigo.0}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -4458,7 +4832,7 @@
           },
         },
         '1': {
-          $value: '{base.display.color.indigo.1}',
+          $value: '{base.color.indigo.1}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -4469,7 +4843,7 @@
           },
         },
         '2': {
-          $value: '{base.display.color.indigo.2}',
+          $value: '{base.color.indigo.2}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -4480,7 +4854,7 @@
           },
         },
         '3': {
-          $value: '{base.display.color.indigo.3}',
+          $value: '{base.color.indigo.3}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -4491,7 +4865,7 @@
           },
         },
         '4': {
-          $value: '{base.display.color.indigo.4}',
+          $value: '{base.color.indigo.4}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -4502,7 +4876,7 @@
           },
         },
         '5': {
-          $value: '{base.display.color.indigo.5}',
+          $value: '{base.color.indigo.5}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -4513,7 +4887,7 @@
           },
         },
         '6': {
-          $value: '{base.display.color.indigo.6}',
+          $value: '{base.color.indigo.6}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -4524,7 +4898,7 @@
           },
         },
         '7': {
-          $value: '{base.display.color.indigo.7}',
+          $value: '{base.color.indigo.7}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -4535,7 +4909,7 @@
           },
         },
         '8': {
-          $value: '{base.display.color.indigo.8}',
+          $value: '{base.color.indigo.8}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -4546,7 +4920,29 @@
           },
         },
         '9': {
-          $value: '{base.display.color.indigo.9}',
+          $value: '{base.color.indigo.9}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
+            },
+          },
+        },
+        '10': {
+          $value: '{base.color.indigo.10}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
+            },
+          },
+        },
+        '11': {
+          $value: '{base.color.indigo.11}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -4559,7 +4955,7 @@
       },
       bgColor: {
         muted: {
-          $value: '{base.display.color.indigo.0}',
+          $value: '{base.color.indigo.2}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -4569,13 +4965,13 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.indigo.0}',
+                $value: '{base.color.indigo.0}',
               },
             },
           },
         },
         emphasis: {
-          $value: '{base.display.color.indigo.5}',
+          $value: '{base.color.indigo.10}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -4585,35 +4981,35 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.indigo.4}',
+                $value: '{base.color.indigo.6}',
               },
               'light-high-contrast': {
-                $value: '{base.display.color.indigo.7}',
+                $value: '{base.color.indigo.14}',
               },
               'light-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.display.color.indigo.7}',
+                $value: '{base.color.indigo.14}',
               },
               'light-tritanopia-high-contrast': {
-                $value: '{base.display.color.indigo.7}',
+                $value: '{base.color.indigo.14}',
               },
               'dark-high-contrast': {
-                $value: '{base.display.color.indigo.3}',
+                $value: '{base.color.indigo.0}',
               },
               'dark-dimmed-high-contrast': {
-                $value: '{base.display.color.indigo.3}',
+                $value: '{base.color.indigo.0}',
               },
               'dark-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.display.color.indigo.3}',
+                $value: '{base.color.indigo.0}',
               },
               'dark-tritanopia-high-contrast': {
-                $value: '{base.display.color.indigo.3}',
+                $value: '{base.color.indigo.0}',
               },
             },
           },
         },
       },
       fgColor: {
-        $value: '{base.display.color.indigo.6}',
+        $value: '{base.color.indigo.10}',
         $type: 'color',
         $extensions: {
           'org.primer.figma': {
@@ -4623,35 +5019,35 @@
           },
           'org.primer.overrides': {
             dark: {
-              $value: '{base.display.color.indigo.6}',
+              $value: '{base.color.indigo.14}',
             },
             'light-high-contrast': {
-              $value: '{base.display.color.indigo.8}',
+              $value: '{base.color.indigo.14}',
             },
             'light-protanopia-deuteranopia-high-contrast': {
-              $value: '{base.display.color.indigo.8}',
+              $value: '{base.color.indigo.14}',
             },
             'light-tritanopia-high-contrast': {
-              $value: '{base.display.color.indigo.8}',
+              $value: '{base.color.indigo.14}',
             },
             'dark-high-contrast': {
-              $value: '{base.display.color.indigo.8}',
+              $value: '{base.color.indigo.14}',
             },
             'dark-dimmed-high-contrast': {
-              $value: '{base.display.color.indigo.8}',
+              $value: '{base.color.indigo.14}',
             },
             'dark-protanopia-deuteranopia-high-contrast': {
-              $value: '{base.display.color.indigo.8}',
+              $value: '{base.color.indigo.14}',
             },
             'dark-tritanopia-high-contrast': {
-              $value: '{base.display.color.indigo.8}',
+              $value: '{base.color.indigo.14}',
             },
           },
         },
       },
       borderColor: {
         muted: {
-          $value: '{base.display.color.indigo.1}',
+          $value: '{base.color.indigo.3}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -4661,13 +5057,13 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.indigo.1}',
+                $value: '{base.color.indigo.14}',
               },
             },
           },
         },
         emphasis: {
-          $value: '{base.display.color.indigo.5}',
+          $value: '{base.color.indigo.10}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -4677,28 +5073,28 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.indigo.5}',
+                $value: '{base.color.indigo.14}',
               },
               'light-high-contrast': {
-                $value: '{base.display.color.indigo.6}',
+                $value: '{base.color.indigo.14}',
               },
               'light-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.display.color.indigo.6}',
+                $value: '{base.color.indigo.14}',
               },
               'light-tritanopia-high-contrast': {
-                $value: '{base.display.color.indigo.6}',
+                $value: '{base.color.indigo.14}',
               },
               'dark-high-contrast': {
-                $value: '{base.display.color.indigo.6}',
+                $value: '{base.color.indigo.14}',
               },
               'dark-dimmed-high-contrast': {
-                $value: '{base.display.color.indigo.6}',
+                $value: '{base.color.indigo.14}',
               },
               'dark-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.display.color.indigo.6}',
+                $value: '{base.color.indigo.14}',
               },
               'dark-tritanopia-high-contrast': {
-                $value: '{base.display.color.indigo.6}',
+                $value: '{base.color.indigo.14}',
               },
             },
           },
@@ -4708,7 +5104,7 @@
     pink: {
       scale: {
         '0': {
-          $value: '{base.display.color.pink.0}',
+          $value: '{base.color.pink.0}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -4719,7 +5115,7 @@
           },
         },
         '1': {
-          $value: '{base.display.color.pink.1}',
+          $value: '{base.color.pink.1}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -4730,7 +5126,7 @@
           },
         },
         '2': {
-          $value: '{base.display.color.pink.2}',
+          $value: '{base.color.pink.2}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -4741,7 +5137,7 @@
           },
         },
         '3': {
-          $value: '{base.display.color.pink.3}',
+          $value: '{base.color.pink.3}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -4752,7 +5148,7 @@
           },
         },
         '4': {
-          $value: '{base.display.color.pink.4}',
+          $value: '{base.color.pink.4}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -4763,7 +5159,7 @@
           },
         },
         '5': {
-          $value: '{base.display.color.pink.5}',
+          $value: '{base.color.pink.5}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -4774,7 +5170,7 @@
           },
         },
         '6': {
-          $value: '{base.display.color.pink.6}',
+          $value: '{base.color.pink.6}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -4785,7 +5181,7 @@
           },
         },
         '7': {
-          $value: '{base.display.color.pink.7}',
+          $value: '{base.color.pink.7}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -4796,7 +5192,7 @@
           },
         },
         '8': {
-          $value: '{base.display.color.pink.8}',
+          $value: '{base.color.pink.8}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -4807,7 +5203,29 @@
           },
         },
         '9': {
-          $value: '{base.display.color.pink.9}',
+          $value: '{base.color.pink.9}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
+            },
+          },
+        },
+        '10': {
+          $value: '{base.color.pink.10}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
+            },
+          },
+        },
+        '11': {
+          $value: '{base.color.pink.11}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -4820,7 +5238,7 @@
       },
       bgColor: {
         muted: {
-          $value: '{base.display.color.pink.0}',
+          $value: '{base.color.pink.2}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -4830,13 +5248,13 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.pink.0}',
+                $value: '{base.color.pink.0}',
               },
             },
           },
         },
         emphasis: {
-          $value: '{base.display.color.pink.5}',
+          $value: '{base.color.pink.10}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -4846,35 +5264,35 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.pink.4}',
+                $value: '{base.color.pink.6}',
               },
               'light-high-contrast': {
-                $value: '{base.display.color.pink.7}',
+                $value: '{base.color.pink.14}',
               },
               'light-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.display.color.pink.7}',
+                $value: '{base.color.pink.14}',
               },
               'light-tritanopia-high-contrast': {
-                $value: '{base.display.color.pink.7}',
+                $value: '{base.color.pink.14}',
               },
               'dark-high-contrast': {
-                $value: '{base.display.color.pink.3}',
+                $value: '{base.color.pink.0}',
               },
               'dark-dimmed-high-contrast': {
-                $value: '{base.display.color.pink.3}',
+                $value: '{base.color.pink.0}',
               },
               'dark-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.display.color.pink.3}',
+                $value: '{base.color.pink.0}',
               },
               'dark-tritanopia-high-contrast': {
-                $value: '{base.display.color.pink.3}',
+                $value: '{base.color.pink.0}',
               },
             },
           },
         },
       },
       fgColor: {
-        $value: '{base.display.color.pink.6}',
+        $value: '{base.color.pink.10}',
         $type: 'color',
         $extensions: {
           'org.primer.figma': {
@@ -4884,35 +5302,35 @@
           },
           'org.primer.overrides': {
             dark: {
-              $value: '{base.display.color.pink.6}',
+              $value: '{base.color.pink.14}',
             },
             'light-high-contrast': {
-              $value: '{base.display.color.pink.8}',
+              $value: '{base.color.pink.14}',
             },
             'light-protanopia-deuteranopia-high-contrast': {
-              $value: '{base.display.color.pink.8}',
+              $value: '{base.color.pink.14}',
             },
             'light-tritanopia-high-contrast': {
-              $value: '{base.display.color.pink.8}',
+              $value: '{base.color.pink.14}',
             },
             'dark-high-contrast': {
-              $value: '{base.display.color.pink.8}',
+              $value: '{base.color.pink.14}',
             },
             'dark-dimmed-high-contrast': {
-              $value: '{base.display.color.pink.8}',
+              $value: '{base.color.pink.14}',
             },
             'dark-protanopia-deuteranopia-high-contrast': {
-              $value: '{base.display.color.pink.8}',
+              $value: '{base.color.pink.14}',
             },
             'dark-tritanopia-high-contrast': {
-              $value: '{base.display.color.pink.8}',
+              $value: '{base.color.pink.14}',
             },
           },
         },
       },
       borderColor: {
         muted: {
-          $value: '{base.display.color.pink.1}',
+          $value: '{base.color.pink.3}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -4922,13 +5340,13 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.pink.1}',
+                $value: '{base.color.pink.14}',
               },
             },
           },
         },
         emphasis: {
-          $value: '{base.display.color.pink.5}',
+          $value: '{base.color.pink.10}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -4938,28 +5356,28 @@
             },
             'org.primer.overrides': {
               dark: {
-                $value: '{base.display.color.pink.5}',
+                $value: '{base.color.pink.14}',
               },
               'light-high-contrast': {
-                $value: '{base.display.color.pink.6}',
+                $value: '{base.color.pink.14}',
               },
               'light-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.display.color.pink.6}',
+                $value: '{base.color.pink.14}',
               },
               'light-tritanopia-high-contrast': {
-                $value: '{base.display.color.pink.6}',
+                $value: '{base.color.pink.14}',
               },
               'dark-high-contrast': {
-                $value: '{base.display.color.pink.6}',
+                $value: '{base.color.pink.14}',
               },
               'dark-dimmed-high-contrast': {
-                $value: '{base.display.color.pink.6}',
+                $value: '{base.color.pink.14}',
               },
               'dark-protanopia-deuteranopia-high-contrast': {
-                $value: '{base.display.color.pink.6}',
+                $value: '{base.color.pink.14}',
               },
               'dark-tritanopia-high-contrast': {
-                $value: '{base.display.color.pink.6}',
+                $value: '{base.color.pink.14}',
               },
             },
           },
diff --git a/src/tokens/functional/color/fgColor.json5 b/src/tokens/functional/color/fgColor.json5
index 0a60cf48c..8b5129733 100644
--- a/src/tokens/functional/color/fgColor.json5
+++ b/src/tokens/functional/color/fgColor.json5
@@ -1,7 +1,7 @@
 {
   fgColor: {
     default: {
-      $value: '{base.color.neutral.13}',
+      $value: '{base.color.neutral.14}',
       $type: 'color',
       $description: 'Default text color for primary content and headings',
       $extensions: {
@@ -14,12 +14,12 @@
           },
         },
         'org.primer.overrides': {
-          dark: '{base.color.neutral.12}',
-          'dark-high-contrast': '{base.color.neutral.13}',
-          'dark-tritanopia-high-contrast': '{base.color.neutral.13}',
-          'dark-protanopia-deuteranopia-high-contrast': '{base.color.neutral.13}',
-          'dark-dimmed': '{base.color.neutral.11}',
-          'dark-dimmed-high-contrast': '{base.color.neutral.12}',
+          dark: '{base.color.neutral.14}',
+          'dark-high-contrast': '{base.color.neutral.14}',
+          'dark-tritanopia-high-contrast': '{base.color.neutral.14}',
+          'dark-protanopia-deuteranopia-high-contrast': '{base.color.neutral.14}',
+          'dark-dimmed': '{base.color.neutral.14}',
+          'dark-dimmed-high-contrast': '{base.color.neutral.14}',
         },
         'org.primer.llm': {
           usage: ['default-text', 'heading', 'body-text'],
@@ -28,7 +28,7 @@
       },
     },
     muted: {
-      $value: '{base.color.neutral.9}',
+      $value: '{base.color.neutral.10}',
       $type: 'color',
       $description: 'Muted text for secondary content and less important information',
       $extensions: {
@@ -41,13 +41,13 @@
           },
         },
         'org.primer.overrides': {
-          'light-high-contrast': '{base.color.neutral.10}',
-          'light-tritanopia-high-contrast': '{base.color.neutral.11}',
-          'light-protanopia-deuteranopia-high-contrast': '{base.color.neutral.11}',
-          'dark-high-contrast': '{base.color.neutral.10}',
-          'dark-dimmed-high-contrast': '{base.color.neutral.10}',
-          'dark-tritanopia-high-contrast': '{base.color.neutral.10}',
-          'dark-protanopia-deuteranopia-high-contrast': '{base.color.neutral.10}',
+          'light-high-contrast': '{base.color.neutral.14}',
+          'light-tritanopia-high-contrast': '{base.color.neutral.14}',
+          'light-protanopia-deuteranopia-high-contrast': '{base.color.neutral.14}',
+          'dark-high-contrast': '{base.color.neutral.14}',
+          'dark-dimmed-high-contrast': '{base.color.neutral.14}',
+          'dark-tritanopia-high-contrast': '{base.color.neutral.14}',
+          'dark-protanopia-deuteranopia-high-contrast': '{base.color.neutral.14}',
         },
         'org.primer.llm': {
           usage: ['muted-text', 'secondary-text', 'helper-text', 'placeholder'],
@@ -69,9 +69,9 @@
           },
         },
         'org.primer.overrides': {
-          dark: '{base.color.neutral.13}',
-          'dark-dimmed': '{base.color.neutral.12}',
-          'dark-dimmed-high-contrast': '#ffffff',
+          dark: '{base.color.neutral.14}',
+          'dark-dimmed': '{base.color.neutral.14}',
+          'dark-dimmed-high-contrast': '{base.color.neutral.14}',
         },
         'org.primer.llm': {
           usage: ['text-on-emphasis', 'contrast-text'],
@@ -106,7 +106,7 @@
           scopes: ['fgColor'],
         },
         'org.primer.overrides': {
-          dark: '{base.color.neutral.13}',
+          dark: '{base.color.neutral.11}',
         },
         'org.primer.llm': {
           doNotUse: true,
@@ -115,7 +115,7 @@
       },
     },
     black: {
-      $value: '{base.color.neutral.13}',
+      $value: '{base.color.neutral.11}',
       $type: 'color',
       $description: 'Pure black text',
       $extensions: {
@@ -134,7 +134,7 @@
       },
     },
     disabled: {
-      $value: '{base.color.neutral.8}',
+      $value: '{base.color.neutral.6}',
       $type: 'color',
       $description: 'Text color for disabled interactive elements',
       $extensions: {
@@ -145,16 +145,16 @@
         },
         'org.primer.overrides': {
           dark: {
-            $value: '{base.color.neutral.8}',
+            $value: '{base.color.neutral.6}',
           },
-          'dark-dimmed': '{base.color.neutral.8}',
-          'dark-dimmed-high-contrast': '{base.color.neutral.8}',
-          'light-high-contrast': '{base.color.neutral.9}',
-          'light-tritanopia-high-contrast': '{base.color.neutral.9}',
-          'light-protanopia-deuteranopia-high-contrast': '{base.color.neutral.9}',
-          'dark-high-contrast': '{base.color.neutral.8}',
-          'dark-tritanopia-high-contrast': '{base.color.neutral.8}',
-          'dark-protanopia-deuteranopia-high-contrast': '{base.color.neutral.8}',
+          'dark-dimmed': '{base.color.neutral.6}',
+          'dark-dimmed-high-contrast': '{base.color.neutral.6}',
+          'light-high-contrast': '{base.color.neutral.7}',
+          'light-tritanopia-high-contrast': '{base.color.neutral.7}',
+          'light-protanopia-deuteranopia-high-contrast': '{base.color.neutral.7}',
+          'dark-high-contrast': '{base.color.neutral.6}',
+          'dark-tritanopia-high-contrast': '{base.color.neutral.6}',
+          'dark-protanopia-deuteranopia-high-contrast': '{base.color.neutral.6}',
         },
         'org.primer.llm': {
           usage: ['disabled-text', 'inactive-text', 'unavailable'],
@@ -182,7 +182,7 @@
       },
     },
     neutral: {
-      $value: '{base.color.neutral.9}',
+      $value: '{base.color.neutral.10}',
       $type: 'color',
       $description: 'Neutral semantic text for icons and secondary elements',
       $extensions: {
@@ -192,13 +192,13 @@
           scopes: ['fgColor'],
         },
         'org.primer.overrides': {
-          'light-high-contrast': '{base.color.neutral.11}',
-          'light-tritanopia-high-contrast': '{base.color.neutral.11}',
-          'light-protanopia-deuteranopia-high-contrast': '{base.color.neutral.11}',
-          'dark-high-contrast': '{base.color.neutral.11}',
-          'dark-dimmed-high-contrast': '{base.color.neutral.11}',
-          'dark-tritanopia-high-contrast': '{base.color.neutral.11}',
-          'dark-protanopia-deuteranopia-high-contrast': '{base.color.neutral.11}',
+          'light-high-contrast': '{base.color.neutral.14}',
+          'light-tritanopia-high-contrast': '{base.color.neutral.14}',
+          'light-protanopia-deuteranopia-high-contrast': '{base.color.neutral.14}',
+          'dark-high-contrast': '{base.color.neutral.14}',
+          'dark-dimmed-high-contrast': '{base.color.neutral.14}',
+          'dark-tritanopia-high-contrast': '{base.color.neutral.14}',
+          'dark-protanopia-deuteranopia-high-contrast': '{base.color.neutral.14}',
         },
         'org.primer.llm': {
           usage: ['neutral-icon', 'neutral-text'],
@@ -207,7 +207,7 @@
       },
     },
     accent: {
-      $value: '{base.color.blue.5}',
+      $value: '{base.color.blue.9}',
       $type: 'color',
       $description: 'Accent text for links and interactive elements',
       $extensions: {
@@ -220,15 +220,15 @@
           },
         },
         'org.primer.overrides': {
-          dark: '#4493F8',
-          'dark-dimmed': '#478be6',
-          'dark-dimmed-high-contrast': '{base.color.blue.1}',
-          'dark-high-contrast': '#74B9FF',
-          'dark-tritanopia-high-contrast': '#74B9FF',
-          'dark-protanopia-deuteranopia-high-contrast': '#74B9FF',
-          'light-high-contrast': '{base.color.blue.6}',
-          'light-tritanopia-high-contrast': '{base.color.blue.6}',
-          'light-protanopia-deuteranopia-high-contrast': '{base.color.blue.6}',
+          dark: '#2786ff',
+          'dark-dimmed': '#45b6ff',
+          'dark-dimmed-high-contrast': '{base.color.blue.14}',
+          'dark-high-contrast': '{base.color.blue.14}',
+          'dark-tritanopia-high-contrast': '{base.color.blue.14}',
+          'dark-protanopia-deuteranopia-high-contrast': '{base.color.blue.14}',
+          'light-high-contrast': '{base.color.blue.14}',
+          'light-tritanopia-high-contrast': '{base.color.blue.14}',
+          'light-protanopia-deuteranopia-high-contrast': '{base.color.blue.14}',
         },
         'org.primer.llm': {
           usage: ['accent-text', 'info-text', 'accent-icon'],
@@ -237,7 +237,7 @@
       },
     },
     success: {
-      $value: '{base.color.green.5}',
+      $value: '{base.color.green.10}',
       $type: 'color',
       $description: 'Success text for positive feedback and completed states',
       $extensions: {
@@ -250,18 +250,18 @@
           },
         },
         'org.primer.overrides': {
-          dark: '{base.color.green.3}',
-          'dark-high-contrast': '#2BD853',
-          'dark-dimmed-high-contrast': '{base.color.green.0}',
-          'light-high-contrast': '#04591f', /* Custom hex between green.5 and green.6: level 5 fails 7:1 vs bgColor-muted, level 6 is too dark to visually differentiate status colors. Same approach as dark HC overrides (PR #1190). */
-          'dark-protanopia-deuteranopia': '{base.color.blue.3}',
-          'dark-protanopia-deuteranopia-high-contrast': '{base.color.blue.1}',
-          'light-protanopia-deuteranopia': '{base.color.blue.5}',
-          'light-protanopia-deuteranopia-high-contrast': '{base.color.blue.6}',
-          'dark-tritanopia': '{base.color.blue.3}',
-          'dark-tritanopia-high-contrast': '{base.color.blue.2}',
-          'light-tritanopia': '{base.color.blue.5}',
-          'light-tritanopia-high-contrast': '{base.color.blue.6}',
+          dark: '{base.color.green.14}',
+          'dark-high-contrast': '{base.color.green.14}',
+          'dark-dimmed-high-contrast': '{base.color.green.14}',
+          'light-high-contrast': '{base.color.green.14}',
+          'dark-protanopia-deuteranopia': '{base.color.blue.10}',
+          'dark-protanopia-deuteranopia-high-contrast': '{base.color.blue.14}',
+          'light-protanopia-deuteranopia': '{base.color.blue.10}',
+          'light-protanopia-deuteranopia-high-contrast': '{base.color.blue.14}',
+          'dark-tritanopia': '{base.color.blue.10}',
+          'dark-tritanopia-high-contrast': '{base.color.blue.14}',
+          'light-tritanopia': '{base.color.blue.10}',
+          'light-tritanopia-high-contrast': '{base.color.blue.14}',
         },
         'org.primer.llm': {
           usage: ['success-text', 'positive-text', 'success-icon'],
@@ -283,14 +283,14 @@
           },
         },
         'org.primer.overrides': {
-          'dark-protanopia-deuteranopia': '{base.color.orange.4}',
-          'dark-protanopia-deuteranopia-high-contrast': '{base.color.orange.2}',
-          'light-protanopia-deuteranopia': '{base.color.orange.5}',
-          'light-protanopia-deuteranopia-high-contrast': '{base.color.orange.6}',
-          'dark-tritanopia': '{base.color.red.4}',
-          'dark-tritanopia-high-contrast': '{base.color.red.2}',
-          'light-tritanopia': '{base.color.red.5}',
-          'light-tritanopia-high-contrast': '{base.color.red.6}',
+          'dark-protanopia-deuteranopia': '{base.color.orange.10}',
+          'dark-protanopia-deuteranopia-high-contrast': '{base.color.orange.14}',
+          'light-protanopia-deuteranopia': '{base.color.orange.10}',
+          'light-protanopia-deuteranopia-high-contrast': '{base.color.orange.14}',
+          'dark-tritanopia': '{base.color.red.10}',
+          'dark-tritanopia-high-contrast': '{base.color.red.14}',
+          'light-tritanopia': '{base.color.red.10}',
+          'light-tritanopia-high-contrast': '{base.color.red.14}',
         },
         'org.primer.llm': {
           usage: ['open-text', 'open-issue', 'open-pr'],
@@ -299,7 +299,7 @@
       },
     },
     attention: {
-      $value: '{base.color.yellow.5}',
+      $value: '{base.color.yellow.10}',
       $type: 'color',
       $description: 'Attention text for warnings and caution states',
       $extensions: {
@@ -312,11 +312,14 @@
           },
         },
         'org.primer.overrides': {
-          dark: '{base.color.yellow.3}',
-          'light-high-contrast': '{base.color.yellow.6}',
-          'light-protanopia-deuteranopia-high-contrast': '{base.color.yellow.6}',
-          'light-tritanopia-high-contrast': '{base.color.yellow.6}',
-          'dark-dimmed-high-contrast': '{base.color.yellow.1}',
+          dark: '{base.color.yellow.14}',
+          'dark-high-contrast': '{base.color.yellow.14}',
+          'dark-protanopia-deuteranopia-high-contrast': '{base.color.yellow.14}',
+          'dark-tritanopia-high-contrast': '{base.color.yellow.14}',
+          'light-high-contrast': '{base.color.yellow.14}',
+          'light-protanopia-deuteranopia-high-contrast': '{base.color.yellow.14}',
+          'light-tritanopia-high-contrast': '{base.color.yellow.14}',
+          'dark-dimmed-high-contrast': '{base.color.yellow.14}',
         },
         'org.primer.llm': {
           usage: ['attention-text', 'warning-text', 'caution-text'],
@@ -325,7 +328,7 @@
       },
     },
     severe: {
-      $value: '{base.color.orange.5}',
+      $value: '{base.color.orange.10}',
       $type: 'color',
       $description: 'Severe text for high-priority warnings',
       $extensions: {
@@ -338,16 +341,16 @@
           },
         },
         'org.primer.overrides': {
-          dark: '{base.color.orange.4}',
-          'dark-high-contrast': '{base.color.orange.3}',
-          'dark-dimmed-high-contrast': '{base.color.orange.1}',
-          'dark-protanopia-deuteranopia-high-contrast': '{base.color.orange.3}',
-          'light-high-contrast': '{base.color.orange.6}',
-          'dark-tritanopia': '{base.color.red.4}',
-          'dark-tritanopia-high-contrast': '{base.color.red.3}',
-          'light-tritanopia': '{base.color.red.5}',
-          'light-tritanopia-high-contrast': '{base.color.red.6}',
-          'light-protanopia-deuteranopia-high-contrast': '{base.color.orange.6}',
+          dark: '{base.color.orange.14}',
+          'dark-high-contrast': '{base.color.orange.14}',
+          'dark-dimmed-high-contrast': '{base.color.orange.14}',
+          'dark-protanopia-deuteranopia-high-contrast': '{base.color.orange.14}',
+          'light-high-contrast': '{base.color.orange.14}',
+          'dark-tritanopia': '{base.color.red.10}',
+          'dark-tritanopia-high-contrast': '{base.color.red.14}',
+          'light-tritanopia': '{base.color.red.10}',
+          'light-tritanopia-high-contrast': '{base.color.red.14}',
+          'light-protanopia-deuteranopia-high-contrast': '{base.color.orange.14}',
         },
         'org.primer.llm': {
           usage: ['severe-text', 'urgent-text', 'severe-icon'],
@@ -356,11 +359,7 @@
       },
     },
     danger: {
-      $value: {
-        colorSpace: 'hsl',
-        components: [356.2, 70.6, 48],
-        hex: '#d1242f',
-      },
+      $value: '{base.color.red.10}',
       $type: 'color',
       $description: 'Danger text for errors and destructive actions',
       $extensions: {
@@ -373,16 +372,16 @@
           },
         },
         'org.primer.overrides': {
-          dark: '{base.color.red.4}',
-          'dark-protanopia-deuteranopia': '{base.color.orange.3}',
-          'dark-protanopia-deuteranopia-high-contrast': '{base.color.orange.2}',
-          'light-protanopia-deuteranopia': '{base.color.orange.5}',
-          'light-protanopia-deuteranopia-high-contrast': '{base.color.orange.6}',
-          'dark-high-contrast': '{base.color.red.3}',
-          'dark-dimmed-high-contrast': '{base.color.red.1}',
-          'dark-tritanopia-high-contrast': '{base.color.red.3}',
-          'light-high-contrast': '#960d1e', /* Custom hex between red.5 and red.6: level 5 fails 7:1 vs bgColor-muted, level 6 is too dark to visually differentiate status colors. Same approach as dark HC overrides (PR #1190). */
-          'light-tritanopia-high-contrast': '{base.color.red.6}',
+          dark: '{base.color.red.14}',
+          'dark-protanopia-deuteranopia': '{base.color.orange.14}',
+          'dark-protanopia-deuteranopia-high-contrast': '{base.color.orange.14}',
+          'light-protanopia-deuteranopia': '{base.color.orange.10}',
+          'light-protanopia-deuteranopia-high-contrast': '{base.color.orange.14}',
+          'dark-high-contrast': '{base.color.red.14}',
+          'dark-dimmed-high-contrast': '{base.color.red.14}',
+          'dark-tritanopia-high-contrast': '{base.color.red.14}',
+          'light-high-contrast': '{base.color.red.14}',
+          'light-tritanopia-high-contrast': '{base.color.red.14}',
         },
         'org.primer.llm': {
           usage: ['danger-text', 'error-text', 'destructive-text'],
@@ -439,7 +438,7 @@
       },
     },
     done: {
-      $value: '{base.color.purple.5}',
+      $value: '{base.color.purple.10}',
       $type: 'color',
       $description: 'Text color for completed/done state indicators',
       $extensions: {
@@ -452,14 +451,14 @@
           },
         },
         'org.primer.overrides': {
-          dark: '{base.color.purple.4}',
-          'dark-high-contrast': '#D3ABFF',
-          'dark-dimmed-high-contrast': '{base.color.purple.1}',
-          'dark-protanopia-deuteranopia-high-contrast': '#D3ABFF',
-          'dark-tritanopia-high-contrast': '#D3ABFF',
-          'light-high-contrast': '#5e2bb4', /* Custom hex between purple.5 and purple.6: level 5 fails 7:1 vs bgColor-muted, level 6 is too dark to visually differentiate status colors. Same approach as dark HC overrides (PR #1190). */
-          'light-protanopia-deuteranopia-high-contrast': '{base.color.purple.6}',
-          'light-tritanopia-high-contrast': '{base.color.purple.6}',
+          dark: '{base.color.purple.14}',
+          'dark-high-contrast': '{base.color.purple.14}',
+          'dark-dimmed-high-contrast': '{base.color.purple.14}',
+          'dark-protanopia-deuteranopia-high-contrast': '{base.color.purple.14}',
+          'dark-tritanopia-high-contrast': '{base.color.purple.14}',
+          'light-high-contrast': '{base.color.purple.14}',
+          'light-protanopia-deuteranopia-high-contrast': '{base.color.purple.14}',
+          'light-tritanopia-high-contrast': '{base.color.purple.14}',
         },
         'org.primer.llm': {
           usage: ['done-text', 'merged', 'completed'],
@@ -487,7 +486,7 @@
       },
     },
     sponsors: {
-      $value: '{base.color.pink.5}',
+      $value: '{base.color.pink.10}',
       $type: 'color',
       $description: 'Text color for GitHub Sponsors content',
       $extensions: {
@@ -500,14 +499,14 @@
           },
         },
         'org.primer.overrides': {
-          dark: '{base.color.pink.4}',
-          'dark-high-contrast': '#FF90C8',
-          'dark-dimmed-high-contrast': '{base.color.pink.1}',
-          'dark-protanopia-deuteranopia-high-contrast': '#FF90C8',
-          'dark-tritanopia-high-contrast': '#FF90C8',
-          'light-high-contrast': '{base.color.pink.6}',
-          'light-protanopia-deuteranopia-high-contrast': '{base.color.pink.6}',
-          'light-tritanopia-high-contrast': '{base.color.pink.6}',
+          dark: '{base.color.pink.14}',
+          'dark-high-contrast': '{base.color.pink.14}',
+          'dark-dimmed-high-contrast': '{base.color.pink.14}',
+          'dark-protanopia-deuteranopia-high-contrast': '{base.color.pink.14}',
+          'dark-tritanopia-high-contrast': '{base.color.pink.14}',
+          'light-high-contrast': '{base.color.pink.14}',
+          'light-protanopia-deuteranopia-high-contrast': '{base.color.pink.14}',
+          'light-tritanopia-high-contrast': '{base.color.pink.14}',
         },
         'org.primer.llm': {
           usage: ['sponsors-text', 'funding-text', 'sponsors-icon'],
diff --git a/src/tokens/functional/color/syntax.json5 b/src/tokens/functional/color/syntax.json5
index bf3659164..c9c87a622 100644
--- a/src/tokens/functional/color/syntax.json5
+++ b/src/tokens/functional/color/syntax.json5
@@ -1,1325 +1,449 @@
 {
-  ansi: {
-    $description: 'ANSI terminal color palette for command-line interfaces and terminal emulators. Maps standard ANSI color names to theme-appropriate values.',
-    $extensions: {
-      'org.primer.llm': {
-        usage: [
-          'terminal-output',
-          'cli-interface',
-          'console-text',
-          'shell-prompt',
-        ],
-        rules: 'Use exclusively for terminal/CLI contexts. Do NOT use for general UI—use semantic colors (fgColor, bgColor) instead. These colors follow ANSI naming conventions (black, red, green, yellow, blue, magenta, cyan, white) with bright variants.',
-      },
-    },
-    black: {
-      $value: '{base.color.neutral.13}',
-      $type: 'color',
-      $description: 'ANSI black for terminal text and backgrounds',
-      $extensions: {
-        'org.primer.figma': {
-          collection: 'mode',
-          group: 'syntax',
-        },
-        'org.primer.overrides': {
-          dark: '{base.color.neutral.6}',
-        },
-      },
-    },
-    blackBright: {
-      $value: '{base.color.neutral.11}',
-      $type: 'color',
-      $description: 'ANSI bright black (dark gray) for dimmed terminal text',
-      $extensions: {
-        'org.primer.figma': {
-          collection: 'mode',
-          group: 'syntax',
-        },
-        'org.primer.overrides': {
-          dark: '{base.color.neutral.8}',
-        },
-      },
-    },
-    white: {
-      $value: '{base.color.neutral.9}',
-      $type: 'color',
-      $description: 'ANSI white for terminal text',
-      $extensions: {
-        'org.primer.figma': {
-          collection: 'mode',
-          group: 'syntax',
-        },
-        'org.primer.overrides': {
-          dark: '{base.color.neutral.12}',
-        },
-      },
-    },
-    whiteBright: {
-      $value: '{base.color.neutral.8}',
-      $type: 'color',
-      $description: 'ANSI bright white for emphasized terminal text',
-      $extensions: {
-        'org.primer.figma': {
-          collection: 'mode',
-          group: 'syntax',
-        },
-        'org.primer.overrides': {
-          dark: '{base.color.neutral.13}',
-        },
-      },
-    },
-    gray: {
-      $value: '{base.color.neutral.9}',
-      $type: 'color',
-      $description: 'ANSI gray for secondary terminal text',
-      $extensions: {
-        'org.primer.figma': {
-          collection: 'mode',
-          group: 'syntax',
-        },
-        'org.primer.overrides': {
-          dark: '{base.color.neutral.8}',
-        },
-      },
-    },
-    red: {
-      $value: '{base.color.red.5}',
-      $type: 'color',
-      $description: 'ANSI red for errors and alerts in terminal output',
-      $extensions: {
-        'org.primer.figma': {
-          collection: 'mode',
-          group: 'syntax',
-        },
-        'org.primer.overrides': {
-          dark: '{base.color.red.3}',
-          'dark-protanopia-deuteranopia': '{base.color.orange.3}',
-          'dark-protanopia-deuteranopia-high-contrast': '{base.color.orange.3}',
-          'light-protanopia-deuteranopia': '{base.color.orange.5}',
-          'light-protanopia-deuteranopia-high-contrast': '{base.color.orange.5}',
-        },
-      },
-    },
-    redBright: {
-      $value: '{base.color.red.6}',
-      $type: 'color',
-      $description: 'ANSI bright red for highlighted errors in terminal',
-      $extensions: {
-        'org.primer.figma': {
-          collection: 'mode',
-          group: 'syntax',
-        },
-        'org.primer.overrides': {
-          dark: '{base.color.red.2}',
-          'dark-protanopia-deuteranopia': '{base.color.orange.2}',
-          'dark-protanopia-deuteranopia-high-contrast': '{base.color.orange.2}',
-          'light-protanopia-deuteranopia': '{base.color.orange.6}',
-          'light-protanopia-deuteranopia-high-contrast': '{base.color.orange.6}',
-        },
-      },
-    },
-    green: {
-      $value: '{base.color.green.6}',
-      $type: 'color',
-      $description: 'ANSI green for success indicators in terminal',
-      $extensions: {
-        'org.primer.figma': {
-          collection: 'mode',
-          group: 'syntax',
-        },
-        'org.primer.overrides': {
-          dark: '{base.color.green.3}',
-          'dark-tritanopia': '{base.color.blue.3}',
-          'dark-tritanopia-high-contrast': '{base.color.blue.3}',
-          'light-tritanopia': '{base.color.blue.6}',
-          'light-tritanopia-high-contrast': '{base.color.blue.6}',
-          'dark-protanopia-deuteranopia': '{base.color.blue.3}',
-          'dark-protanopia-deuteranopia-high-contrast': '{base.color.blue.3}',
-          'light-protanopia-deuteranopia': '{base.color.blue.6}',
-          'light-protanopia-deuteranopia-high-contrast': '{base.color.blue.6}',
-        },
-      },
-    },
-    greenBright: {
-      $value: '{base.color.green.5}',
-      $type: 'color',
-      $description: 'ANSI bright green for highlighted success in terminal',
-      $extensions: {
-        'org.primer.figma': {
-          collection: 'mode',
-          group: 'syntax',
-        },
-        'org.primer.overrides': {
-          dark: '{base.color.green.2}',
-          'dark-tritanopia': '{base.color.blue.2}',
-          'dark-tritanopia-high-contrast': '{base.color.blue.2}',
-          'light-tritanopia': '{base.color.blue.5}',
-          'light-tritanopia-high-contrast': '{base.color.blue.5}',
-          'dark-protanopia-deuteranopia': '{base.color.blue.2}',
-          'dark-protanopia-deuteranopia-high-contrast': '{base.color.blue.2}',
-          'light-protanopia-deuteranopia': '{base.color.blue.5}',
-          'light-protanopia-deuteranopia-high-contrast': '{base.color.blue.5}',
-        },
-      },
-    },
-    yellow: {
-      $value: '{base.color.yellow.8}',
-      $type: 'color',
-      $description: 'ANSI yellow for warnings in terminal output',
-      $extensions: {
-        'org.primer.figma': {
-          collection: 'mode',
-          group: 'syntax',
-        },
-        'org.primer.overrides': {
-          dark: '{base.color.yellow.3}',
-        },
-      },
-    },
-    yellowBright: {
-      $value: '{base.color.yellow.7}',
-      $type: 'color',
-      $description: 'ANSI bright yellow for highlighted warnings in terminal',
-      $extensions: {
-        'org.primer.figma': {
-          collection: 'mode',
-          group: 'syntax',
-        },
-        'org.primer.overrides': {
-          dark: '{base.color.yellow.2}',
-        },
-      },
-    },
-    blue: {
-      $value: '{base.color.blue.5}',
-      $type: 'color',
-      $description: 'ANSI blue for informational terminal text',
-      $extensions: {
-        'org.primer.figma': {
-          collection: 'mode',
-          group: 'syntax',
-        },
-        'org.primer.overrides': {
-          dark: '{base.color.blue.3}',
-        },
-      },
-    },
-    blueBright: {
-      $value: '{base.color.blue.4}',
-      $type: 'color',
-      $description: 'ANSI bright blue for highlighted info in terminal',
-      $extensions: {
-        'org.primer.figma': {
-          collection: 'mode',
-          group: 'syntax',
-        },
-        'org.primer.overrides': {
-          dark: '{base.color.blue.2}',
-        },
-      },
-    },
-    magenta: {
-      $value: '{base.color.purple.5}',
-      $type: 'color',
-      $description: 'ANSI magenta for special terminal text',
-      $extensions: {
-        'org.primer.figma': {
-          collection: 'mode',
-          group: 'syntax',
-        },
-        'org.primer.overrides': {
-          dark: '{base.color.purple.3}',
-        },
-      },
-    },
-    magentaBright: {
-      $value: '{base.color.purple.4}',
-      $type: 'color',
-      $description: 'ANSI bright magenta for highlighted special text',
-      $extensions: {
-        'org.primer.figma': {
-          collection: 'mode',
-          group: 'syntax',
-        },
-        'org.primer.overrides': {
-          dark: '{base.color.purple.2}',
-        },
-      },
-    },
-    cyan: {
-      $value: {
-        colorSpace: 'hsl',
-        components: [
-          184,
-          65.8,
-          31,
-        ],
-        hex: '#1b7c83',
-      },
-      $type: 'color',
-      $description: 'ANSI cyan for terminal text',
-      $extensions: {
-        'org.primer.figma': {
-          collection: 'mode',
-          group: 'syntax',
-        },
-        'org.primer.overrides': {
-          dark: '#39c5cf',
-        },
-      },
-    },
-    cyanBright: {
-      $value: {
-        colorSpace: 'hsl',
-        components: [
-          191.9,
-          55.3,
-          42.9,
-        ],
-        hex: '#3192aa',
-      },
-      $type: 'color',
-      $description: 'ANSI bright cyan for highlighted terminal text',
-      $extensions: {
-        'org.primer.figma': {
-          collection: 'mode',
-          group: 'syntax',
-        },
-        'org.primer.overrides': {
-          dark: '#56d4dd',
-        },
-      },
-    },
-  },
-  prettylights: {
-    $description: 'Syntax highlighting colors for code display. Used by GitHub code rendering (prettylights theme).',
-    $extensions: {
-      'org.primer.llm': {
-        usage: [
-          'code-syntax-highlighting',
-          'code-block',
-          'inline-code',
-          'diff-view',
-        ],
-        rules: 'Use exclusively for syntax highlighting in code display contexts. Do NOT use for general UI text or backgrounds. Each token maps to a specific syntax element (comment, keyword, string, etc.).',
-      },
-    },
-    syntax: {
-      comment: {
-        $value: '{base.color.neutral.9}',
-        $type: 'color',
-        $description: 'Syntax highlighting color for code comments',
-        $extensions: {
-          'org.primer.figma': {
-            collection: 'mode',
-            group: 'syntax',
-          },
-          'org.primer.overrides': {
-            dark: '{base.color.neutral.9}',
-          },
-        },
-      },
-      constant: {
-        $value: '{base.color.blue.6}',
-        $type: 'color',
-        $description: 'Syntax highlighting color for constants and literal values',
-        $extensions: {
-          'org.primer.figma': {
-            collection: 'mode',
-            group: 'syntax',
-          },
-          'org.primer.overrides': {
-            dark: '{base.color.blue.2}',
-          },
-        },
-      },
-      constantOtherReferenceLink: {
-        $value: '{base.color.blue.8}',
-        $type: 'color',
-        $description: 'Syntax highlighting color for reference links and URLs in code',
-        $extensions: {
-          'org.primer.figma': {
-            collection: 'mode',
-            group: 'syntax',
-          },
-          'org.primer.overrides': {
-            dark: '{base.color.blue.1}',
-          },
-        },
-      },
-      'constant-other-reference-link': {
-        $value: '{prettylights.syntax.constantOtherReferenceLink}',
-        $type: 'color',
-        $deprecated: '{prettylights.syntax.constantOtherReferenceLink}',
-        $description: 'Deprecated. Use prettylights.syntax.constantOtherReferenceLink instead.',
-        $extensions: {
-          'org.primer.figma': {
-            collection: 'mode',
-            group: 'syntax',
-          },
-        },
-      },
-      entityTag: {
-        $value: '{base.color.blue.6}',
-        $type: 'color',
-        $description: 'Syntax highlighting color for HTML/XML tags',
-        $extensions: {
-          'org.primer.figma': {
-            collection: 'mode',
-            group: 'syntax',
-          },
-          'org.primer.overrides': {
-            dark: '{base.color.green.1}',
-            'dark-tritanopia': '{base.color.blue.1}',
-            'dark-tritanopia-high-contrast': '{base.color.blue.1}',
-            'dark-protanopia-deuteranopia': '{base.color.blue.1}',
-            'dark-protanopia-deuteranopia-high-contrast': '{base.color.blue.1}',
-          },
-        },
-      },
-      entity: {
-        $value: '{base.color.purple.6}',
-        $type: 'color',
-        $description: 'Syntax highlighting color for class names, type definitions, and declarations',
-        $extensions: {
-          'org.primer.figma': {
-            collection: 'mode',
-            group: 'syntax',
-          },
-          'org.primer.overrides': {
-            dark: '{base.color.purple.2}',
-          },
-        },
-      },
-      storageModifierImport: {
-        $value: '{base.color.neutral.13}',
-        $type: 'color',
-        $description: 'Syntax highlighting color for import and require statements',
-        $extensions: {
-          'org.primer.figma': {
-            collection: 'mode',
-            group: 'syntax',
-          },
-          'org.primer.overrides': {
-            dark: '{base.color.neutral.12}',
-          },
-        },
-      },
-      storage: {
-        modifier: {
-          import: {
-            $value: '{prettylights.syntax.storageModifierImport}',
-            $type: 'color',
-            $deprecated: '{prettylights.syntax.storageModifierImport}',
-            $description: 'Deprecated. Use prettylights.syntax.storageModifierImport instead.',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'mode',
-                group: 'syntax',
-              },
-            },
-          },
-        },
-      },
-      'entity-tag': {
-        $value: '{prettylights.syntax.entityTag}',
-        $type: 'color',
-        $deprecated: '{prettylights.syntax.entityTag}',
-        $description: 'Deprecated. Use prettylights.syntax.entityTag instead.',
-        $extensions: {
-          'org.primer.figma': {
-            collection: 'mode',
-            group: 'syntax',
-          },
-        },
-      },
-      keyword: {
-        $value: '{base.color.red.5}',
-        $type: 'color',
-        $description: 'Syntax highlighting color for language keywords (if, else, return)',
-        $extensions: {
-          'org.primer.figma': {
-            collection: 'mode',
-            group: 'syntax',
-          },
-          'org.primer.overrides': {
-            dark: '{base.color.red.3}',
-            'dark-protanopia-deuteranopia': '{base.color.orange.3}',
-            'dark-protanopia-deuteranopia-high-contrast': '{base.color.orange.3}',
-            'light-protanopia-deuteranopia': '{base.color.orange.5}',
-            'light-protanopia-deuteranopia-high-contrast': '{base.color.orange.5}',
-          },
-        },
-      },
-      string: {
-        $value: '{base.color.blue.8}',
-        $type: 'color',
-        $description: 'Syntax highlighting color for string literals',
-        $extensions: {
-          'org.primer.figma': {
-            collection: 'mode',
-            group: 'syntax',
-          },
-          'org.primer.overrides': {
-            dark: '{base.color.blue.1}',
-          },
-        },
-      },
-      variable: {
-        $value: '{base.color.orange.6}',
-        $type: 'color',
-        $description: 'Syntax highlighting color for variables and parameters',
-        $extensions: {
-          'org.primer.figma': {
-            collection: 'mode',
-            group: 'syntax',
-          },
-          'org.primer.overrides': {
-            dark: '{base.color.orange.2}',
-            'dark-tritanopia': '{base.color.red.2}',
-            'dark-tritanopia-high-contrast': '{base.color.red.2}',
-            'light-tritanopia': '{base.color.red.6}',
-            'light-tritanopia-high-contrast': '{base.color.red.6}',
-          },
-        },
-      },
-      bracketHighlighterUnmatched: {
-        $value: '{base.color.red.7}',
-        $type: 'color',
-        $description: 'Syntax highlighting color for unmatched brackets',
-        $extensions: {
-          'org.primer.figma': {
-            collection: 'mode',
-            group: 'syntax',
-          },
-          'org.primer.overrides': {
-            dark: '{base.color.red.4}',
-            'dark-protanopia-deuteranopia': '{base.color.orange.4}',
-            'dark-protanopia-deuteranopia-high-contrast': '{base.color.orange.4}',
-            'light-protanopia-deuteranopia': '{base.color.orange.7}',
-            'light-protanopia-deuteranopia-high-contrast': '{base.color.orange.7}',
-          },
-        },
-      },
-      bracketHighlighterAngle: {
-        $value: '{base.color.neutral.9}',
-        $type: 'color',
-        $description: 'Syntax highlighting color for angle brackets',
-        $extensions: {
-          'org.primer.figma': {
-            collection: 'mode',
-            group: 'syntax',
-          },
-          'org.primer.overrides': {
-            dark: '{base.color.neutral.9}',
-          },
-        },
-      },
-      brackethighlighter: {
-        unmatched: {
-          $value: '{prettylights.syntax.bracketHighlighterUnmatched}',
-          $type: 'color',
-          $deprecated: '{prettylights.syntax.bracketHighlighterUnmatched}',
-          $description: 'Deprecated. Use prettylights.syntax.bracketHighlighterUnmatched instead.',
-          $extensions: {
-            'org.primer.figma': {
-              collection: 'mode',
-              group: 'syntax',
-            },
-          },
-        },
-        angle: {
-          $value: '{prettylights.syntax.bracketHighlighterAngle}',
-          $type: 'color',
-          $deprecated: '{prettylights.syntax.bracketHighlighterAngle}',
-          $description: 'Deprecated. Use prettylights.syntax.bracketHighlighterAngle instead.',
-          $extensions: {
-            'org.primer.figma': {
-              collection: 'mode',
-              group: 'syntax',
-            },
-          },
-        },
-      },
-      invalidIllegal: {
-        text: {
-          $value: '{fgColor.danger}',
-          $type: 'color',
-          $description: 'Text color for invalid or illegal code syntax',
-          $extensions: {
-            'org.primer.figma': {
-              collection: 'mode',
-              group: 'syntax',
-            },
-          },
-        },
-        bg: {
-          $value: '{bgColor.danger.muted}',
-          $type: 'color',
-          $description: 'Background color for invalid or illegal code syntax',
-          $extensions: {
-            'org.primer.figma': {
-              collection: 'mode',
-              group: 'syntax',
-            },
-          },
-        },
-      },
-      invalid: {
-        illegal: {
-          text: {
-            $value: '{prettylights.syntax.invalidIllegal.text}',
-            $type: 'color',
-            $deprecated: '{prettylights.syntax.invalidIllegal.text}',
-            $description: 'Deprecated. Use prettylights.syntax.invalidIllegal.text instead.',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'mode',
-                group: 'syntax',
-              },
-            },
-          },
-          bg: {
-            $value: '{prettylights.syntax.invalidIllegal.bg}',
-            $type: 'color',
-            $deprecated: '{prettylights.syntax.invalidIllegal.bg}',
-            $description: 'Deprecated. Use prettylights.syntax.invalidIllegal.bg instead.',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'mode',
-                group: 'syntax',
-              },
-            },
-          },
-        },
-      },
-      carriageReturn: {
-        text: {
-          $value: '{base.color.neutral.1}',
-          $type: 'color',
-          $description: 'Text color for carriage return characters in diffs',
-          $extensions: {
-            'org.primer.figma': {
-              collection: 'mode',
-              group: 'syntax',
-            },
-            'org.primer.overrides': {
-              dark: '{base.color.neutral.12}',
-            },
-          },
-        },
-        bg: {
-          $value: '{base.color.red.5}',
-          $type: 'color',
-          $description: 'Background color for carriage return characters in diffs',
-          $extensions: {
-            'org.primer.figma': {
-              collection: 'mode',
-              group: 'syntax',
-            },
-            'org.primer.overrides': {
-              dark: '{base.color.red.6}',
-              'dark-protanopia-deuteranopia': '{base.color.orange.6}',
-              'dark-protanopia-deuteranopia-high-contrast': '{base.color.orange.6}',
-              'light-protanopia-deuteranopia': '{base.color.orange.5}',
-              'light-protanopia-deuteranopia-high-contrast': '{base.color.orange.5}',
-            },
-          },
-        },
-      },
-      carriage: {
-        return: {
-          text: {
-            $value: '{prettylights.syntax.carriageReturn.text}',
-            $type: 'color',
-            $deprecated: '{prettylights.syntax.carriageReturn.text}',
-            $description: 'Deprecated. Use prettylights.syntax.carriageReturn.text instead.',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'mode',
-                group: 'syntax',
-              },
-            },
-          },
-          bg: {
-            $value: '{prettylights.syntax.carriageReturn.bg}',
-            $type: 'color',
-            $deprecated: '{prettylights.syntax.carriageReturn.bg}',
-            $description: 'Deprecated. Use prettylights.syntax.carriageReturn.bg instead.',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'mode',
-                group: 'syntax',
-              },
-            },
-          },
-        },
-      },
-      stringRegexp: {
-        $value: '{base.color.green.6}',
-        $type: 'color',
-        $description: 'Syntax highlighting color for regular expression literals',
-        $extensions: {
-          'org.primer.figma': {
-            collection: 'mode',
-            group: 'syntax',
-          },
-          'org.primer.overrides': {
-            dark: '{base.color.green.1}',
-            'dark-tritanopia': '{base.color.blue.1}',
-            'dark-tritanopia-high-contrast': '{base.color.blue.1}',
-            'light-tritanopia': '{base.color.blue.6}',
-            'light-tritanopia-high-contrast': '{base.color.blue.6}',
-            'dark-protanopia-deuteranopia': '{base.color.blue.1}',
-            'dark-protanopia-deuteranopia-high-contrast': '{base.color.blue.1}',
-            'light-protanopia-deuteranopia': '{base.color.blue.6}',
-            'light-protanopia-deuteranopia-high-contrast': '{base.color.blue.6}',
-          },
-        },
-      },
-      'string-regexp': {
-        $value: '{prettylights.syntax.stringRegexp}',
-        $type: 'color',
-        $deprecated: '{prettylights.syntax.stringRegexp}',
-        $description: 'Deprecated. Use prettylights.syntax.stringRegexp instead.',
-        $extensions: {
-          'org.primer.figma': {
-            collection: 'mode',
-            group: 'syntax',
-          },
-        },
-      },
-      markup: {
-        list: {
-          $value: '{base.color.yellow.9}',
-          $type: 'color',
-          $description: 'Syntax highlighting color for list markers in markdown',
-          $extensions: {
-            'org.primer.figma': {
-              collection: 'mode',
-              group: 'syntax',
-            },
-            'org.primer.overrides': {
-              dark: '{base.color.yellow.1}',
-            },
-          },
-        },
-        heading: {
-          $value: '{base.color.blue.6}',
-          $type: 'color',
-          $description: 'Syntax highlighting color for headings in markdown',
-          $extensions: {
-            'org.primer.figma': {
-              collection: 'mode',
-              group: 'syntax',
-            },
-            'org.primer.overrides': {
-              dark: '{base.color.blue.5}',
-            },
-          },
-        },
-        italic: {
-          $value: '{base.color.neutral.13}',
-          $type: 'color',
-          $description: 'Syntax highlighting color for italic text in markdown',
-          $extensions: {
-            'org.primer.figma': {
-              collection: 'mode',
-              group: 'syntax',
-            },
-            'org.primer.overrides': {
-              dark: '{base.color.neutral.12}',
-            },
-          },
-        },
-        bold: {
-          $value: '{base.color.neutral.13}',
-          $type: 'color',
-          $description: 'Syntax highlighting color for bold text in markdown',
-          $extensions: {
-            'org.primer.figma': {
-              collection: 'mode',
-              group: 'syntax',
-            },
-            'org.primer.overrides': {
-              dark: '{base.color.neutral.12}',
-            },
-          },
-        },
-        deleted: {
-          text: {
-            $value: '{base.color.red.7}',
-            $type: 'color',
-            $description: 'Text color for deleted lines in diff views',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'mode',
-                group: 'syntax',
-              },
-              'org.primer.overrides': {
-                dark: '{base.color.red.0}',
-                'dark-protanopia-deuteranopia': '{base.color.orange.0}',
-                'dark-protanopia-deuteranopia-high-contrast': '{base.color.orange.0}',
-                'light-protanopia-deuteranopia': '{base.color.orange.7}',
-                'light-protanopia-deuteranopia-high-contrast': '{base.color.orange.7}',
-              },
-            },
-          },
-          bg: {
-            $value: '{base.color.red.0}',
-            $type: 'color',
-            $description: 'Background color for deleted lines in diff views',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'mode',
-                group: 'syntax',
-              },
-              'org.primer.overrides': {
-                dark: '{base.color.red.8}',
-                'dark-protanopia-deuteranopia': '{base.color.orange.8}',
-                'dark-protanopia-deuteranopia-high-contrast': '{base.color.orange.8}',
-                'light-protanopia-deuteranopia': '{base.color.orange.0}',
-                'light-protanopia-deuteranopia-high-contrast': '{base.color.orange.0}',
-              },
-            },
-          },
-        },
-        inserted: {
-          text: {
-            $value: '{base.color.green.6}',
-            $type: 'color',
-            $description: 'Text color for inserted lines in diff views',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'mode',
-                group: 'syntax',
-              },
-              'org.primer.overrides': {
-                dark: '{base.color.green.0}',
-                'dark-tritanopia': '{base.color.blue.0}',
-                'dark-tritanopia-high-contrast': '{base.color.blue.0}',
-                'light-tritanopia': '{base.color.blue.6}',
-                'light-tritanopia-high-contrast': '{base.color.blue.6}',
-                'dark-protanopia-deuteranopia': '{base.color.blue.0}',
-                'dark-protanopia-deuteranopia-high-contrast': '{base.color.blue.0}',
-                'light-protanopia-deuteranopia': '{base.color.blue.6}',
-                'light-protanopia-deuteranopia-high-contrast': '{base.color.blue.6}',
-              },
-            },
-          },
-          bg: {
-            $value: '{base.color.green.0}',
-            $type: 'color',
-            $description: 'Background color for inserted lines in diff views',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'mode',
-                group: 'syntax',
-              },
-              'org.primer.overrides': {
-                dark: '{base.color.green.8}',
-                'dark-tritanopia': '{base.color.blue.8}',
-                'dark-tritanopia-high-contrast': '{base.color.blue.8}',
-                'light-tritanopia': '{base.color.blue.0}',
-                'light-tritanopia-high-contrast': '{base.color.blue.0}',
-                'dark-protanopia-deuteranopia': '{base.color.blue.8}',
-                'dark-protanopia-deuteranopia-high-contrast': '{base.color.blue.8}',
-                'light-protanopia-deuteranopia': '{base.color.blue.0}',
-                'light-protanopia-deuteranopia-high-contrast': '{base.color.blue.0}',
-              },
-            },
-          },
-        },
-        changed: {
-          text: {
-            $value: '{base.color.orange.6}',
-            $type: 'color',
-            $description: 'Text color for changed lines in diff views',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'mode',
-                group: 'syntax',
-              },
-              'org.primer.overrides': {
-                dark: '{base.color.orange.0}',
-                'dark-tritanopia': '{base.color.red.0}',
-                'dark-tritanopia-high-contrast': '{base.color.red.0}',
-                'light-tritanopia': '{base.color.red.6}',
-                'light-tritanopia-high-contrast': '{base.color.red.6}',
-              },
-            },
-          },
-          bg: {
-            $value: '{base.color.orange.1}',
-            $type: 'color',
-            $description: 'Background color for changed lines in diff views',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'mode',
-                group: 'syntax',
-              },
-              'org.primer.overrides': {
-                dark: '{base.color.orange.8}',
-                'dark-tritanopia': '{base.color.red.8}',
-                'dark-tritanopia-high-contrast': '{base.color.red.8}',
-                'light-tritanopia': '{base.color.red.1}',
-                'light-tritanopia-high-contrast': '{base.color.red.1}',
-              },
-            },
-          },
-        },
-        ignored: {
-          text: {
-            $value: '{base.color.neutral.6}',
-            $type: 'color',
-            $description: 'Text color for ignored content in diffs',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'mode',
-                group: 'syntax',
-              },
-              'org.primer.overrides': {
-                dark: '{base.color.neutral.12}',
-              },
-            },
-          },
-          bg: {
-            $value: '{base.color.blue.6}',
-            $type: 'color',
-            $description: 'Background color for ignored content in diffs',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'mode',
-                group: 'syntax',
-              },
-              'org.primer.overrides': {
-                dark: '{base.color.blue.6}',
-              },
-            },
-          },
+  color: {
+    ansi: {
+      $description: 'ANSI terminal color palette for command-line interfaces and terminal emulators. Maps standard ANSI color names to theme-appropriate values.',
+      $extensions: {
+        'org.primer.llm': {
+          usage: ['terminal-output', 'cli-interface', 'console-text', 'shell-prompt'],
+          rules: 'Use exclusively for terminal/CLI contexts. Do NOT use for general UI—use semantic colors (fgColor, bgColor) instead. These colors follow ANSI naming conventions (black, red, green, yellow, blue, magenta, cyan, white) with bright variants.',
         },
       },
-      metaDiffRange: {
-        $value: '{base.color.purple.5}',
+      black: {
+        $value: '{base.color.neutral.11}',
         $type: 'color',
-        $description: 'Syntax highlighting color for diff range information (@@ lines)',
         $extensions: {
           'org.primer.figma': {
             collection: 'mode',
             group: 'syntax',
           },
           'org.primer.overrides': {
-            dark: '{base.color.purple.2}',
-          },
-        },
-      },
-      meta: {
-        diff: {
-          range: {
-            $value: '{prettylights.syntax.metaDiffRange}',
-            $type: 'color',
-            $deprecated: '{prettylights.syntax.metaDiffRange}',
-            $description: 'Deprecated. Use prettylights.syntax.metaDiffRange instead.',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'mode',
-                group: 'syntax',
-              },
-            },
+            dark: '{base.color.neutral.4}',
           },
         },
       },
-      sublimeLinterGutterMark: {
-        $value: '{base.color.neutral.8}',
+      'black-bright': {
+        $value: '{base.color.neutral.9}',
         $type: 'color',
-        $description: 'Color for linter gutter marks in code editors',
         $extensions: {
           'org.primer.figma': {
             collection: 'mode',
             group: 'syntax',
           },
           'org.primer.overrides': {
-            dark: '{base.color.neutral.7}',
-          },
-        },
-      },
-      sublimelinter: {
-        gutter: {
-          mark: {
-            $value: '{prettylights.syntax.sublimeLinterGutterMark}',
-            $type: 'color',
-            $deprecated: '{prettylights.syntax.sublimeLinterGutterMark}',
-            $description: 'Deprecated. Use prettylights.syntax.sublimeLinterGutterMark instead.',
-            $extensions: {
-              'org.primer.figma': {
-                collection: 'mode',
-                group: 'syntax',
-              },
-            },
-          },
-        },
-      },
-    },
-  },
-  /**
-  *
-  * Deprecated: Remove ones platform is clean
-  *
-  **/
-  color: {
-    ansi: {
-      black: {
-        $value: '{ansi.black}',
-        $type: 'color',
-        $deprecated: '{ansi.black}',
-        $description: 'Deprecated. Use ansi.black instead.',
-        $extensions: {
-          'org.primer.figma': {
-            collection: 'mode',
-            group: 'syntax',
-          },
-        },
-      },
-      'black-bright': {
-        $value: '{ansi.blackBright}',
-        $type: 'color',
-        $deprecated: '{ansi.blackBright}',
-        $description: 'Deprecated. Use ansi.blackBright instead.',
-        $extensions: {
-          'org.primer.figma': {
-            collection: 'mode',
-            group: 'syntax',
+            dark: '{base.color.neutral.6}',
           },
         },
       },
       white: {
-        $value: '{ansi.white}',
+        $value: '{base.color.neutral.11}',
         $type: 'color',
-        $deprecated: '{ansi.white}',
-        $description: 'Deprecated. Use ansi.white instead.',
         $extensions: {
           'org.primer.figma': {
             collection: 'mode',
             group: 'syntax',
           },
+          'org.primer.overrides': {
+            dark: '{base.color.neutral.10}',
+          },
         },
       },
       'white-bright': {
-        $value: '{ansi.whiteBright}',
+        $value: '{base.color.neutral.6}',
         $type: 'color',
-        $deprecated: '{ansi.whiteBright}',
-        $description: 'Deprecated. Use ansi.whiteBright instead.',
         $extensions: {
           'org.primer.figma': {
             collection: 'mode',
             group: 'syntax',
           },
+          'org.primer.overrides': {
+            dark: '{base.color.neutral.11}',
+          },
         },
       },
       gray: {
-        $value: '{ansi.gray}',
+        $value: '{base.color.neutral.7}',
         $type: 'color',
-        $deprecated: '{ansi.gray}',
-        $description: 'Deprecated. Use ansi.gray instead.',
         $extensions: {
           'org.primer.figma': {
             collection: 'mode',
             group: 'syntax',
           },
+          'org.primer.overrides': {
+            dark: '{base.color.neutral.6}',
+          },
         },
       },
       red: {
-        $value: '{ansi.red}',
+        $value: '{base.color.red.7}',
         $type: 'color',
-        $deprecated: '{ansi.red}',
-        $description: 'Deprecated. Use ansi.red instead.',
         $extensions: {
           'org.primer.figma': {
             collection: 'mode',
             group: 'syntax',
           },
+          'org.primer.overrides': {
+            dark: '{base.color.red.8}',
+            'dark-protanopia-deuteranopia': '{base.color.orange.8}',
+            'dark-protanopia-deuteranopia-high-contrast': '{base.color.orange.8}',
+            'light-protanopia-deuteranopia': '{base.color.orange.7}',
+            'light-protanopia-deuteranopia-high-contrast': '{base.color.orange.7}',
+          },
         },
       },
       'red-bright': {
-        $value: '{ansi.redBright}',
+        $value: '{base.color.red.8}',
         $type: 'color',
-        $deprecated: '{ansi.redBright}',
-        $description: 'Deprecated. Use ansi.redBright instead.',
         $extensions: {
           'org.primer.figma': {
             collection: 'mode',
             group: 'syntax',
           },
+          'org.primer.overrides': {
+            dark: '{base.color.red.9}',
+            'dark-protanopia-deuteranopia': '{base.color.orange.9}',
+            'dark-protanopia-deuteranopia-high-contrast': '{base.color.orange.9}',
+            'light-protanopia-deuteranopia': '{base.color.orange.8}',
+            'light-protanopia-deuteranopia-high-contrast': '{base.color.orange.8}',
+          },
         },
       },
       green: {
-        $value: '{ansi.green}',
+        $value: '{base.color.green.8}',
         $type: 'color',
-        $deprecated: '{ansi.green}',
-        $description: 'Deprecated. Use ansi.green instead.',
         $extensions: {
           'org.primer.figma': {
             collection: 'mode',
             group: 'syntax',
           },
+          'org.primer.overrides': {
+            dark: '{base.color.green.8}',
+            'dark-tritanopia': '{base.color.blue.6}',
+            'dark-tritanopia-high-contrast': '{base.color.blue.6}',
+            'light-tritanopia': '{base.color.blue.8}',
+            'light-tritanopia-high-contrast': '{base.color.blue.8}',
+            'dark-protanopia-deuteranopia': '{base.color.blue.6}',
+            'dark-protanopia-deuteranopia-high-contrast': '{base.color.blue.6}',
+            'light-protanopia-deuteranopia': '{base.color.blue.8}',
+            'light-protanopia-deuteranopia-high-contrast': '{base.color.blue.8}',
+          },
         },
       },
       'green-bright': {
-        $value: '{ansi.greenBright}',
+        $value: '{base.color.green.7}',
         $type: 'color',
-        $deprecated: '{ansi.greenBright}',
-        $description: 'Deprecated. Use ansi.greenBright instead.',
         $extensions: {
           'org.primer.figma': {
             collection: 'mode',
             group: 'syntax',
           },
+          'org.primer.overrides': {
+            dark: '{base.color.green.9}',
+            'dark-tritanopia': '{base.color.blue.7}',
+            'dark-tritanopia-high-contrast': '{base.color.blue.7}',
+            'light-tritanopia': '{base.color.blue.7}',
+            'light-tritanopia-high-contrast': '{base.color.blue.7}',
+            'dark-protanopia-deuteranopia': '{base.color.blue.7}',
+            'dark-protanopia-deuteranopia-high-contrast': '{base.color.blue.7}',
+            'light-protanopia-deuteranopia': '{base.color.blue.7}',
+            'light-protanopia-deuteranopia-high-contrast': '{base.color.blue.7}',
+          },
         },
       },
       yellow: {
-        $value: '{ansi.yellow}',
+        $value: '{base.color.yellow.10}',
         $type: 'color',
-        $deprecated: '{ansi.yellow}',
-        $description: 'Deprecated. Use ansi.yellow instead.',
         $extensions: {
           'org.primer.figma': {
             collection: 'mode',
             group: 'syntax',
           },
+          'org.primer.overrides': {
+            dark: '{base.color.yellow.8}',
+          },
         },
       },
       'yellow-bright': {
-        $value: '{ansi.yellowBright}',
+        $value: '{base.color.yellow.9}',
         $type: 'color',
-        $deprecated: '{ansi.yellowBright}',
-        $description: 'Deprecated. Use ansi.yellowBright instead.',
         $extensions: {
           'org.primer.figma': {
             collection: 'mode',
             group: 'syntax',
           },
+          'org.primer.overrides': {
+            dark: '{base.color.yellow.9}',
+          },
         },
       },
       blue: {
-        $value: '{ansi.blue}',
+        $value: '{base.color.blue.7}',
         $type: 'color',
-        $deprecated: '{ansi.blue}',
-        $description: 'Deprecated. Use ansi.blue instead.',
         $extensions: {
           'org.primer.figma': {
             collection: 'mode',
             group: 'syntax',
           },
+          'org.primer.overrides': {
+            dark: '{base.color.blue.6}',
+          },
         },
       },
       'blue-bright': {
-        $value: '{ansi.blueBright}',
+        $value: '{base.color.blue.6}',
         $type: 'color',
-        $deprecated: '{ansi.blueBright}',
-        $description: 'Deprecated. Use ansi.blueBright instead.',
         $extensions: {
           'org.primer.figma': {
             collection: 'mode',
             group: 'syntax',
           },
+          'org.primer.overrides': {
+            dark: '{base.color.blue.7}',
+          },
         },
       },
       magenta: {
-        $value: '{ansi.magenta}',
+        $value: '{base.color.purple.7}',
         $type: 'color',
-        $deprecated: '{ansi.magenta}',
-        $description: 'Deprecated. Use ansi.magenta instead.',
         $extensions: {
           'org.primer.figma': {
             collection: 'mode',
             group: 'syntax',
           },
+          'org.primer.overrides': {
+            dark: '{base.color.purple.8}',
+          },
         },
       },
       'magenta-bright': {
-        $value: '{ansi.magentaBright}',
+        $value: '{base.color.purple.6}',
         $type: 'color',
-        $deprecated: '{ansi.magentaBright}',
-        $description: 'Deprecated. Use ansi.magentaBright instead.',
         $extensions: {
           'org.primer.figma': {
             collection: 'mode',
             group: 'syntax',
           },
+          'org.primer.overrides': {
+            dark: '{base.color.purple.9}',
+          },
         },
       },
       cyan: {
-        $value: '{ansi.cyan}',
+        $value: {
+          colorSpace: 'hsl',
+          components: [184, 65.8, 31],
+          hex: '#1b7c83',
+        },
         $type: 'color',
-        $deprecated: '{ansi.cyan}',
-        $description: 'Deprecated. Use ansi.cyan instead.',
         $extensions: {
           'org.primer.figma': {
             collection: 'mode',
             group: 'syntax',
           },
+          'org.primer.overrides': {
+            dark: '#39c5cf',
+          },
         },
       },
       'cyan-bright': {
-        $value: '{ansi.cyanBright}',
+        $value: {
+          colorSpace: 'hsl',
+          components: [191.9, 55.3, 42.9],
+          hex: '#3192aa',
+        },
         $type: 'color',
-        $deprecated: '{ansi.cyanBright}',
-        $description: 'Deprecated. Use ansi.cyanBright instead.',
         $extensions: {
           'org.primer.figma': {
             collection: 'mode',
             group: 'syntax',
           },
+          'org.primer.overrides': {
+            dark: '#56d4dd',
+          },
         },
       },
     },
     prettylights: {
+      $description: 'Syntax highlighting colors for code display. Used by GitHub code rendering (prettylights theme).',
+      $extensions: {
+        'org.primer.llm': {
+          usage: ['code-syntax-highlighting', 'code-block', 'inline-code', 'diff-view'],
+          rules: 'Use exclusively for syntax highlighting in code display contexts. Do NOT use for general UI text or backgrounds. Each token maps to a specific syntax element (comment, keyword, string, etc.).',
+        },
+      },
       syntax: {
         comment: {
-          $value: '{prettylights.syntax.comment}',
+          $value: '{base.color.neutral.11}',
           $type: 'color',
-          $deprecated: '{prettylights.syntax.comment}',
-          $description: 'Deprecated. Use prettylights.syntax.comment instead.',
           $extensions: {
             'org.primer.figma': {
               collection: 'mode',
               group: 'syntax',
             },
+            'org.primer.overrides': {
+              dark: '{base.color.neutral.10}',
+            },
           },
         },
         constant: {
-          $value: '{prettylights.syntax.constant}',
+          $value: '{base.color.blue.9}',
           $type: 'color',
-          $deprecated: '{prettylights.syntax.constant}',
-          $description: 'Deprecated. Use prettylights.syntax.constant instead.',
           $extensions: {
             'org.primer.figma': {
               collection: 'mode',
               group: 'syntax',
             },
+            'org.primer.overrides': {
+              dark: '{base.color.blue.10}',
+            },
           },
         },
         'constant-other-reference-link': {
-          $value: '{prettylights.syntax.constantOtherReferenceLink}',
+          $value: '{base.color.blue.10}',
           $type: 'color',
-          $deprecated: '{prettylights.syntax.constantOtherReferenceLink}',
-          $description: 'Deprecated. Use prettylights.syntax.constantOtherReferenceLink instead.',
           $extensions: {
             'org.primer.figma': {
               collection: 'mode',
               group: 'syntax',
             },
+            'org.primer.overrides': {
+              dark: '{base.color.blue.10}',
+            },
           },
         },
         entity: {
-          $value: '{prettylights.syntax.entity}',
+          $value: '{base.color.purple.10}',
           $type: 'color',
-          $deprecated: '{prettylights.syntax.entity}',
-          $description: 'Deprecated. Use prettylights.syntax.entity instead.',
           $extensions: {
             'org.primer.figma': {
               collection: 'mode',
               group: 'syntax',
             },
+            'org.primer.overrides': {
+              dark: '{base.color.purple.10}',
+            },
           },
         },
         storage: {
           modifier: {
             import: {
-              $value: '{prettylights.syntax.storageModifierImport}',
+              $value: '{base.color.neutral.11}',
               $type: 'color',
-              $deprecated: '{prettylights.syntax.storageModifierImport}',
-              $description: 'Deprecated. Use prettylights.syntax.storageModifierImport instead.',
               $extensions: {
                 'org.primer.figma': {
                   collection: 'mode',
                   group: 'syntax',
                 },
+                'org.primer.overrides': {
+                  dark: '{base.color.neutral.10}',
+                },
               },
             },
           },
         },
         'entity-tag': {
-          $value: '{prettylights.syntax.entityTag}',
+          $value: '{base.color.blue.9}',
           $type: 'color',
-          $deprecated: '{prettylights.syntax.entityTag}',
-          $description: 'Deprecated. Use prettylights.syntax.entityTag instead.',
           $extensions: {
             'org.primer.figma': {
               collection: 'mode',
               group: 'syntax',
             },
+            'org.primer.overrides': {
+              dark: '{base.color.green.10}',
+              'dark-tritanopia': '{base.color.blue.10}',
+              'dark-tritanopia-high-contrast': '{base.color.blue.10}',
+              'dark-protanopia-deuteranopia': '{base.color.blue.10}',
+              'dark-protanopia-deuteranopia-high-contrast': '{base.color.blue.10}',
+            },
           },
         },
         keyword: {
-          $value: '{prettylights.syntax.keyword}',
+          $value: '{base.color.red.10}',
           $type: 'color',
-          $deprecated: '{prettylights.syntax.keyword}',
-          $description: 'Deprecated. Use prettylights.syntax.keyword instead.',
           $extensions: {
             'org.primer.figma': {
               collection: 'mode',
               group: 'syntax',
             },
+            'org.primer.overrides': {
+              dark: '{base.color.red.10}',
+              'dark-protanopia-deuteranopia': '{base.color.orange.10}',
+              'dark-protanopia-deuteranopia-high-contrast': '{base.color.orange.10}',
+              'light-protanopia-deuteranopia': '{base.color.orange.10}',
+              'light-protanopia-deuteranopia-high-contrast': '{base.color.orange.10}',
+            },
           },
         },
         string: {
-          $value: '{prettylights.syntax.string}',
+          $value: '{base.color.blue.10}',
           $type: 'color',
-          $deprecated: '{prettylights.syntax.string}',
-          $description: 'Deprecated. Use prettylights.syntax.string instead.',
           $extensions: {
             'org.primer.figma': {
               collection: 'mode',
               group: 'syntax',
             },
+            'org.primer.overrides': {
+              dark: '{base.color.blue.10}',
+            },
           },
         },
         variable: {
-          $value: '{prettylights.syntax.variable}',
+          $value: '{base.color.orange.10}',
           $type: 'color',
-          $deprecated: '{prettylights.syntax.variable}',
-          $description: 'Deprecated. Use prettylights.syntax.variable instead.',
           $extensions: {
             'org.primer.figma': {
               collection: 'mode',
               group: 'syntax',
             },
+            'org.primer.overrides': {
+              dark: '{base.color.orange.9}',
+              'dark-high-contrast': '{base.color.orange.11}',
+              'dark-dimmed-high-contrast': '{base.color.orange.11}',
+              'dark-protanopia-deuteranopia-high-contrast': '{base.color.orange.11}',
+              'dark-tritanopia': '{base.color.red.10}',
+              'dark-tritanopia-high-contrast': '{base.color.red.11}',
+              'light-tritanopia': '{base.color.red.10}',
+              'light-tritanopia-high-contrast': '{base.color.red.10}',
+            },
           },
         },
         brackethighlighter: {
           unmatched: {
-            $value: '{prettylights.syntax.bracketHighlighterUnmatched}',
+            $value: '{base.color.red.9}',
             $type: 'color',
-            $deprecated: '{prettylights.syntax.bracketHighlighterUnmatched}',
-            $description: 'Deprecated. Use prettylights.syntax.bracketHighlighterUnmatched instead.',
             $extensions: {
               'org.primer.figma': {
                 collection: 'mode',
                 group: 'syntax',
               },
+              'org.primer.overrides': {
+                dark: '{base.color.red.7}',
+                'dark-protanopia-deuteranopia': '{base.color.orange.7}',
+                'dark-protanopia-deuteranopia-high-contrast': '{base.color.orange.7}',
+                'light-protanopia-deuteranopia': '{base.color.orange.9}',
+                'light-protanopia-deuteranopia-high-contrast': '{base.color.orange.9}',
+              },
             },
           },
           angle: {
-            $value: '{prettylights.syntax.bracketHighlighterAngle}',
+            $value: '{base.color.neutral.7}',
             $type: 'color',
-            $deprecated: '{prettylights.syntax.bracketHighlighterAngle}',
-            $description: 'Deprecated. Use prettylights.syntax.bracketHighlighterAngle instead.',
             $extensions: {
               'org.primer.figma': {
                 collection: 'mode',
                 group: 'syntax',
               },
+              'org.primer.overrides': {
+                dark: '{base.color.neutral.7}',
+              },
             },
           },
         },
         invalid: {
           illegal: {
             text: {
-              $value: '{prettylights.syntax.invalidIllegal.text}',
+              $value: '{fgColor.danger}',
               $type: 'color',
-              $deprecated: '{prettylights.syntax.invalidIllegal.text}',
-              $description: 'Deprecated. Use prettylights.syntax.invalidIllegal.text instead.',
               $extensions: {
                 'org.primer.figma': {
                   collection: 'mode',
@@ -1328,10 +452,8 @@
               },
             },
             bg: {
-              $value: '{prettylights.syntax.invalidIllegal.bg}',
+              $value: '{bgColor.danger.muted}',
               $type: 'color',
-              $deprecated: '{prettylights.syntax.invalidIllegal.bg}',
-              $description: 'Deprecated. Use prettylights.syntax.invalidIllegal.bg instead.',
               $extensions: {
                 'org.primer.figma': {
                   collection: 'mode',
@@ -1344,193 +466,252 @@
         carriage: {
           return: {
             text: {
-              $value: '{prettylights.syntax.carriageReturn.text}',
+              $value: '{base.color.neutral.1}',
               $type: 'color',
-              $deprecated: '{prettylights.syntax.carriageReturn.text}',
-              $description: 'Deprecated. Use prettylights.syntax.carriageReturn.text instead.',
               $extensions: {
                 'org.primer.figma': {
                   collection: 'mode',
                   group: 'syntax',
                 },
+                'org.primer.overrides': {
+                  dark: '{base.color.neutral.10}',
+                },
               },
             },
             bg: {
-              $value: '{prettylights.syntax.carriageReturn.bg}',
+              $value: '{base.color.red.7}',
               $type: 'color',
-              $deprecated: '{prettylights.syntax.carriageReturn.bg}',
-              $description: 'Deprecated. Use prettylights.syntax.carriageReturn.bg instead.',
               $extensions: {
                 'org.primer.figma': {
                   collection: 'mode',
                   group: 'syntax',
                 },
+                'org.primer.overrides': {
+                  dark: '{base.color.red.5}',
+                  'dark-protanopia-deuteranopia': '{base.color.orange.5}',
+                  'dark-protanopia-deuteranopia-high-contrast': '{base.color.orange.5}',
+                  'light-protanopia-deuteranopia': '{base.color.orange.7}',
+                  'light-protanopia-deuteranopia-high-contrast': '{base.color.orange.7}',
+                },
               },
             },
           },
         },
         'string-regexp': {
-          $value: '{prettylights.syntax.stringRegexp}',
+          $value: '{base.color.green.8}',
           $type: 'color',
-          $deprecated: '{prettylights.syntax.stringRegexp}',
-          $description: 'Deprecated. Use prettylights.syntax.stringRegexp instead.',
           $extensions: {
             'org.primer.figma': {
               collection: 'mode',
               group: 'syntax',
             },
+            'org.primer.overrides': {
+              dark: '{base.color.green.10}',
+              'dark-tritanopia': '{base.color.blue.8}',
+              'dark-tritanopia-high-contrast': '{base.color.blue.8}',
+              'light-tritanopia': '{base.color.blue.8}',
+              'light-tritanopia-high-contrast': '{base.color.blue.8}',
+              'dark-protanopia-deuteranopia': '{base.color.blue.8}',
+              'dark-protanopia-deuteranopia-high-contrast': '{base.color.blue.8}',
+              'light-protanopia-deuteranopia': '{base.color.blue.8}',
+              'light-protanopia-deuteranopia-high-contrast': '{base.color.blue.8}',
+            },
           },
         },
         markup: {
           list: {
-            $value: '{prettylights.syntax.markup.list}',
+            $value: '{base.color.yellow.11}',
             $type: 'color',
-            $deprecated: '{prettylights.syntax.markup.list}',
-            $description: 'Deprecated. Use prettylights.syntax.markup.list instead.',
             $extensions: {
               'org.primer.figma': {
                 collection: 'mode',
                 group: 'syntax',
               },
+              'org.primer.overrides': {
+                dark: '{base.color.yellow.10}',
+              },
             },
           },
           heading: {
-            $value: '{prettylights.syntax.markup.heading}',
+            $value: '{base.color.blue.8}',
             $type: 'color',
-            $deprecated: '{prettylights.syntax.markup.heading}',
-            $description: 'Deprecated. Use prettylights.syntax.markup.heading instead.',
             $extensions: {
               'org.primer.figma': {
                 collection: 'mode',
                 group: 'syntax',
               },
+              'org.primer.overrides': {
+                dark: '{base.color.blue.5}',
+              },
             },
           },
           italic: {
-            $value: '{prettylights.syntax.markup.italic}',
+            $value: '{base.color.neutral.11}',
             $type: 'color',
-            $deprecated: '{prettylights.syntax.markup.italic}',
-            $description: 'Deprecated. Use prettylights.syntax.markup.italic instead.',
             $extensions: {
               'org.primer.figma': {
                 collection: 'mode',
                 group: 'syntax',
               },
+              'org.primer.overrides': {
+                dark: '{base.color.neutral.10}',
+              },
             },
           },
           bold: {
-            $value: '{prettylights.syntax.markup.bold}',
+            $value: '{base.color.neutral.11}',
             $type: 'color',
-            $deprecated: '{prettylights.syntax.markup.bold}',
-            $description: 'Deprecated. Use prettylights.syntax.markup.bold instead.',
             $extensions: {
               'org.primer.figma': {
                 collection: 'mode',
                 group: 'syntax',
               },
+              'org.primer.overrides': {
+                dark: '{base.color.neutral.10}',
+              },
             },
           },
           deleted: {
             text: {
-              $value: '{prettylights.syntax.markup.deleted.text}',
+              $value: '{base.color.red.9}',
               $type: 'color',
-              $deprecated: '{prettylights.syntax.markup.deleted.text}',
-              $description: 'Deprecated. Use prettylights.syntax.markup.deleted.text instead.',
               $extensions: {
                 'org.primer.figma': {
                   collection: 'mode',
                   group: 'syntax',
                 },
+                'org.primer.overrides': {
+                  dark: '{base.color.red.11}',
+                  'dark-protanopia-deuteranopia': '{base.color.orange.11}',
+                  'dark-protanopia-deuteranopia-high-contrast': '{base.color.orange.11}',
+                  'light-protanopia-deuteranopia': '{base.color.orange.9}',
+                  'light-protanopia-deuteranopia-high-contrast': '{base.color.orange.9}',
+                },
               },
             },
             bg: {
-              $value: '{prettylights.syntax.markup.deleted.bg}',
+              $value: '{base.color.red.2}',
               $type: 'color',
-              $deprecated: '{prettylights.syntax.markup.deleted.bg}',
-              $description: 'Deprecated. Use prettylights.syntax.markup.deleted.bg instead.',
               $extensions: {
                 'org.primer.figma': {
                   collection: 'mode',
                   group: 'syntax',
                 },
+                'org.primer.overrides': {
+                  dark: '{base.color.red.3}',
+                  'dark-protanopia-deuteranopia': '{base.color.orange.3}',
+                  'dark-protanopia-deuteranopia-high-contrast': '{base.color.orange.3}',
+                  'light-protanopia-deuteranopia': '{base.color.orange.2}',
+                  'light-protanopia-deuteranopia-high-contrast': '{base.color.orange.2}',
+                },
               },
             },
           },
           inserted: {
             text: {
-              $value: '{prettylights.syntax.markup.inserted.text}',
+              $value: '{base.color.green.8}',
               $type: 'color',
-              $deprecated: '{prettylights.syntax.markup.inserted.text}',
-              $description: 'Deprecated. Use prettylights.syntax.markup.inserted.text instead.',
               $extensions: {
                 'org.primer.figma': {
                   collection: 'mode',
                   group: 'syntax',
                 },
+                'org.primer.overrides': {
+                  dark: '{base.color.green.11}',
+                  'dark-tritanopia': '{base.color.blue.8}',
+                  'dark-tritanopia-high-contrast': '{base.color.blue.8}',
+                  'light-tritanopia': '{base.color.blue.8}',
+                  'light-tritanopia-high-contrast': '{base.color.blue.8}',
+                  'dark-protanopia-deuteranopia': '{base.color.blue.8}',
+                  'dark-protanopia-deuteranopia-high-contrast': '{base.color.blue.8}',
+                  'light-protanopia-deuteranopia': '{base.color.blue.8}',
+                  'light-protanopia-deuteranopia-high-contrast': '{base.color.blue.8}',
+                },
               },
             },
             bg: {
-              $value: '{prettylights.syntax.markup.inserted.bg}',
+              $value: '{base.color.green.2}',
               $type: 'color',
-              $deprecated: '{prettylights.syntax.markup.inserted.bg}',
-              $description: 'Deprecated. Use prettylights.syntax.markup.inserted.bg instead.',
               $extensions: {
                 'org.primer.figma': {
                   collection: 'mode',
                   group: 'syntax',
                 },
+                'org.primer.overrides': {
+                  dark: '{base.color.green.3}',
+                  'dark-tritanopia': '{base.color.blue.2}',
+                  'dark-tritanopia-high-contrast': '{base.color.blue.2}',
+                  'light-tritanopia': '{base.color.blue.2}',
+                  'light-tritanopia-high-contrast': '{base.color.blue.2}',
+                  'dark-protanopia-deuteranopia': '{base.color.blue.2}',
+                  'dark-protanopia-deuteranopia-high-contrast': '{base.color.blue.2}',
+                  'light-protanopia-deuteranopia': '{base.color.blue.2}',
+                  'light-protanopia-deuteranopia-high-contrast': '{base.color.blue.2}',
+                },
               },
             },
           },
           changed: {
             text: {
-              $value: '{prettylights.syntax.markup.changed.text}',
+              $value: '{base.color.orange.8}',
               $type: 'color',
-              $deprecated: '{prettylights.syntax.markup.changed.text}',
-              $description: 'Deprecated. Use prettylights.syntax.markup.changed.text instead.',
               $extensions: {
                 'org.primer.figma': {
                   collection: 'mode',
                   group: 'syntax',
                 },
+                'org.primer.overrides': {
+                  dark: '{base.color.orange.11}',
+                  'dark-tritanopia': '{base.color.red.11}',
+                  'dark-tritanopia-high-contrast': '{base.color.red.11}',
+                  'light-tritanopia': '{base.color.red.8}',
+                  'light-tritanopia-high-contrast': '{base.color.red.8}',
+                },
               },
             },
             bg: {
-              $value: '{prettylights.syntax.markup.changed.bg}',
+              $value: '{base.color.orange.3}',
               $type: 'color',
-              $deprecated: '{prettylights.syntax.markup.changed.bg}',
-              $description: 'Deprecated. Use prettylights.syntax.markup.changed.bg instead.',
               $extensions: {
                 'org.primer.figma': {
                   collection: 'mode',
                   group: 'syntax',
                 },
+                'org.primer.overrides': {
+                  dark: '{base.color.orange.3}',
+                  'dark-tritanopia': '{base.color.red.3}',
+                  'dark-tritanopia-high-contrast': '{base.color.red.3}',
+                  'light-tritanopia': '{base.color.red.3}',
+                  'light-tritanopia-high-contrast': '{base.color.red.3}',
+                },
               },
             },
           },
           ignored: {
             text: {
-              $value: '{prettylights.syntax.markup.ignored.text}',
+              $value: '{base.color.neutral.4}',
               $type: 'color',
-              $deprecated: '{prettylights.syntax.markup.ignored.text}',
-              $description: 'Deprecated. Use prettylights.syntax.markup.ignored.text instead.',
               $extensions: {
                 'org.primer.figma': {
                   collection: 'mode',
                   group: 'syntax',
                 },
+                'org.primer.overrides': {
+                  dark: '{base.color.neutral.10}',
+                },
               },
             },
             bg: {
-              $value: '{prettylights.syntax.markup.ignored.bg}',
+              $value: '{base.color.blue.8}',
               $type: 'color',
-              $deprecated: '{prettylights.syntax.markup.ignored.bg}',
-              $description: 'Deprecated. Use prettylights.syntax.markup.ignored.bg instead.',
               $extensions: {
                 'org.primer.figma': {
                   collection: 'mode',
                   group: 'syntax',
                 },
+                'org.primer.overrides': {
+                  dark: '{base.color.blue.4}',
+                },
               },
             },
           },
@@ -1538,15 +719,16 @@
         meta: {
           diff: {
             range: {
-              $value: '{prettylights.syntax.metaDiffRange}',
+              $value: '{base.color.purple.7}',
               $type: 'color',
-              $deprecated: '{prettylights.syntax.metaDiffRange}',
-              $description: 'Deprecated. Use prettylights.syntax.metaDiffRange instead.',
               $extensions: {
                 'org.primer.figma': {
                   collection: 'mode',
                   group: 'syntax',
                 },
+                'org.primer.overrides': {
+                  dark: '{base.color.purple.9}',
+                },
               },
             },
           },
@@ -1554,15 +736,16 @@
         sublimelinter: {
           gutter: {
             mark: {
-              $value: '{prettylights.syntax.sublimeLinterGutterMark}',
+              $value: '{base.color.neutral.6}',
               $type: 'color',
-              $deprecated: '{prettylights.syntax.sublimeLinterGutterMark}',
-              $description: 'Deprecated. Use prettylights.syntax.sublimeLinterGutterMark instead.',
               $extensions: {
                 'org.primer.figma': {
                   collection: 'mode',
                   group: 'syntax',
                 },
+                'org.primer.overrides': {
+                  dark: '{base.color.neutral.5}',
+                },
               },
             },
           },
diff --git a/src/tokens/functional/shadow/shadow.json5 b/src/tokens/functional/shadow/shadow.json5
index a20e0c198..e0b2335c7 100644
--- a/src/tokens/functional/shadow/shadow.json5
+++ b/src/tokens/functional/shadow/shadow.json5
@@ -2,7 +2,7 @@
   shadow: {
     inset: {
       $value: {
-        color: '{base.color.neutral.13}',
+        color: '{base.color.neutral.3}',
         alpha: 0.04,
         offsetX: {
           value: 0,
@@ -63,7 +63,7 @@
     resting: {
       xsmall: {
         $value: {
-          color: '{base.color.neutral.13}',
+          color: '{base.color.neutral.3}',
           alpha: 0.05,
           offsetX: {
             value: 0,
@@ -124,7 +124,7 @@
       small: {
         $value: [
           {
-            color: '{base.color.neutral.13}',
+            color: '{base.color.neutral.3}',
             alpha: 0.04,
             offsetX: {
               value: 0,
@@ -145,7 +145,7 @@
             inset: false,
           },
           {
-            color: '{base.color.neutral.13}',
+            color: '{base.color.neutral.3}',
             alpha: 0.03,
             offsetX: {
               value: 0,
@@ -230,7 +230,7 @@
       medium: {
         $value: [
           {
-            color: '{base.color.neutral.12}',
+            color: '{base.color.neutral.3}',
             alpha: 0.1,
             offsetX: {
               value: 0,
@@ -250,7 +250,7 @@
             },
           },
           {
-            color: '{base.color.neutral.12}',
+            color: '{base.color.neutral.3}',
             alpha: 0.12,
             offsetX: {
               value: 0,
@@ -354,7 +354,7 @@
             },
           },
           {
-            color: '{base.color.neutral.12}',
+            color: '{base.color.neutral.3}',
             alpha: 0.04,
             offsetX: {
               value: 0,
@@ -374,7 +374,7 @@
             },
           },
           {
-            color: '{base.color.neutral.12}',
+            color: '{base.color.neutral.3}',
             alpha: 0.12,
             offsetX: {
               value: 0,
@@ -496,7 +496,7 @@
             },
           },
           {
-            color: '{base.color.neutral.12}',
+            color: '{base.color.neutral.3}',
             alpha: 0.08,
             offsetX: {
               value: 0,
@@ -516,7 +516,7 @@
             },
           },
           {
-            color: '{base.color.neutral.12}',
+            color: '{base.color.neutral.3}',
             alpha: 0.08,
             offsetX: {
               value: 0,
@@ -536,7 +536,7 @@
             },
           },
           {
-            color: '{base.color.neutral.12}',
+            color: '{base.color.neutral.3}',
             alpha: 0.08,
             offsetX: {
               value: 0,
@@ -556,7 +556,7 @@
             },
           },
           {
-            color: '{base.color.neutral.12}',
+            color: '{base.color.neutral.3}',
             alpha: 0.08,
             offsetX: {
               value: 0,
@@ -711,7 +711,7 @@
                   },
                 },
                 {
-                  color: '{base.color.neutral.12}',
+                  color: '{base.color.neutral.3}',
                   alpha: 0.08,
                   offsetX: {
                     value: 0,
@@ -731,7 +731,7 @@
                   },
                 },
                 {
-                  color: '{base.color.neutral.12}',
+                  color: '{base.color.neutral.3}',
                   alpha: 0.08,
                   offsetX: {
                     value: 0,
@@ -751,7 +751,7 @@
                   },
                 },
                 {
-                  color: '{base.color.neutral.12}',
+                  color: '{base.color.neutral.3}',
                   alpha: 0.08,
                   offsetX: {
                     value: 0,
@@ -771,7 +771,7 @@
                   },
                 },
                 {
-                  color: '{base.color.neutral.12}',
+                  color: '{base.color.neutral.3}',
                   alpha: 0.08,
                   offsetX: {
                     value: 0,
@@ -815,7 +815,7 @@
                   },
                 },
                 {
-                  color: '{base.color.neutral.12}',
+                  color: '{base.color.neutral.3}',
                   alpha: 0.08,
                   offsetX: {
                     value: 0,
@@ -835,7 +835,7 @@
                   },
                 },
                 {
-                  color: '{base.color.neutral.12}',
+                  color: '{base.color.neutral.3}',
                   alpha: 0.08,
                   offsetX: {
                     value: 0,
@@ -855,7 +855,7 @@
                   },
                 },
                 {
-                  color: '{base.color.neutral.12}',
+                  color: '{base.color.neutral.3}',
                   alpha: 0.08,
                   offsetX: {
                     value: 0,
@@ -875,7 +875,7 @@
                   },
                 },
                 {
-                  color: '{base.color.neutral.12}',
+                  color: '{base.color.neutral.3}',
                   alpha: 0.08,
                   offsetX: {
                     value: 0,
@@ -919,7 +919,7 @@
                   },
                 },
                 {
-                  color: '{base.color.neutral.12}',
+                  color: '{base.color.neutral.3}',
                   alpha: 0.08,
                   offsetX: {
                     value: 0,
@@ -939,7 +939,7 @@
                   },
                 },
                 {
-                  color: '{base.color.neutral.12}',
+                  color: '{base.color.neutral.3}',
                   alpha: 0.08,
                   offsetX: {
                     value: 0,
@@ -959,7 +959,7 @@
                   },
                 },
                 {
-                  color: '{base.color.neutral.12}',
+                  color: '{base.color.neutral.3}',
                   alpha: 0.08,
                   offsetX: {
                     value: 0,
@@ -979,7 +979,7 @@
                   },
                 },
                 {
-                  color: '{base.color.neutral.12}',
+                  color: '{base.color.neutral.3}',
                   alpha: 0.08,
                   offsetX: {
                     value: 0,
@@ -1030,7 +1030,7 @@
             },
           },
           {
-            color: '{base.color.neutral.12}',
+            color: '{base.color.neutral.3}',
             alpha: 0.24,
             offsetX: {
               value: 0,
@@ -1125,7 +1125,7 @@
                   },
                 },
                 {
-                  color: '{base.color.neutral.12}',
+                  color: '{base.color.neutral.3}',
                   alpha: 0.24,
                   offsetX: {
                     value: 0,
@@ -1169,7 +1169,7 @@
                   },
                 },
                 {
-                  color: '{base.color.neutral.12}',
+                  color: '{base.color.neutral.3}',
                   alpha: 0.24,
                   offsetX: {
                     value: 0,
@@ -1213,7 +1213,7 @@
                   },
                 },
                 {
-                  color: '{base.color.neutral.12}',
+                  color: '{base.color.neutral.3}',
                   alpha: 0.24,
                   offsetX: {
                     value: 0,
@@ -1264,7 +1264,7 @@
             },
           },
           {
-            color: '{base.color.neutral.12}',
+            color: '{base.color.neutral.3}',
             alpha: 0.32,
             offsetX: {
               value: 0,
@@ -1359,7 +1359,7 @@
                   },
                 },
                 {
-                  color: '{base.color.neutral.12}',
+                  color: '{base.color.neutral.3}',
                   alpha: 0.32,
                   offsetX: {
                     value: 0,
@@ -1403,7 +1403,7 @@
                   },
                 },
                 {
-                  color: '{base.color.neutral.12}',
+                  color: '{base.color.neutral.3}',
                   alpha: 0.32,
                   offsetX: {
                     value: 0,
@@ -1447,7 +1447,7 @@
                   },
                 },
                 {
-                  color: '{base.color.neutral.12}',
+                  color: '{base.color.neutral.3}',
                   alpha: 0.32,
                   offsetX: {
                     value: 0,
diff --git a/src/tokens/removed.json b/src/tokens/removed.json
index 5de990dfb..d82a87a08 100644
--- a/src/tokens/removed.json
+++ b/src/tokens/removed.json
@@ -1,4 +1,255 @@
 {
+  "ansi.black": "color.ansi.black",
+  "ansi.blackBright": "color.ansi.black-bright",
+  "ansi.blue": "color.ansi.blue",
+  "ansi.blueBright": "color.ansi.blue-bright",
+  "ansi.cyan": "color.ansi.cyan",
+  "ansi.cyanBright": "color.ansi.cyan-bright",
+  "ansi.gray": "color.ansi.gray",
+  "ansi.green": "color.ansi.green",
+  "ansi.greenBright": "color.ansi.green-bright",
+  "ansi.magenta": "color.ansi.magenta",
+  "ansi.magentaBright": "color.ansi.magenta-bright",
+  "ansi.red": "color.ansi.red",
+  "ansi.redBright": "color.ansi.red-bright",
+  "ansi.white": "color.ansi.white",
+  "ansi.whiteBright": "color.ansi.white-bright",
+  "ansi.yellow": "color.ansi.yellow",
+  "ansi.yellowBright": "color.ansi.yellow-bright",
+  "prettylights.syntax.bracketHighlighterAngle": "color.prettylights.syntax.brackethighlighter.angle",
+  "prettylights.syntax.bracketHighlighterUnmatched": "color.prettylights.syntax.brackethighlighter.unmatched",
+  "prettylights.syntax.brackethighlighter.angle": "color.prettylights.syntax.brackethighlighter.angle",
+  "prettylights.syntax.brackethighlighter.unmatched": "color.prettylights.syntax.brackethighlighter.unmatched",
+  "prettylights.syntax.carriage.return.bg": "color.prettylights.syntax.carriage.return.bg",
+  "prettylights.syntax.carriage.return.text": "color.prettylights.syntax.carriage.return.text",
+  "prettylights.syntax.carriageReturn.bg": "color.prettylights.syntax.carriage.return.bg",
+  "prettylights.syntax.carriageReturn.text": "color.prettylights.syntax.carriage.return.text",
+  "prettylights.syntax.comment": "color.prettylights.syntax.comment",
+  "prettylights.syntax.constant": "color.prettylights.syntax.constant",
+  "prettylights.syntax.constant-other-reference-link": "color.prettylights.syntax.constant-other-reference-link",
+  "prettylights.syntax.constantOtherReferenceLink": "color.prettylights.syntax.constant-other-reference-link",
+  "prettylights.syntax.entity": "color.prettylights.syntax.entity",
+  "prettylights.syntax.entity-tag": "color.prettylights.syntax.entity-tag",
+  "prettylights.syntax.entityTag": "color.prettylights.syntax.entity-tag",
+  "prettylights.syntax.invalid.illegal.bg": "color.prettylights.syntax.invalid.illegal.bg",
+  "prettylights.syntax.invalid.illegal.text": "color.prettylights.syntax.invalid.illegal.text",
+  "prettylights.syntax.invalidIllegal.bg": "color.prettylights.syntax.invalid.illegal.bg",
+  "prettylights.syntax.invalidIllegal.text": "color.prettylights.syntax.invalid.illegal.text",
+  "prettylights.syntax.keyword": "color.prettylights.syntax.keyword",
+  "prettylights.syntax.markup.bold": "color.prettylights.syntax.markup.bold",
+  "prettylights.syntax.markup.changed.bg": "color.prettylights.syntax.markup.changed.bg",
+  "prettylights.syntax.markup.changed.text": "color.prettylights.syntax.markup.changed.text",
+  "prettylights.syntax.markup.deleted.bg": "color.prettylights.syntax.markup.deleted.bg",
+  "prettylights.syntax.markup.deleted.text": "color.prettylights.syntax.markup.deleted.text",
+  "prettylights.syntax.markup.heading": "color.prettylights.syntax.markup.heading",
+  "prettylights.syntax.markup.ignored.bg": "color.prettylights.syntax.markup.ignored.bg",
+  "prettylights.syntax.markup.ignored.text": "color.prettylights.syntax.markup.ignored.text",
+  "prettylights.syntax.markup.inserted.bg": "color.prettylights.syntax.markup.inserted.bg",
+  "prettylights.syntax.markup.inserted.text": "color.prettylights.syntax.markup.inserted.text",
+  "prettylights.syntax.markup.italic": "color.prettylights.syntax.markup.italic",
+  "prettylights.syntax.markup.list": "color.prettylights.syntax.markup.list",
+  "prettylights.syntax.meta.diff.range": "color.prettylights.syntax.meta.diff.range",
+  "prettylights.syntax.metaDiffRange": "color.prettylights.syntax.meta.diff.range",
+  "prettylights.syntax.storage.modifier.import": "color.prettylights.syntax.storage.modifier.import",
+  "prettylights.syntax.storageModifierImport": "color.prettylights.syntax.storage.modifier.import",
+  "prettylights.syntax.string": "color.prettylights.syntax.string",
+  "prettylights.syntax.string-regexp": "color.prettylights.syntax.string-regexp",
+  "prettylights.syntax.stringRegexp": "color.prettylights.syntax.string-regexp",
+  "prettylights.syntax.sublimeLinterGutterMark": "color.prettylights.syntax.sublimelinter.gutter.mark",
+  "prettylights.syntax.sublimelinter.gutter.mark": "color.prettylights.syntax.sublimelinter.gutter.mark",
+  "prettylights.syntax.variable": "color.prettylights.syntax.variable",
+  "base.display.color.auburn.0": null,
+  "base.display.color.auburn.1": null,
+  "base.display.color.auburn.2": null,
+  "base.display.color.auburn.3": null,
+  "base.display.color.auburn.4": null,
+  "base.display.color.auburn.5": null,
+  "base.display.color.auburn.6": null,
+  "base.display.color.auburn.7": null,
+  "base.display.color.auburn.8": null,
+  "base.display.color.auburn.9": null,
+  "base.display.color.black": null,
+  "base.display.color.blue.0": null,
+  "base.display.color.blue.1": null,
+  "base.display.color.blue.2": null,
+  "base.display.color.blue.3": null,
+  "base.display.color.blue.4": null,
+  "base.display.color.blue.5": null,
+  "base.display.color.blue.6": null,
+  "base.display.color.blue.7": null,
+  "base.display.color.blue.8": null,
+  "base.display.color.blue.9": null,
+  "base.display.color.brown.0": null,
+  "base.display.color.brown.1": null,
+  "base.display.color.brown.2": null,
+  "base.display.color.brown.3": null,
+  "base.display.color.brown.4": null,
+  "base.display.color.brown.5": null,
+  "base.display.color.brown.6": null,
+  "base.display.color.brown.7": null,
+  "base.display.color.brown.8": null,
+  "base.display.color.brown.9": null,
+  "base.display.color.coral.0": null,
+  "base.display.color.coral.1": null,
+  "base.display.color.coral.2": null,
+  "base.display.color.coral.3": null,
+  "base.display.color.coral.4": null,
+  "base.display.color.coral.5": null,
+  "base.display.color.coral.6": null,
+  "base.display.color.coral.7": null,
+  "base.display.color.coral.8": null,
+  "base.display.color.coral.9": null,
+  "base.display.color.cyan.0": null,
+  "base.display.color.cyan.1": null,
+  "base.display.color.cyan.2": null,
+  "base.display.color.cyan.3": null,
+  "base.display.color.cyan.4": null,
+  "base.display.color.cyan.5": null,
+  "base.display.color.cyan.6": null,
+  "base.display.color.cyan.7": null,
+  "base.display.color.cyan.8": null,
+  "base.display.color.cyan.9": null,
+  "base.display.color.gray.0": null,
+  "base.display.color.gray.1": null,
+  "base.display.color.gray.2": null,
+  "base.display.color.gray.3": null,
+  "base.display.color.gray.4": null,
+  "base.display.color.gray.5": null,
+  "base.display.color.gray.6": null,
+  "base.display.color.gray.7": null,
+  "base.display.color.gray.8": null,
+  "base.display.color.gray.9": null,
+  "base.display.color.green.0": null,
+  "base.display.color.green.1": null,
+  "base.display.color.green.2": null,
+  "base.display.color.green.3": null,
+  "base.display.color.green.4": null,
+  "base.display.color.green.5": null,
+  "base.display.color.green.6": null,
+  "base.display.color.green.7": null,
+  "base.display.color.green.8": null,
+  "base.display.color.green.9": null,
+  "base.display.color.indigo.0": null,
+  "base.display.color.indigo.1": null,
+  "base.display.color.indigo.2": null,
+  "base.display.color.indigo.3": null,
+  "base.display.color.indigo.4": null,
+  "base.display.color.indigo.5": null,
+  "base.display.color.indigo.6": null,
+  "base.display.color.indigo.7": null,
+  "base.display.color.indigo.8": null,
+  "base.display.color.indigo.9": null,
+  "base.display.color.lemon.0": null,
+  "base.display.color.lemon.1": null,
+  "base.display.color.lemon.2": null,
+  "base.display.color.lemon.3": null,
+  "base.display.color.lemon.4": null,
+  "base.display.color.lemon.5": null,
+  "base.display.color.lemon.6": null,
+  "base.display.color.lemon.7": null,
+  "base.display.color.lemon.8": null,
+  "base.display.color.lemon.9": null,
+  "base.display.color.lime.0": null,
+  "base.display.color.lime.1": null,
+  "base.display.color.lime.2": null,
+  "base.display.color.lime.3": null,
+  "base.display.color.lime.4": null,
+  "base.display.color.lime.5": null,
+  "base.display.color.lime.6": null,
+  "base.display.color.lime.7": null,
+  "base.display.color.lime.8": null,
+  "base.display.color.lime.9": null,
+  "base.display.color.olive.0": null,
+  "base.display.color.olive.1": null,
+  "base.display.color.olive.2": null,
+  "base.display.color.olive.3": null,
+  "base.display.color.olive.4": null,
+  "base.display.color.olive.5": null,
+  "base.display.color.olive.6": null,
+  "base.display.color.olive.7": null,
+  "base.display.color.olive.8": null,
+  "base.display.color.olive.9": null,
+  "base.display.color.orange.0": null,
+  "base.display.color.orange.1": null,
+  "base.display.color.orange.2": null,
+  "base.display.color.orange.3": null,
+  "base.display.color.orange.4": null,
+  "base.display.color.orange.5": null,
+  "base.display.color.orange.6": null,
+  "base.display.color.orange.7": null,
+  "base.display.color.orange.8": null,
+  "base.display.color.orange.9": null,
+  "base.display.color.pine.0": null,
+  "base.display.color.pine.1": null,
+  "base.display.color.pine.2": null,
+  "base.display.color.pine.3": null,
+  "base.display.color.pine.4": null,
+  "base.display.color.pine.5": null,
+  "base.display.color.pine.6": null,
+  "base.display.color.pine.7": null,
+  "base.display.color.pine.8": null,
+  "base.display.color.pine.9": null,
+  "base.display.color.pink.0": null,
+  "base.display.color.pink.1": null,
+  "base.display.color.pink.2": null,
+  "base.display.color.pink.3": null,
+  "base.display.color.pink.4": null,
+  "base.display.color.pink.5": null,
+  "base.display.color.pink.6": null,
+  "base.display.color.pink.7": null,
+  "base.display.color.pink.8": null,
+  "base.display.color.pink.9": null,
+  "base.display.color.plum.0": null,
+  "base.display.color.plum.1": null,
+  "base.display.color.plum.2": null,
+  "base.display.color.plum.3": null,
+  "base.display.color.plum.4": null,
+  "base.display.color.plum.5": null,
+  "base.display.color.plum.6": null,
+  "base.display.color.plum.7": null,
+  "base.display.color.plum.8": null,
+  "base.display.color.plum.9": null,
+  "base.display.color.purple.0": null,
+  "base.display.color.purple.1": null,
+  "base.display.color.purple.2": null,
+  "base.display.color.purple.3": null,
+  "base.display.color.purple.4": null,
+  "base.display.color.purple.5": null,
+  "base.display.color.purple.6": null,
+  "base.display.color.purple.7": null,
+  "base.display.color.purple.8": null,
+  "base.display.color.purple.9": null,
+  "base.display.color.red.0": null,
+  "base.display.color.red.1": null,
+  "base.display.color.red.2": null,
+  "base.display.color.red.3": null,
+  "base.display.color.red.4": null,
+  "base.display.color.red.5": null,
+  "base.display.color.red.6": null,
+  "base.display.color.red.7": null,
+  "base.display.color.red.8": null,
+  "base.display.color.red.9": null,
+  "base.display.color.teal.0": null,
+  "base.display.color.teal.1": null,
+  "base.display.color.teal.2": null,
+  "base.display.color.teal.3": null,
+  "base.display.color.teal.4": null,
+  "base.display.color.teal.5": null,
+  "base.display.color.teal.6": null,
+  "base.display.color.teal.7": null,
+  "base.display.color.teal.8": null,
+  "base.display.color.teal.9": null,
+  "base.display.color.white": null,
+  "base.display.color.yellow.0": null,
+  "base.display.color.yellow.1": null,
+  "base.display.color.yellow.2": null,
+  "base.display.color.yellow.3": null,
+  "base.display.color.yellow.4": null,
+  "base.display.color.yellow.5": null,
+  "base.display.color.yellow.6": null,
+  "base.display.color.yellow.7": null,
+  "base.display.color.yellow.8": null,
+  "base.display.color.yellow.9": null,
   "auto.black": null,
   "auto.white": null,
   "auto.gray.0": null,