diff --git a/.changeset/rare-buses-search.md b/.changeset/rare-buses-search.md
new file mode 100644
index 000000000..0aecc6b06
--- /dev/null
+++ b/.changeset/rare-buses-search.md
@@ -0,0 +1,5 @@
+---
+'@primer/primitives': major
+---
+
+'Removed data color emphasis colors and replaced with colors 1-4. If you have been using emphasis before, consider replacing it with step 1 for the color. For example data-lime-color-emphasis -> data-lime-color-1'
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-auburn-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-auburn-color-1-linux.png
new file mode 100644
index 000000000..d3711ae66
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-auburn-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-auburn-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-auburn-color-2-linux.png
new file mode 100644
index 000000000..27ad18885
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-auburn-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-auburn-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-auburn-color-3-linux.png
new file mode 100644
index 000000000..12ddabfdc
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-auburn-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-auburn-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-auburn-color-4-linux.png
new file mode 100644
index 000000000..14d155649
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-auburn-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-blue-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-blue-color-1-linux.png
new file mode 100644
index 000000000..da6a1eed2
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-blue-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-blue-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-blue-color-2-linux.png
new file mode 100644
index 000000000..f1ac9b021
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-blue-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-blue-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-blue-color-3-linux.png
new file mode 100644
index 000000000..798cce13e
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-blue-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-blue-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-blue-color-4-linux.png
new file mode 100644
index 000000000..deb614a20
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-blue-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-brown-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-brown-color-1-linux.png
new file mode 100644
index 000000000..412e7dcdc
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-brown-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-brown-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-brown-color-2-linux.png
new file mode 100644
index 000000000..1d86509fd
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-brown-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-brown-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-brown-color-3-linux.png
new file mode 100644
index 000000000..62c49f8a6
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-brown-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-brown-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-brown-color-4-linux.png
new file mode 100644
index 000000000..58e0b6f4e
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-brown-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-coral-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-coral-color-1-linux.png
new file mode 100644
index 000000000..4a6d7aee5
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-coral-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-coral-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-coral-color-2-linux.png
new file mode 100644
index 000000000..3e890dca3
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-coral-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-coral-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-coral-color-3-linux.png
new file mode 100644
index 000000000..692fca81a
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-coral-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-coral-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-coral-color-4-linux.png
new file mode 100644
index 000000000..d344aa9f0
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-coral-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-gray-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-gray-color-1-linux.png
new file mode 100644
index 000000000..1f0d15d54
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-gray-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-gray-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-gray-color-2-linux.png
new file mode 100644
index 000000000..0df6ccf3e
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-gray-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-gray-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-gray-color-3-linux.png
new file mode 100644
index 000000000..223564c6a
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-gray-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-gray-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-gray-color-4-linux.png
new file mode 100644
index 000000000..19eb5ac31
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-gray-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-green-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-green-color-1-linux.png
new file mode 100644
index 000000000..a31c3664c
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-green-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-green-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-green-color-2-linux.png
new file mode 100644
index 000000000..e1bbdd416
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-green-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-green-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-green-color-3-linux.png
new file mode 100644
index 000000000..d6929b80c
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-green-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-green-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-green-color-4-linux.png
new file mode 100644
index 000000000..edde32675
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-green-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-lemon-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-lemon-color-1-linux.png
new file mode 100644
index 000000000..ee8f1bdd8
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-lemon-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-lemon-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-lemon-color-2-linux.png
new file mode 100644
index 000000000..0fbe34760
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-lemon-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-lemon-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-lemon-color-3-linux.png
new file mode 100644
index 000000000..6372b7535
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-lemon-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-lemon-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-lemon-color-4-linux.png
new file mode 100644
index 000000000..b56614d75
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-lemon-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-lime-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-lime-color-1-linux.png
new file mode 100644
index 000000000..f7221ef7b
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-lime-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-lime-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-lime-color-2-linux.png
new file mode 100644
index 000000000..a717427ea
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-lime-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-lime-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-lime-color-3-linux.png
new file mode 100644
index 000000000..26f603375
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-lime-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-lime-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-lime-color-4-linux.png
new file mode 100644
index 000000000..3b62d3979
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-lime-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-olive-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-olive-color-1-linux.png
new file mode 100644
index 000000000..35e388035
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-olive-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-olive-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-olive-color-2-linux.png
new file mode 100644
index 000000000..57570f93a
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-olive-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-olive-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-olive-color-3-linux.png
new file mode 100644
index 000000000..1afb0bbe5
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-olive-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-olive-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-olive-color-4-linux.png
new file mode 100644
index 000000000..c302f048a
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-olive-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-orange-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-orange-color-1-linux.png
new file mode 100644
index 000000000..3a4dcc7ba
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-orange-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-orange-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-orange-color-2-linux.png
new file mode 100644
index 000000000..ad12f7272
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-orange-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-orange-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-orange-color-3-linux.png
new file mode 100644
index 000000000..48c75f29d
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-orange-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-orange-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-orange-color-4-linux.png
new file mode 100644
index 000000000..494193aa5
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-orange-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-pine-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-pine-color-1-linux.png
new file mode 100644
index 000000000..76691d175
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-pine-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-pine-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-pine-color-2-linux.png
new file mode 100644
index 000000000..5550caba7
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-pine-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-pine-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-pine-color-3-linux.png
new file mode 100644
index 000000000..f26638987
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-pine-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-pine-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-pine-color-4-linux.png
new file mode 100644
index 000000000..ee0019b00
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-pine-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-plum-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-plum-color-1-linux.png
new file mode 100644
index 000000000..5a7cb6666
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-plum-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-plum-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-plum-color-2-linux.png
new file mode 100644
index 000000000..111e90d41
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-plum-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-plum-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-plum-color-3-linux.png
new file mode 100644
index 000000000..bc5a58fc3
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-plum-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-plum-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-plum-color-4-linux.png
new file mode 100644
index 000000000..d2a1a9038
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-plum-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-purple-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-purple-color-1-linux.png
new file mode 100644
index 000000000..229f9a963
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-purple-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-purple-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-purple-color-2-linux.png
new file mode 100644
index 000000000..c6eb1d80d
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-purple-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-purple-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-purple-color-3-linux.png
new file mode 100644
index 000000000..a06d7fd5f
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-purple-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-purple-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-purple-color-4-linux.png
new file mode 100644
index 000000000..493a6dfed
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-purple-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-red-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-red-color-1-linux.png
new file mode 100644
index 000000000..5dc253d75
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-red-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-red-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-red-color-2-linux.png
new file mode 100644
index 000000000..caccf4d74
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-red-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-red-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-red-color-3-linux.png
new file mode 100644
index 000000000..e55ee9d36
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-red-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-red-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-red-color-4-linux.png
new file mode 100644
index 000000000..ec1f7ef6a
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-red-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-teal-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-teal-color-1-linux.png
new file mode 100644
index 000000000..779fdb019
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-teal-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-teal-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-teal-color-2-linux.png
new file mode 100644
index 000000000..5bba24487
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-teal-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-teal-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-teal-color-3-linux.png
new file mode 100644
index 000000000..ab06a0b10
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-teal-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-teal-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-teal-color-4-linux.png
new file mode 100644
index 000000000..e6a3fc4d2
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-teal-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-yellow-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-yellow-color-1-linux.png
new file mode 100644
index 000000000..77d48ab83
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-yellow-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-yellow-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-yellow-color-2-linux.png
new file mode 100644
index 000000000..873ace693
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-yellow-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-yellow-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-yellow-color-3-linux.png
new file mode 100644
index 000000000..73458b40c
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-yellow-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-yellow-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-yellow-color-4-linux.png
new file mode 100644
index 000000000..2d56249b8
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-data-yellow-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-auburn-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-auburn-color-1-linux.png
new file mode 100644
index 000000000..d3711ae66
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-auburn-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-auburn-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-auburn-color-2-linux.png
new file mode 100644
index 000000000..27ad18885
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-auburn-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-auburn-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-auburn-color-3-linux.png
new file mode 100644
index 000000000..12ddabfdc
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-auburn-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-auburn-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-auburn-color-4-linux.png
new file mode 100644
index 000000000..14d155649
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-auburn-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-blue-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-blue-color-1-linux.png
new file mode 100644
index 000000000..da6a1eed2
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-blue-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-blue-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-blue-color-2-linux.png
new file mode 100644
index 000000000..f1ac9b021
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-blue-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-blue-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-blue-color-3-linux.png
new file mode 100644
index 000000000..798cce13e
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-blue-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-blue-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-blue-color-4-linux.png
new file mode 100644
index 000000000..deb614a20
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-blue-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-brown-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-brown-color-1-linux.png
new file mode 100644
index 000000000..412e7dcdc
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-brown-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-brown-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-brown-color-2-linux.png
new file mode 100644
index 000000000..1d86509fd
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-brown-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-brown-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-brown-color-3-linux.png
new file mode 100644
index 000000000..62c49f8a6
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-brown-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-brown-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-brown-color-4-linux.png
new file mode 100644
index 000000000..58e0b6f4e
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-brown-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-coral-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-coral-color-1-linux.png
new file mode 100644
index 000000000..4a6d7aee5
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-coral-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-coral-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-coral-color-2-linux.png
new file mode 100644
index 000000000..3e890dca3
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-coral-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-coral-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-coral-color-3-linux.png
new file mode 100644
index 000000000..692fca81a
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-coral-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-coral-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-coral-color-4-linux.png
new file mode 100644
index 000000000..d344aa9f0
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-coral-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-gray-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-gray-color-1-linux.png
new file mode 100644
index 000000000..1f0d15d54
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-gray-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-gray-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-gray-color-2-linux.png
new file mode 100644
index 000000000..0df6ccf3e
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-gray-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-gray-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-gray-color-3-linux.png
new file mode 100644
index 000000000..223564c6a
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-gray-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-gray-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-gray-color-4-linux.png
new file mode 100644
index 000000000..19eb5ac31
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-gray-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-green-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-green-color-1-linux.png
new file mode 100644
index 000000000..a31c3664c
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-green-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-green-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-green-color-2-linux.png
new file mode 100644
index 000000000..e1bbdd416
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-green-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-green-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-green-color-3-linux.png
new file mode 100644
index 000000000..d6929b80c
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-green-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-green-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-green-color-4-linux.png
new file mode 100644
index 000000000..edde32675
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-green-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-lemon-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-lemon-color-1-linux.png
new file mode 100644
index 000000000..ee8f1bdd8
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-lemon-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-lemon-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-lemon-color-2-linux.png
new file mode 100644
index 000000000..0fbe34760
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-lemon-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-lemon-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-lemon-color-3-linux.png
new file mode 100644
index 000000000..6372b7535
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-lemon-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-lemon-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-lemon-color-4-linux.png
new file mode 100644
index 000000000..b56614d75
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-lemon-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-lime-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-lime-color-1-linux.png
new file mode 100644
index 000000000..f7221ef7b
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-lime-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-lime-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-lime-color-2-linux.png
new file mode 100644
index 000000000..a717427ea
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-lime-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-lime-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-lime-color-3-linux.png
new file mode 100644
index 000000000..26f603375
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-lime-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-lime-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-lime-color-4-linux.png
new file mode 100644
index 000000000..3b62d3979
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-lime-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-olive-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-olive-color-1-linux.png
new file mode 100644
index 000000000..35e388035
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-olive-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-olive-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-olive-color-2-linux.png
new file mode 100644
index 000000000..57570f93a
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-olive-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-olive-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-olive-color-3-linux.png
new file mode 100644
index 000000000..1afb0bbe5
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-olive-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-olive-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-olive-color-4-linux.png
new file mode 100644
index 000000000..c302f048a
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-olive-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-orange-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-orange-color-1-linux.png
new file mode 100644
index 000000000..3a4dcc7ba
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-orange-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-orange-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-orange-color-2-linux.png
new file mode 100644
index 000000000..ad12f7272
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-orange-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-orange-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-orange-color-3-linux.png
new file mode 100644
index 000000000..48c75f29d
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-orange-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-orange-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-orange-color-4-linux.png
new file mode 100644
index 000000000..494193aa5
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-orange-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-pine-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-pine-color-1-linux.png
new file mode 100644
index 000000000..76691d175
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-pine-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-pine-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-pine-color-2-linux.png
new file mode 100644
index 000000000..5550caba7
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-pine-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-pine-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-pine-color-3-linux.png
new file mode 100644
index 000000000..f26638987
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-pine-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-pine-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-pine-color-4-linux.png
new file mode 100644
index 000000000..ee0019b00
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-pine-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-plum-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-plum-color-1-linux.png
new file mode 100644
index 000000000..5a7cb6666
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-plum-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-plum-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-plum-color-2-linux.png
new file mode 100644
index 000000000..111e90d41
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-plum-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-plum-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-plum-color-3-linux.png
new file mode 100644
index 000000000..bc5a58fc3
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-plum-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-plum-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-plum-color-4-linux.png
new file mode 100644
index 000000000..d2a1a9038
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-plum-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-purple-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-purple-color-1-linux.png
new file mode 100644
index 000000000..229f9a963
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-purple-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-purple-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-purple-color-2-linux.png
new file mode 100644
index 000000000..c6eb1d80d
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-purple-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-purple-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-purple-color-3-linux.png
new file mode 100644
index 000000000..a06d7fd5f
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-purple-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-purple-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-purple-color-4-linux.png
new file mode 100644
index 000000000..493a6dfed
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-purple-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-red-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-red-color-1-linux.png
new file mode 100644
index 000000000..5dc253d75
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-red-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-red-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-red-color-2-linux.png
new file mode 100644
index 000000000..caccf4d74
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-red-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-red-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-red-color-3-linux.png
new file mode 100644
index 000000000..e55ee9d36
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-red-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-red-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-red-color-4-linux.png
new file mode 100644
index 000000000..ec1f7ef6a
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-red-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-teal-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-teal-color-1-linux.png
new file mode 100644
index 000000000..779fdb019
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-teal-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-teal-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-teal-color-2-linux.png
new file mode 100644
index 000000000..5bba24487
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-teal-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-teal-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-teal-color-3-linux.png
new file mode 100644
index 000000000..ab06a0b10
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-teal-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-teal-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-teal-color-4-linux.png
new file mode 100644
index 000000000..e6a3fc4d2
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-teal-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-yellow-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-yellow-color-1-linux.png
new file mode 100644
index 000000000..77d48ab83
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-yellow-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-yellow-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-yellow-color-2-linux.png
new file mode 100644
index 000000000..873ace693
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-yellow-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-yellow-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-yellow-color-3-linux.png
new file mode 100644
index 000000000..73458b40c
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-yellow-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-yellow-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-yellow-color-4-linux.png
new file mode 100644
index 000000000..2d56249b8
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-data-yellow-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-auburn-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-auburn-color-1-linux.png
new file mode 100644
index 000000000..1d133b1be
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-auburn-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-auburn-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-auburn-color-2-linux.png
new file mode 100644
index 000000000..7b28bf0d1
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-auburn-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-auburn-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-auburn-color-3-linux.png
new file mode 100644
index 000000000..109b82729
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-auburn-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-auburn-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-auburn-color-4-linux.png
new file mode 100644
index 000000000..68af0af35
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-auburn-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-blue-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-blue-color-1-linux.png
new file mode 100644
index 000000000..90d750261
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-blue-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-blue-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-blue-color-2-linux.png
new file mode 100644
index 000000000..9dee922f3
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-blue-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-blue-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-blue-color-3-linux.png
new file mode 100644
index 000000000..ef831466d
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-blue-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-blue-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-blue-color-4-linux.png
new file mode 100644
index 000000000..070982525
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-blue-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-brown-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-brown-color-1-linux.png
new file mode 100644
index 000000000..8b5c47092
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-brown-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-brown-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-brown-color-2-linux.png
new file mode 100644
index 000000000..191220ad1
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-brown-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-brown-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-brown-color-3-linux.png
new file mode 100644
index 000000000..359359836
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-brown-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-brown-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-brown-color-4-linux.png
new file mode 100644
index 000000000..c1c7513cb
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-brown-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-coral-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-coral-color-1-linux.png
new file mode 100644
index 000000000..637ce1c21
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-coral-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-coral-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-coral-color-2-linux.png
new file mode 100644
index 000000000..aec1932a3
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-coral-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-coral-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-coral-color-3-linux.png
new file mode 100644
index 000000000..bee18522c
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-coral-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-coral-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-coral-color-4-linux.png
new file mode 100644
index 000000000..471a5d8cf
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-coral-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-gray-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-gray-color-1-linux.png
new file mode 100644
index 000000000..78fd0b1a3
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-gray-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-gray-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-gray-color-2-linux.png
new file mode 100644
index 000000000..1e5b6b387
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-gray-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-gray-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-gray-color-3-linux.png
new file mode 100644
index 000000000..66c4c5ead
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-gray-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-gray-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-gray-color-4-linux.png
new file mode 100644
index 000000000..e35bb6904
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-gray-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-green-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-green-color-1-linux.png
new file mode 100644
index 000000000..958196096
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-green-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-green-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-green-color-2-linux.png
new file mode 100644
index 000000000..4dddb99cf
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-green-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-green-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-green-color-3-linux.png
new file mode 100644
index 000000000..6296e6325
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-green-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-green-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-green-color-4-linux.png
new file mode 100644
index 000000000..2e2fd1d37
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-green-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-lemon-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-lemon-color-1-linux.png
new file mode 100644
index 000000000..8e101ba1c
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-lemon-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-lemon-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-lemon-color-2-linux.png
new file mode 100644
index 000000000..768325d33
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-lemon-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-lemon-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-lemon-color-3-linux.png
new file mode 100644
index 000000000..94281c367
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-lemon-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-lemon-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-lemon-color-4-linux.png
new file mode 100644
index 000000000..805fd6702
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-lemon-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-lime-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-lime-color-1-linux.png
new file mode 100644
index 000000000..6b2456238
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-lime-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-lime-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-lime-color-2-linux.png
new file mode 100644
index 000000000..3e32ae712
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-lime-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-lime-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-lime-color-3-linux.png
new file mode 100644
index 000000000..225568731
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-lime-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-lime-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-lime-color-4-linux.png
new file mode 100644
index 000000000..cd9dbd656
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-lime-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-olive-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-olive-color-1-linux.png
new file mode 100644
index 000000000..d7fb635cd
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-olive-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-olive-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-olive-color-2-linux.png
new file mode 100644
index 000000000..96e8d1cd2
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-olive-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-olive-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-olive-color-3-linux.png
new file mode 100644
index 000000000..a0f6a13ad
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-olive-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-olive-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-olive-color-4-linux.png
new file mode 100644
index 000000000..64adbebe4
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-olive-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-orange-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-orange-color-1-linux.png
new file mode 100644
index 000000000..5a38bb850
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-orange-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-orange-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-orange-color-2-linux.png
new file mode 100644
index 000000000..382ec793e
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-orange-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-orange-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-orange-color-3-linux.png
new file mode 100644
index 000000000..e039bd5f0
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-orange-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-orange-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-orange-color-4-linux.png
new file mode 100644
index 000000000..414428ac3
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-orange-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-pine-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-pine-color-1-linux.png
new file mode 100644
index 000000000..4cee6a9e6
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-pine-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-pine-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-pine-color-2-linux.png
new file mode 100644
index 000000000..18de17c58
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-pine-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-pine-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-pine-color-3-linux.png
new file mode 100644
index 000000000..0bed76196
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-pine-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-pine-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-pine-color-4-linux.png
new file mode 100644
index 000000000..af13f2a55
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-pine-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-plum-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-plum-color-1-linux.png
new file mode 100644
index 000000000..359cafe7c
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-plum-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-plum-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-plum-color-2-linux.png
new file mode 100644
index 000000000..cd9673564
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-plum-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-plum-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-plum-color-3-linux.png
new file mode 100644
index 000000000..6f73ebc1d
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-plum-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-plum-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-plum-color-4-linux.png
new file mode 100644
index 000000000..6b2cadbbd
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-plum-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-purple-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-purple-color-1-linux.png
new file mode 100644
index 000000000..5e4629c00
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-purple-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-purple-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-purple-color-2-linux.png
new file mode 100644
index 000000000..c93f7cfd0
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-purple-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-purple-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-purple-color-3-linux.png
new file mode 100644
index 000000000..f3b813fed
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-purple-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-purple-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-purple-color-4-linux.png
new file mode 100644
index 000000000..265436748
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-purple-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-red-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-red-color-1-linux.png
new file mode 100644
index 000000000..cf75ef8e4
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-red-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-red-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-red-color-2-linux.png
new file mode 100644
index 000000000..dd8dfa8d8
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-red-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-red-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-red-color-3-linux.png
new file mode 100644
index 000000000..96993de3b
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-red-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-red-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-red-color-4-linux.png
new file mode 100644
index 000000000..e27219290
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-red-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-teal-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-teal-color-1-linux.png
new file mode 100644
index 000000000..1f6f2b963
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-teal-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-teal-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-teal-color-2-linux.png
new file mode 100644
index 000000000..28e6a6444
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-teal-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-teal-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-teal-color-3-linux.png
new file mode 100644
index 000000000..d114aba8c
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-teal-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-teal-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-teal-color-4-linux.png
new file mode 100644
index 000000000..77e22f74a
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-teal-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-yellow-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-yellow-color-1-linux.png
new file mode 100644
index 000000000..926dd5e97
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-yellow-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-yellow-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-yellow-color-2-linux.png
new file mode 100644
index 000000000..9a7f23d09
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-yellow-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-yellow-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-yellow-color-3-linux.png
new file mode 100644
index 000000000..88cb31c95
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-yellow-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-yellow-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-yellow-color-4-linux.png
new file mode 100644
index 000000000..57f311f95
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-high-contrast-data-yellow-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-auburn-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-auburn-color-1-linux.png
new file mode 100644
index 000000000..d3711ae66
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-auburn-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-auburn-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-auburn-color-2-linux.png
new file mode 100644
index 000000000..27ad18885
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-auburn-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-auburn-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-auburn-color-3-linux.png
new file mode 100644
index 000000000..12ddabfdc
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-auburn-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-auburn-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-auburn-color-4-linux.png
new file mode 100644
index 000000000..14d155649
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-auburn-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-blue-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-blue-color-1-linux.png
new file mode 100644
index 000000000..da6a1eed2
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-blue-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-blue-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-blue-color-2-linux.png
new file mode 100644
index 000000000..f1ac9b021
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-blue-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-blue-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-blue-color-3-linux.png
new file mode 100644
index 000000000..798cce13e
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-blue-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-blue-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-blue-color-4-linux.png
new file mode 100644
index 000000000..deb614a20
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-blue-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-brown-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-brown-color-1-linux.png
new file mode 100644
index 000000000..412e7dcdc
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-brown-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-brown-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-brown-color-2-linux.png
new file mode 100644
index 000000000..1d86509fd
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-brown-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-brown-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-brown-color-3-linux.png
new file mode 100644
index 000000000..62c49f8a6
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-brown-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-brown-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-brown-color-4-linux.png
new file mode 100644
index 000000000..58e0b6f4e
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-brown-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-coral-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-coral-color-1-linux.png
new file mode 100644
index 000000000..4a6d7aee5
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-coral-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-coral-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-coral-color-2-linux.png
new file mode 100644
index 000000000..3e890dca3
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-coral-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-coral-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-coral-color-3-linux.png
new file mode 100644
index 000000000..692fca81a
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-coral-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-coral-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-coral-color-4-linux.png
new file mode 100644
index 000000000..d344aa9f0
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-coral-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-gray-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-gray-color-1-linux.png
new file mode 100644
index 000000000..1f0d15d54
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-gray-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-gray-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-gray-color-2-linux.png
new file mode 100644
index 000000000..0df6ccf3e
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-gray-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-gray-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-gray-color-3-linux.png
new file mode 100644
index 000000000..223564c6a
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-gray-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-gray-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-gray-color-4-linux.png
new file mode 100644
index 000000000..19eb5ac31
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-gray-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-green-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-green-color-1-linux.png
new file mode 100644
index 000000000..a31c3664c
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-green-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-green-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-green-color-2-linux.png
new file mode 100644
index 000000000..e1bbdd416
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-green-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-green-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-green-color-3-linux.png
new file mode 100644
index 000000000..d6929b80c
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-green-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-green-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-green-color-4-linux.png
new file mode 100644
index 000000000..edde32675
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-green-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-lemon-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-lemon-color-1-linux.png
new file mode 100644
index 000000000..ee8f1bdd8
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-lemon-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-lemon-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-lemon-color-2-linux.png
new file mode 100644
index 000000000..0fbe34760
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-lemon-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-lemon-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-lemon-color-3-linux.png
new file mode 100644
index 000000000..6372b7535
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-lemon-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-lemon-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-lemon-color-4-linux.png
new file mode 100644
index 000000000..b56614d75
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-lemon-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-lime-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-lime-color-1-linux.png
new file mode 100644
index 000000000..f7221ef7b
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-lime-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-lime-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-lime-color-2-linux.png
new file mode 100644
index 000000000..a717427ea
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-lime-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-lime-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-lime-color-3-linux.png
new file mode 100644
index 000000000..26f603375
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-lime-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-lime-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-lime-color-4-linux.png
new file mode 100644
index 000000000..3b62d3979
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-lime-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-olive-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-olive-color-1-linux.png
new file mode 100644
index 000000000..35e388035
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-olive-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-olive-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-olive-color-2-linux.png
new file mode 100644
index 000000000..57570f93a
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-olive-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-olive-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-olive-color-3-linux.png
new file mode 100644
index 000000000..1afb0bbe5
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-olive-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-olive-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-olive-color-4-linux.png
new file mode 100644
index 000000000..c302f048a
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-olive-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-orange-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-orange-color-1-linux.png
new file mode 100644
index 000000000..3a4dcc7ba
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-orange-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-orange-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-orange-color-2-linux.png
new file mode 100644
index 000000000..ad12f7272
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-orange-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-orange-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-orange-color-3-linux.png
new file mode 100644
index 000000000..48c75f29d
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-orange-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-orange-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-orange-color-4-linux.png
new file mode 100644
index 000000000..494193aa5
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-orange-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-pine-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-pine-color-1-linux.png
new file mode 100644
index 000000000..76691d175
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-pine-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-pine-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-pine-color-2-linux.png
new file mode 100644
index 000000000..5550caba7
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-pine-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-pine-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-pine-color-3-linux.png
new file mode 100644
index 000000000..f26638987
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-pine-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-pine-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-pine-color-4-linux.png
new file mode 100644
index 000000000..ee0019b00
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-pine-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-plum-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-plum-color-1-linux.png
new file mode 100644
index 000000000..5a7cb6666
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-plum-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-plum-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-plum-color-2-linux.png
new file mode 100644
index 000000000..111e90d41
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-plum-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-plum-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-plum-color-3-linux.png
new file mode 100644
index 000000000..bc5a58fc3
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-plum-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-plum-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-plum-color-4-linux.png
new file mode 100644
index 000000000..d2a1a9038
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-plum-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-purple-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-purple-color-1-linux.png
new file mode 100644
index 000000000..229f9a963
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-purple-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-purple-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-purple-color-2-linux.png
new file mode 100644
index 000000000..c6eb1d80d
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-purple-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-purple-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-purple-color-3-linux.png
new file mode 100644
index 000000000..a06d7fd5f
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-purple-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-purple-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-purple-color-4-linux.png
new file mode 100644
index 000000000..493a6dfed
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-purple-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-red-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-red-color-1-linux.png
new file mode 100644
index 000000000..5dc253d75
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-red-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-red-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-red-color-2-linux.png
new file mode 100644
index 000000000..caccf4d74
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-red-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-red-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-red-color-3-linux.png
new file mode 100644
index 000000000..e55ee9d36
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-red-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-red-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-red-color-4-linux.png
new file mode 100644
index 000000000..ec1f7ef6a
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-red-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-teal-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-teal-color-1-linux.png
new file mode 100644
index 000000000..779fdb019
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-teal-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-teal-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-teal-color-2-linux.png
new file mode 100644
index 000000000..5bba24487
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-teal-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-teal-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-teal-color-3-linux.png
new file mode 100644
index 000000000..ab06a0b10
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-teal-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-teal-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-teal-color-4-linux.png
new file mode 100644
index 000000000..e6a3fc4d2
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-teal-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-yellow-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-yellow-color-1-linux.png
new file mode 100644
index 000000000..77d48ab83
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-yellow-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-yellow-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-yellow-color-2-linux.png
new file mode 100644
index 000000000..873ace693
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-yellow-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-yellow-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-yellow-color-3-linux.png
new file mode 100644
index 000000000..73458b40c
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-yellow-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-yellow-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-yellow-color-4-linux.png
new file mode 100644
index 000000000..2d56249b8
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-tritanopia-data-yellow-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-auburn-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-auburn-color-1-linux.png
new file mode 100644
index 000000000..5fb956963
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-auburn-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-auburn-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-auburn-color-2-linux.png
new file mode 100644
index 000000000..343e2ff7d
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-auburn-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-auburn-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-auburn-color-3-linux.png
new file mode 100644
index 000000000..fe4f4b1d2
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-auburn-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-auburn-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-auburn-color-4-linux.png
new file mode 100644
index 000000000..a31b1a6c7
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-auburn-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-blue-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-blue-color-1-linux.png
new file mode 100644
index 000000000..1067cda58
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-blue-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-blue-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-blue-color-2-linux.png
new file mode 100644
index 000000000..f696194dc
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-blue-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-blue-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-blue-color-3-linux.png
new file mode 100644
index 000000000..e6346ee65
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-blue-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-blue-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-blue-color-4-linux.png
new file mode 100644
index 000000000..ad6a9cc0e
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-blue-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-brown-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-brown-color-1-linux.png
new file mode 100644
index 000000000..cf7ffc6ba
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-brown-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-brown-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-brown-color-2-linux.png
new file mode 100644
index 000000000..6a3de97b3
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-brown-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-brown-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-brown-color-3-linux.png
new file mode 100644
index 000000000..f978a9259
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-brown-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-brown-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-brown-color-4-linux.png
new file mode 100644
index 000000000..640bc92de
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-brown-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-coral-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-coral-color-1-linux.png
new file mode 100644
index 000000000..e95ab7d3c
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-coral-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-coral-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-coral-color-2-linux.png
new file mode 100644
index 000000000..a34656240
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-coral-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-coral-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-coral-color-3-linux.png
new file mode 100644
index 000000000..4fcfda6da
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-coral-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-coral-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-coral-color-4-linux.png
new file mode 100644
index 000000000..e8d24e9e2
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-coral-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-gray-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-gray-color-1-linux.png
new file mode 100644
index 000000000..29e429e2a
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-gray-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-gray-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-gray-color-2-linux.png
new file mode 100644
index 000000000..b28044ce6
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-gray-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-gray-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-gray-color-3-linux.png
new file mode 100644
index 000000000..4fa6ce3e1
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-gray-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-gray-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-gray-color-4-linux.png
new file mode 100644
index 000000000..81756e61b
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-gray-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-green-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-green-color-1-linux.png
new file mode 100644
index 000000000..f7d003e6b
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-green-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-green-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-green-color-2-linux.png
new file mode 100644
index 000000000..d9d1f0b68
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-green-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-green-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-green-color-3-linux.png
new file mode 100644
index 000000000..285e50182
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-green-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-green-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-green-color-4-linux.png
new file mode 100644
index 000000000..d7c983279
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-green-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-lemon-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-lemon-color-1-linux.png
new file mode 100644
index 000000000..0ab2ed990
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-lemon-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-lemon-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-lemon-color-2-linux.png
new file mode 100644
index 000000000..290334022
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-lemon-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-lemon-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-lemon-color-3-linux.png
new file mode 100644
index 000000000..89c180bcc
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-lemon-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-lemon-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-lemon-color-4-linux.png
new file mode 100644
index 000000000..f365b7b19
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-lemon-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-lime-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-lime-color-1-linux.png
new file mode 100644
index 000000000..1a57cd412
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-lime-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-lime-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-lime-color-2-linux.png
new file mode 100644
index 000000000..95ddb7047
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-lime-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-lime-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-lime-color-3-linux.png
new file mode 100644
index 000000000..30c25fde2
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-lime-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-lime-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-lime-color-4-linux.png
new file mode 100644
index 000000000..12cc55760
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-lime-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-olive-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-olive-color-1-linux.png
new file mode 100644
index 000000000..d6ef5c80e
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-olive-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-olive-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-olive-color-2-linux.png
new file mode 100644
index 000000000..83a088f12
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-olive-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-olive-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-olive-color-3-linux.png
new file mode 100644
index 000000000..2b970fc6f
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-olive-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-olive-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-olive-color-4-linux.png
new file mode 100644
index 000000000..c217e1a72
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-olive-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-orange-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-orange-color-1-linux.png
new file mode 100644
index 000000000..225f6d132
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-orange-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-orange-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-orange-color-2-linux.png
new file mode 100644
index 000000000..0a10dd2c0
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-orange-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-orange-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-orange-color-3-linux.png
new file mode 100644
index 000000000..de1bc0e9b
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-orange-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-orange-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-orange-color-4-linux.png
new file mode 100644
index 000000000..c9f1ed7a1
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-orange-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-pine-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-pine-color-1-linux.png
new file mode 100644
index 000000000..d5a893b3a
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-pine-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-pine-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-pine-color-2-linux.png
new file mode 100644
index 000000000..1d78b6c40
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-pine-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-pine-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-pine-color-3-linux.png
new file mode 100644
index 000000000..b175e1d33
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-pine-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-pine-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-pine-color-4-linux.png
new file mode 100644
index 000000000..dfc3248e0
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-pine-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-plum-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-plum-color-1-linux.png
new file mode 100644
index 000000000..ff20d985b
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-plum-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-plum-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-plum-color-2-linux.png
new file mode 100644
index 000000000..6fde273c3
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-plum-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-plum-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-plum-color-3-linux.png
new file mode 100644
index 000000000..d7b073edb
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-plum-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-plum-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-plum-color-4-linux.png
new file mode 100644
index 000000000..4fbe9a162
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-plum-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-purple-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-purple-color-1-linux.png
new file mode 100644
index 000000000..e99f064e6
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-purple-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-purple-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-purple-color-2-linux.png
new file mode 100644
index 000000000..34d8d1be7
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-purple-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-purple-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-purple-color-3-linux.png
new file mode 100644
index 000000000..d4cc0ab44
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-purple-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-purple-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-purple-color-4-linux.png
new file mode 100644
index 000000000..5ab93505b
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-purple-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-red-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-red-color-1-linux.png
new file mode 100644
index 000000000..a65ddb0fa
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-red-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-red-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-red-color-2-linux.png
new file mode 100644
index 000000000..2b683bccf
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-red-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-red-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-red-color-3-linux.png
new file mode 100644
index 000000000..cdb7ca28b
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-red-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-red-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-red-color-4-linux.png
new file mode 100644
index 000000000..73a4e0904
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-red-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-teal-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-teal-color-1-linux.png
new file mode 100644
index 000000000..8b3ebee5d
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-teal-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-teal-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-teal-color-2-linux.png
new file mode 100644
index 000000000..1ece5fc46
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-teal-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-teal-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-teal-color-3-linux.png
new file mode 100644
index 000000000..23631bc61
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-teal-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-teal-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-teal-color-4-linux.png
new file mode 100644
index 000000000..942d12cb6
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-teal-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-yellow-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-yellow-color-1-linux.png
new file mode 100644
index 000000000..a2f910c4a
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-yellow-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-yellow-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-yellow-color-2-linux.png
new file mode 100644
index 000000000..3bee3dbaf
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-yellow-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-yellow-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-yellow-color-3-linux.png
new file mode 100644
index 000000000..b7e3420d2
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-yellow-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-yellow-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-yellow-color-4-linux.png
new file mode 100644
index 000000000..509568e13
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-colorblind-data-yellow-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-auburn-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-auburn-color-1-linux.png
new file mode 100644
index 000000000..5fb956963
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-auburn-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-auburn-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-auburn-color-2-linux.png
new file mode 100644
index 000000000..343e2ff7d
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-auburn-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-auburn-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-auburn-color-3-linux.png
new file mode 100644
index 000000000..fe4f4b1d2
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-auburn-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-auburn-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-auburn-color-4-linux.png
new file mode 100644
index 000000000..a31b1a6c7
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-auburn-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-blue-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-blue-color-1-linux.png
new file mode 100644
index 000000000..1067cda58
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-blue-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-blue-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-blue-color-2-linux.png
new file mode 100644
index 000000000..f696194dc
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-blue-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-blue-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-blue-color-3-linux.png
new file mode 100644
index 000000000..e6346ee65
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-blue-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-blue-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-blue-color-4-linux.png
new file mode 100644
index 000000000..ad6a9cc0e
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-blue-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-brown-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-brown-color-1-linux.png
new file mode 100644
index 000000000..cf7ffc6ba
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-brown-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-brown-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-brown-color-2-linux.png
new file mode 100644
index 000000000..6a3de97b3
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-brown-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-brown-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-brown-color-3-linux.png
new file mode 100644
index 000000000..f978a9259
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-brown-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-brown-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-brown-color-4-linux.png
new file mode 100644
index 000000000..640bc92de
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-brown-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-coral-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-coral-color-1-linux.png
new file mode 100644
index 000000000..e95ab7d3c
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-coral-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-coral-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-coral-color-2-linux.png
new file mode 100644
index 000000000..a34656240
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-coral-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-coral-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-coral-color-3-linux.png
new file mode 100644
index 000000000..4fcfda6da
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-coral-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-coral-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-coral-color-4-linux.png
new file mode 100644
index 000000000..e8d24e9e2
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-coral-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-gray-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-gray-color-1-linux.png
new file mode 100644
index 000000000..29e429e2a
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-gray-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-gray-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-gray-color-2-linux.png
new file mode 100644
index 000000000..b28044ce6
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-gray-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-gray-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-gray-color-3-linux.png
new file mode 100644
index 000000000..4fa6ce3e1
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-gray-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-gray-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-gray-color-4-linux.png
new file mode 100644
index 000000000..81756e61b
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-gray-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-green-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-green-color-1-linux.png
new file mode 100644
index 000000000..f7d003e6b
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-green-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-green-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-green-color-2-linux.png
new file mode 100644
index 000000000..d9d1f0b68
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-green-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-green-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-green-color-3-linux.png
new file mode 100644
index 000000000..285e50182
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-green-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-green-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-green-color-4-linux.png
new file mode 100644
index 000000000..d7c983279
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-green-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-lemon-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-lemon-color-1-linux.png
new file mode 100644
index 000000000..0ab2ed990
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-lemon-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-lemon-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-lemon-color-2-linux.png
new file mode 100644
index 000000000..290334022
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-lemon-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-lemon-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-lemon-color-3-linux.png
new file mode 100644
index 000000000..89c180bcc
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-lemon-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-lemon-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-lemon-color-4-linux.png
new file mode 100644
index 000000000..f365b7b19
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-lemon-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-lime-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-lime-color-1-linux.png
new file mode 100644
index 000000000..1a57cd412
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-lime-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-lime-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-lime-color-2-linux.png
new file mode 100644
index 000000000..95ddb7047
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-lime-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-lime-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-lime-color-3-linux.png
new file mode 100644
index 000000000..30c25fde2
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-lime-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-lime-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-lime-color-4-linux.png
new file mode 100644
index 000000000..12cc55760
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-lime-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-olive-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-olive-color-1-linux.png
new file mode 100644
index 000000000..d6ef5c80e
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-olive-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-olive-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-olive-color-2-linux.png
new file mode 100644
index 000000000..83a088f12
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-olive-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-olive-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-olive-color-3-linux.png
new file mode 100644
index 000000000..2b970fc6f
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-olive-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-olive-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-olive-color-4-linux.png
new file mode 100644
index 000000000..c217e1a72
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-olive-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-orange-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-orange-color-1-linux.png
new file mode 100644
index 000000000..225f6d132
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-orange-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-orange-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-orange-color-2-linux.png
new file mode 100644
index 000000000..0a10dd2c0
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-orange-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-orange-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-orange-color-3-linux.png
new file mode 100644
index 000000000..de1bc0e9b
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-orange-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-orange-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-orange-color-4-linux.png
new file mode 100644
index 000000000..c9f1ed7a1
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-orange-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-pine-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-pine-color-1-linux.png
new file mode 100644
index 000000000..d5a893b3a
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-pine-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-pine-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-pine-color-2-linux.png
new file mode 100644
index 000000000..1d78b6c40
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-pine-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-pine-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-pine-color-3-linux.png
new file mode 100644
index 000000000..b175e1d33
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-pine-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-pine-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-pine-color-4-linux.png
new file mode 100644
index 000000000..dfc3248e0
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-pine-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-plum-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-plum-color-1-linux.png
new file mode 100644
index 000000000..ff20d985b
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-plum-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-plum-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-plum-color-2-linux.png
new file mode 100644
index 000000000..6fde273c3
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-plum-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-plum-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-plum-color-3-linux.png
new file mode 100644
index 000000000..d7b073edb
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-plum-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-plum-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-plum-color-4-linux.png
new file mode 100644
index 000000000..4fbe9a162
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-plum-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-purple-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-purple-color-1-linux.png
new file mode 100644
index 000000000..e99f064e6
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-purple-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-purple-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-purple-color-2-linux.png
new file mode 100644
index 000000000..34d8d1be7
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-purple-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-purple-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-purple-color-3-linux.png
new file mode 100644
index 000000000..d4cc0ab44
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-purple-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-purple-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-purple-color-4-linux.png
new file mode 100644
index 000000000..5ab93505b
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-purple-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-red-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-red-color-1-linux.png
new file mode 100644
index 000000000..a65ddb0fa
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-red-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-red-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-red-color-2-linux.png
new file mode 100644
index 000000000..2b683bccf
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-red-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-red-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-red-color-3-linux.png
new file mode 100644
index 000000000..cdb7ca28b
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-red-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-red-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-red-color-4-linux.png
new file mode 100644
index 000000000..73a4e0904
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-red-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-teal-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-teal-color-1-linux.png
new file mode 100644
index 000000000..8b3ebee5d
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-teal-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-teal-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-teal-color-2-linux.png
new file mode 100644
index 000000000..1ece5fc46
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-teal-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-teal-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-teal-color-3-linux.png
new file mode 100644
index 000000000..23631bc61
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-teal-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-teal-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-teal-color-4-linux.png
new file mode 100644
index 000000000..942d12cb6
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-teal-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-yellow-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-yellow-color-1-linux.png
new file mode 100644
index 000000000..a2f910c4a
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-yellow-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-yellow-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-yellow-color-2-linux.png
new file mode 100644
index 000000000..3bee3dbaf
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-yellow-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-yellow-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-yellow-color-3-linux.png
new file mode 100644
index 000000000..b7e3420d2
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-yellow-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-yellow-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-yellow-color-4-linux.png
new file mode 100644
index 000000000..509568e13
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-data-yellow-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-auburn-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-auburn-color-1-linux.png
new file mode 100644
index 000000000..5fb956963
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-auburn-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-auburn-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-auburn-color-2-linux.png
new file mode 100644
index 000000000..343e2ff7d
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-auburn-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-auburn-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-auburn-color-3-linux.png
new file mode 100644
index 000000000..fe4f4b1d2
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-auburn-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-auburn-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-auburn-color-4-linux.png
new file mode 100644
index 000000000..a31b1a6c7
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-auburn-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-blue-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-blue-color-1-linux.png
new file mode 100644
index 000000000..1067cda58
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-blue-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-blue-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-blue-color-2-linux.png
new file mode 100644
index 000000000..f696194dc
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-blue-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-blue-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-blue-color-3-linux.png
new file mode 100644
index 000000000..e6346ee65
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-blue-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-blue-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-blue-color-4-linux.png
new file mode 100644
index 000000000..ad6a9cc0e
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-blue-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-brown-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-brown-color-1-linux.png
new file mode 100644
index 000000000..cf7ffc6ba
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-brown-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-brown-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-brown-color-2-linux.png
new file mode 100644
index 000000000..6a3de97b3
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-brown-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-brown-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-brown-color-3-linux.png
new file mode 100644
index 000000000..f978a9259
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-brown-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-brown-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-brown-color-4-linux.png
new file mode 100644
index 000000000..640bc92de
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-brown-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-coral-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-coral-color-1-linux.png
new file mode 100644
index 000000000..e95ab7d3c
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-coral-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-coral-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-coral-color-2-linux.png
new file mode 100644
index 000000000..a34656240
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-coral-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-coral-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-coral-color-3-linux.png
new file mode 100644
index 000000000..4fcfda6da
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-coral-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-coral-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-coral-color-4-linux.png
new file mode 100644
index 000000000..e8d24e9e2
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-coral-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-gray-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-gray-color-1-linux.png
new file mode 100644
index 000000000..29e429e2a
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-gray-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-gray-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-gray-color-2-linux.png
new file mode 100644
index 000000000..b28044ce6
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-gray-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-gray-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-gray-color-3-linux.png
new file mode 100644
index 000000000..4fa6ce3e1
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-gray-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-gray-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-gray-color-4-linux.png
new file mode 100644
index 000000000..81756e61b
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-gray-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-green-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-green-color-1-linux.png
new file mode 100644
index 000000000..f7d003e6b
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-green-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-green-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-green-color-2-linux.png
new file mode 100644
index 000000000..d9d1f0b68
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-green-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-green-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-green-color-3-linux.png
new file mode 100644
index 000000000..285e50182
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-green-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-green-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-green-color-4-linux.png
new file mode 100644
index 000000000..d7c983279
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-green-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-lemon-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-lemon-color-1-linux.png
new file mode 100644
index 000000000..0ab2ed990
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-lemon-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-lemon-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-lemon-color-2-linux.png
new file mode 100644
index 000000000..290334022
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-lemon-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-lemon-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-lemon-color-3-linux.png
new file mode 100644
index 000000000..89c180bcc
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-lemon-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-lemon-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-lemon-color-4-linux.png
new file mode 100644
index 000000000..f365b7b19
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-lemon-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-lime-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-lime-color-1-linux.png
new file mode 100644
index 000000000..1a57cd412
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-lime-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-lime-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-lime-color-2-linux.png
new file mode 100644
index 000000000..95ddb7047
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-lime-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-lime-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-lime-color-3-linux.png
new file mode 100644
index 000000000..30c25fde2
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-lime-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-lime-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-lime-color-4-linux.png
new file mode 100644
index 000000000..12cc55760
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-lime-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-olive-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-olive-color-1-linux.png
new file mode 100644
index 000000000..d6ef5c80e
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-olive-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-olive-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-olive-color-2-linux.png
new file mode 100644
index 000000000..83a088f12
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-olive-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-olive-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-olive-color-3-linux.png
new file mode 100644
index 000000000..2b970fc6f
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-olive-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-olive-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-olive-color-4-linux.png
new file mode 100644
index 000000000..c217e1a72
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-olive-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-orange-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-orange-color-1-linux.png
new file mode 100644
index 000000000..225f6d132
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-orange-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-orange-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-orange-color-2-linux.png
new file mode 100644
index 000000000..0a10dd2c0
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-orange-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-orange-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-orange-color-3-linux.png
new file mode 100644
index 000000000..de1bc0e9b
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-orange-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-orange-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-orange-color-4-linux.png
new file mode 100644
index 000000000..c9f1ed7a1
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-orange-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-pine-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-pine-color-1-linux.png
new file mode 100644
index 000000000..d5a893b3a
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-pine-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-pine-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-pine-color-2-linux.png
new file mode 100644
index 000000000..1d78b6c40
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-pine-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-pine-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-pine-color-3-linux.png
new file mode 100644
index 000000000..b175e1d33
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-pine-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-pine-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-pine-color-4-linux.png
new file mode 100644
index 000000000..dfc3248e0
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-pine-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-plum-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-plum-color-1-linux.png
new file mode 100644
index 000000000..ff20d985b
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-plum-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-plum-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-plum-color-2-linux.png
new file mode 100644
index 000000000..6fde273c3
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-plum-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-plum-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-plum-color-3-linux.png
new file mode 100644
index 000000000..d7b073edb
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-plum-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-plum-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-plum-color-4-linux.png
new file mode 100644
index 000000000..4fbe9a162
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-plum-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-purple-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-purple-color-1-linux.png
new file mode 100644
index 000000000..e99f064e6
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-purple-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-purple-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-purple-color-2-linux.png
new file mode 100644
index 000000000..34d8d1be7
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-purple-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-purple-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-purple-color-3-linux.png
new file mode 100644
index 000000000..d4cc0ab44
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-purple-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-purple-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-purple-color-4-linux.png
new file mode 100644
index 000000000..5ab93505b
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-purple-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-red-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-red-color-1-linux.png
new file mode 100644
index 000000000..a65ddb0fa
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-red-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-red-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-red-color-2-linux.png
new file mode 100644
index 000000000..2b683bccf
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-red-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-red-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-red-color-3-linux.png
new file mode 100644
index 000000000..cdb7ca28b
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-red-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-red-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-red-color-4-linux.png
new file mode 100644
index 000000000..73a4e0904
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-red-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-teal-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-teal-color-1-linux.png
new file mode 100644
index 000000000..8b3ebee5d
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-teal-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-teal-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-teal-color-2-linux.png
new file mode 100644
index 000000000..1ece5fc46
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-teal-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-teal-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-teal-color-3-linux.png
new file mode 100644
index 000000000..23631bc61
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-teal-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-teal-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-teal-color-4-linux.png
new file mode 100644
index 000000000..942d12cb6
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-teal-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-yellow-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-yellow-color-1-linux.png
new file mode 100644
index 000000000..a2f910c4a
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-yellow-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-yellow-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-yellow-color-2-linux.png
new file mode 100644
index 000000000..3bee3dbaf
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-yellow-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-yellow-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-yellow-color-3-linux.png
new file mode 100644
index 000000000..b7e3420d2
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-yellow-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-yellow-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-yellow-color-4-linux.png
new file mode 100644
index 000000000..509568e13
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-high-contrast-data-yellow-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-auburn-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-auburn-color-1-linux.png
new file mode 100644
index 000000000..5fb956963
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-auburn-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-auburn-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-auburn-color-2-linux.png
new file mode 100644
index 000000000..343e2ff7d
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-auburn-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-auburn-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-auburn-color-3-linux.png
new file mode 100644
index 000000000..fe4f4b1d2
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-auburn-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-auburn-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-auburn-color-4-linux.png
new file mode 100644
index 000000000..a31b1a6c7
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-auburn-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-blue-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-blue-color-1-linux.png
new file mode 100644
index 000000000..1067cda58
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-blue-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-blue-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-blue-color-2-linux.png
new file mode 100644
index 000000000..f696194dc
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-blue-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-blue-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-blue-color-3-linux.png
new file mode 100644
index 000000000..e6346ee65
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-blue-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-blue-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-blue-color-4-linux.png
new file mode 100644
index 000000000..ad6a9cc0e
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-blue-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-brown-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-brown-color-1-linux.png
new file mode 100644
index 000000000..cf7ffc6ba
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-brown-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-brown-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-brown-color-2-linux.png
new file mode 100644
index 000000000..6a3de97b3
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-brown-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-brown-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-brown-color-3-linux.png
new file mode 100644
index 000000000..f978a9259
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-brown-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-brown-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-brown-color-4-linux.png
new file mode 100644
index 000000000..640bc92de
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-brown-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-coral-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-coral-color-1-linux.png
new file mode 100644
index 000000000..e95ab7d3c
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-coral-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-coral-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-coral-color-2-linux.png
new file mode 100644
index 000000000..a34656240
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-coral-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-coral-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-coral-color-3-linux.png
new file mode 100644
index 000000000..4fcfda6da
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-coral-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-coral-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-coral-color-4-linux.png
new file mode 100644
index 000000000..e8d24e9e2
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-coral-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-gray-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-gray-color-1-linux.png
new file mode 100644
index 000000000..29e429e2a
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-gray-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-gray-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-gray-color-2-linux.png
new file mode 100644
index 000000000..b28044ce6
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-gray-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-gray-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-gray-color-3-linux.png
new file mode 100644
index 000000000..4fa6ce3e1
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-gray-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-gray-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-gray-color-4-linux.png
new file mode 100644
index 000000000..81756e61b
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-gray-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-green-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-green-color-1-linux.png
new file mode 100644
index 000000000..f7d003e6b
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-green-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-green-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-green-color-2-linux.png
new file mode 100644
index 000000000..d9d1f0b68
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-green-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-green-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-green-color-3-linux.png
new file mode 100644
index 000000000..285e50182
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-green-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-green-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-green-color-4-linux.png
new file mode 100644
index 000000000..d7c983279
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-green-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-lemon-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-lemon-color-1-linux.png
new file mode 100644
index 000000000..0ab2ed990
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-lemon-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-lemon-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-lemon-color-2-linux.png
new file mode 100644
index 000000000..290334022
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-lemon-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-lemon-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-lemon-color-3-linux.png
new file mode 100644
index 000000000..89c180bcc
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-lemon-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-lemon-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-lemon-color-4-linux.png
new file mode 100644
index 000000000..f365b7b19
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-lemon-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-lime-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-lime-color-1-linux.png
new file mode 100644
index 000000000..1a57cd412
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-lime-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-lime-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-lime-color-2-linux.png
new file mode 100644
index 000000000..95ddb7047
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-lime-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-lime-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-lime-color-3-linux.png
new file mode 100644
index 000000000..30c25fde2
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-lime-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-lime-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-lime-color-4-linux.png
new file mode 100644
index 000000000..12cc55760
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-lime-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-olive-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-olive-color-1-linux.png
new file mode 100644
index 000000000..d6ef5c80e
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-olive-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-olive-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-olive-color-2-linux.png
new file mode 100644
index 000000000..83a088f12
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-olive-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-olive-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-olive-color-3-linux.png
new file mode 100644
index 000000000..2b970fc6f
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-olive-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-olive-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-olive-color-4-linux.png
new file mode 100644
index 000000000..c217e1a72
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-olive-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-orange-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-orange-color-1-linux.png
new file mode 100644
index 000000000..225f6d132
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-orange-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-orange-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-orange-color-2-linux.png
new file mode 100644
index 000000000..0a10dd2c0
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-orange-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-orange-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-orange-color-3-linux.png
new file mode 100644
index 000000000..de1bc0e9b
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-orange-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-orange-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-orange-color-4-linux.png
new file mode 100644
index 000000000..c9f1ed7a1
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-orange-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-pine-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-pine-color-1-linux.png
new file mode 100644
index 000000000..d5a893b3a
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-pine-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-pine-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-pine-color-2-linux.png
new file mode 100644
index 000000000..1d78b6c40
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-pine-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-pine-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-pine-color-3-linux.png
new file mode 100644
index 000000000..b175e1d33
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-pine-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-pine-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-pine-color-4-linux.png
new file mode 100644
index 000000000..dfc3248e0
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-pine-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-plum-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-plum-color-1-linux.png
new file mode 100644
index 000000000..ff20d985b
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-plum-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-plum-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-plum-color-2-linux.png
new file mode 100644
index 000000000..6fde273c3
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-plum-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-plum-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-plum-color-3-linux.png
new file mode 100644
index 000000000..d7b073edb
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-plum-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-plum-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-plum-color-4-linux.png
new file mode 100644
index 000000000..4fbe9a162
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-plum-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-purple-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-purple-color-1-linux.png
new file mode 100644
index 000000000..e99f064e6
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-purple-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-purple-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-purple-color-2-linux.png
new file mode 100644
index 000000000..34d8d1be7
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-purple-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-purple-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-purple-color-3-linux.png
new file mode 100644
index 000000000..d4cc0ab44
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-purple-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-purple-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-purple-color-4-linux.png
new file mode 100644
index 000000000..5ab93505b
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-purple-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-red-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-red-color-1-linux.png
new file mode 100644
index 000000000..a65ddb0fa
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-red-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-red-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-red-color-2-linux.png
new file mode 100644
index 000000000..2b683bccf
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-red-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-red-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-red-color-3-linux.png
new file mode 100644
index 000000000..cdb7ca28b
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-red-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-red-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-red-color-4-linux.png
new file mode 100644
index 000000000..73a4e0904
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-red-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-teal-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-teal-color-1-linux.png
new file mode 100644
index 000000000..8b3ebee5d
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-teal-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-teal-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-teal-color-2-linux.png
new file mode 100644
index 000000000..1ece5fc46
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-teal-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-teal-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-teal-color-3-linux.png
new file mode 100644
index 000000000..23631bc61
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-teal-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-teal-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-teal-color-4-linux.png
new file mode 100644
index 000000000..942d12cb6
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-teal-color-4-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-yellow-color-1-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-yellow-color-1-linux.png
new file mode 100644
index 000000000..a2f910c4a
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-yellow-color-1-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-yellow-color-2-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-yellow-color-2-linux.png
new file mode 100644
index 000000000..3bee3dbaf
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-yellow-color-2-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-yellow-color-3-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-yellow-color-3-linux.png
new file mode 100644
index 000000000..b7e3420d2
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-yellow-color-3-linux.png differ
diff --git a/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-yellow-color-4-linux.png b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-yellow-color-4-linux.png
new file mode 100644
index 000000000..509568e13
Binary files /dev/null and b/.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-light-tritanopia-data-yellow-color-4-linux.png differ
diff --git a/src/tokens/functional/color/data-vis.json5 b/src/tokens/functional/color/data-vis.json5
index be3e787e8..e6b8fa358 100644
--- a/src/tokens/functional/color/data-vis.json5
+++ b/src/tokens/functional/color/data-vis.json5
@@ -2,8 +2,8 @@
   data: {
     blue: {
       color: {
-        emphasis: {
-          $value: '{base.display.color.blue.5}',
+        '1': {
+          $value: '{base.display.color.blue.4}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -11,31 +11,21 @@
               group: 'component',
               scopes: ['bgColor', 'borderColor'],
             },
-            'org.primer.overrides': {
-              dark: '{base.display.color.blue.5}',
-            },
           },
         },
-        muted: {
-          $value: '{base.display.color.blue.0}',
+        '2': {
+          $value: '{base.display.color.blue.6}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
               collection: 'mode',
               group: 'component',
-              scopes: ['bgColor'],
-            },
-            'org.primer.overrides': {
-              dark: '{base.display.color.blue.0}',
+              scopes: ['bgColor', 'borderColor'],
             },
           },
         },
-      },
-    },
-    auburn: {
-      color: {
-        emphasis: {
-          $value: '{base.display.color.auburn.5}',
+        '3': {
+          $value: '{base.display.color.blue.8}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -43,13 +33,21 @@
               group: 'component',
               scopes: ['bgColor', 'borderColor'],
             },
-            'org.primer.overrides': {
-              dark: '{base.display.color.auburn.5}',
+          },
+        },
+        '4': {
+          $value: '{base.display.color.blue.9}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
             },
           },
         },
         muted: {
-          $value: '{base.display.color.auburn.0}',
+          $value: '{base.display.color.blue.0}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -58,7 +56,7 @@
               scopes: ['bgColor'],
             },
             'org.primer.overrides': {
-              dark: '{base.display.color.auburn.0}',
+              dark: '{base.display.color.blue.0}',
             },
           },
         },
@@ -66,7 +64,7 @@
     },
     orange: {
       color: {
-        emphasis: {
+        '1': {
           $value: '{base.display.color.orange.4}',
           $type: 'color',
           $extensions: {
@@ -75,8 +73,38 @@
               group: 'component',
               scopes: ['bgColor', 'borderColor'],
             },
-            'org.primer.overrides': {
-              dark: '{base.display.color.orange.4}',
+          },
+        },
+        '2': {
+          $value: '{base.display.color.orange.6}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
+            },
+          },
+        },
+        '3': {
+          $value: '{base.display.color.orange.8}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
+            },
+          },
+        },
+        '4': {
+          $value: '{base.display.color.orange.9}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
             },
           },
         },
@@ -96,10 +124,10 @@
         },
       },
     },
-    yellow: {
+    auburn: {
       color: {
-        emphasis: {
-          $value: '{base.display.color.yellow.4}',
+        '1': {
+          $value: '{base.display.color.auburn.4}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -107,13 +135,43 @@
               group: 'component',
               scopes: ['bgColor', 'borderColor'],
             },
-            'org.primer.overrides': {
-              dark: '{base.display.color.yellow.4}',
+          },
+        },
+        '2': {
+          $value: '{base.display.color.auburn.6}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
+            },
+          },
+        },
+        '3': {
+          $value: '{base.display.color.auburn.8}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
+            },
+          },
+        },
+        '4': {
+          $value: '{base.display.color.auburn.9}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
             },
           },
         },
         muted: {
-          $value: '{base.display.color.yellow.0}',
+          $value: '{base.display.color.auburn.0}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -122,16 +180,16 @@
               scopes: ['bgColor'],
             },
             'org.primer.overrides': {
-              dark: '{base.display.color.yellow.0}',
+              dark: '{base.display.color.auburn.0}',
             },
           },
         },
       },
     },
-    green: {
+    purple: {
       color: {
-        emphasis: {
-          $value: '{base.display.color.green.4}',
+        '1': {
+          $value: '{base.display.color.purple.4}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -139,13 +197,43 @@
               group: 'component',
               scopes: ['bgColor', 'borderColor'],
             },
-            'org.primer.overrides': {
-              dark: '{base.display.color.green.4}',
+          },
+        },
+        '2': {
+          $value: '{base.display.color.purple.6}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
+            },
+          },
+        },
+        '3': {
+          $value: '{base.display.color.purple.8}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
+            },
+          },
+        },
+        '4': {
+          $value: '{base.display.color.purple.9}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
             },
           },
         },
         muted: {
-          $value: '{base.display.color.green.0}',
+          $value: '{base.display.color.purple.0}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -154,7 +242,7 @@
               scopes: ['bgColor'],
             },
             'org.primer.overrides': {
-              dark: '{base.display.color.green.0}',
+              dark: '{base.display.color.purple.0}',
             },
           },
         },
@@ -162,7 +250,7 @@
     },
     teal: {
       color: {
-        emphasis: {
+        '1': {
           $value: '{base.display.color.teal.4}',
           $type: 'color',
           $extensions: {
@@ -171,8 +259,38 @@
               group: 'component',
               scopes: ['bgColor', 'borderColor'],
             },
-            'org.primer.overrides': {
-              dark: '{base.display.color.teal.4}',
+          },
+        },
+        '2': {
+          $value: '{base.display.color.teal.6}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
+            },
+          },
+        },
+        '3': {
+          $value: '{base.display.color.teal.8}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
+            },
+          },
+        },
+        '4': {
+          $value: '{base.display.color.teal.9}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
             },
           },
         },
@@ -192,10 +310,10 @@
         },
       },
     },
-    purple: {
+    green: {
       color: {
-        emphasis: {
-          $value: '{base.display.color.purple.5}',
+        '1': {
+          $value: '{base.display.color.green.4}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -203,13 +321,43 @@
               group: 'component',
               scopes: ['bgColor', 'borderColor'],
             },
-            'org.primer.overrides': {
-              dark: '{base.display.color.purple.5}',
+          },
+        },
+        '2': {
+          $value: '{base.display.color.green.6}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
+            },
+          },
+        },
+        '3': {
+          $value: '{base.display.color.green.8}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
+            },
+          },
+        },
+        '4': {
+          $value: '{base.display.color.green.9}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
             },
           },
         },
         muted: {
-          $value: '{base.display.color.purple.0}',
+          $value: '{base.display.color.green.0}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -218,16 +366,16 @@
               scopes: ['bgColor'],
             },
             'org.primer.overrides': {
-              dark: '{base.display.color.purple.0}',
+              dark: '{base.display.color.green.0}',
             },
           },
         },
       },
     },
-    pink: {
+    yellow: {
       color: {
-        emphasis: {
-          $value: '{base.display.color.pink.5}',
+        '1': {
+          $value: '{base.display.color.yellow.4}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -235,13 +383,43 @@
               group: 'component',
               scopes: ['bgColor', 'borderColor'],
             },
-            'org.primer.overrides': {
-              dark: '{base.display.color.pink.5}',
+          },
+        },
+        '2': {
+          $value: '{base.display.color.yellow.6}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
+            },
+          },
+        },
+        '3': {
+          $value: '{base.display.color.yellow.8}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
+            },
+          },
+        },
+        '4': {
+          $value: '{base.display.color.yellow.9}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
             },
           },
         },
         muted: {
-          $value: '{base.display.color.pink.0}',
+          $value: '{base.display.color.yellow.0}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -250,16 +428,16 @@
               scopes: ['bgColor'],
             },
             'org.primer.overrides': {
-              dark: '{base.display.color.pink.0}',
+              dark: '{base.display.color.yellow.0}',
             },
           },
         },
       },
     },
-    plum: {
+    coral: {
       color: {
-        emphasis: {
-          $value: '{base.display.color.plum.5}',
+        '1': {
+          $value: '{base.display.color.coral.4}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -267,13 +445,43 @@
               group: 'component',
               scopes: ['bgColor', 'borderColor'],
             },
-            'org.primer.overrides': {
-              dark: '{base.display.color.plum.5}',
+          },
+        },
+        '2': {
+          $value: '{base.display.color.coral.6}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
+            },
+          },
+        },
+        '3': {
+          $value: '{base.display.color.coral.8}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
+            },
+          },
+        },
+        '4': {
+          $value: '{base.display.color.coral.9}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
             },
           },
         },
         muted: {
-          $value: '{base.display.color.plum.0}',
+          $value: '{base.display.color.coral.0}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -282,16 +490,16 @@
               scopes: ['bgColor'],
             },
             'org.primer.overrides': {
-              dark: '{base.display.color.plum.0}',
+              dark: '{base.display.color.coral.0}',
             },
           },
         },
       },
     },
-    red: {
+    gray: {
       color: {
-        emphasis: {
-          $value: '{base.display.color.red.5}',
+        '1': {
+          $value: '{base.display.color.gray.4}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -299,13 +507,43 @@
               group: 'component',
               scopes: ['bgColor', 'borderColor'],
             },
-            'org.primer.overrides': {
-              dark: '{base.display.color.red.5}',
+          },
+        },
+        '2': {
+          $value: '{base.display.color.gray.6}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
+            },
+          },
+        },
+        '3': {
+          $value: '{base.display.color.gray.8}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
+            },
+          },
+        },
+        '4': {
+          $value: '{base.display.color.gray.9}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
             },
           },
         },
         muted: {
-          $value: '{base.display.color.red.0}',
+          $value: '{base.display.color.gray.0}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -314,16 +552,16 @@
               scopes: ['bgColor'],
             },
             'org.primer.overrides': {
-              dark: '{base.display.color.red.0}',
+              dark: '{base.display.color.gray.0}',
             },
           },
         },
       },
     },
-    gray: {
+    brown: {
       color: {
-        emphasis: {
-          $value: '{base.display.color.gray.4}',
+        '1': {
+          $value: '{base.display.color.brown.4}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -331,13 +569,43 @@
               group: 'component',
               scopes: ['bgColor', 'borderColor'],
             },
-            'org.primer.overrides': {
-              dark: '{base.display.color.gray.4}',
+          },
+        },
+        '2': {
+          $value: '{base.display.color.brown.6}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
+            },
+          },
+        },
+        '3': {
+          $value: '{base.display.color.brown.8}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
+            },
+          },
+        },
+        '4': {
+          $value: '{base.display.color.brown.9}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
             },
           },
         },
         muted: {
-          $value: '{base.display.color.gray.0}',
+          $value: '{base.display.color.brown.0}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -346,16 +614,16 @@
               scopes: ['bgColor'],
             },
             'org.primer.overrides': {
-              dark: '{base.display.color.gray.0}',
+              dark: '{base.display.color.brown.0}',
             },
           },
         },
       },
     },
-    coral: {
+    red: {
       color: {
-        emphasis: {
-          $value: '{base.display.color.coral.5}',
+        '1': {
+          $value: '{base.display.color.red.4}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -363,13 +631,43 @@
               group: 'component',
               scopes: ['bgColor', 'borderColor'],
             },
-            'org.primer.overrides': {
-              dark: '{base.display.color.coral.5}',
+          },
+        },
+        '2': {
+          $value: '{base.display.color.red.6}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
+            },
+          },
+        },
+        '3': {
+          $value: '{base.display.color.red.8}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
+            },
+          },
+        },
+        '4': {
+          $value: '{base.display.color.red.9}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
             },
           },
         },
         muted: {
-          $value: '{base.display.color.coral.0}',
+          $value: '{base.display.color.red.0}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -378,16 +676,16 @@
               scopes: ['bgColor'],
             },
             'org.primer.overrides': {
-              dark: '{base.display.color.coral.0}',
+              dark: '{base.display.color.red.0}',
             },
           },
         },
       },
     },
-    brown: {
+    plum: {
       color: {
-        emphasis: {
-          $value: '{base.display.color.brown.5}',
+        '1': {
+          $value: '{base.display.color.plum.4}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -395,13 +693,43 @@
               group: 'component',
               scopes: ['bgColor', 'borderColor'],
             },
-            'org.primer.overrides': {
-              dark: '{base.display.color.brown.5}',
+          },
+        },
+        '2': {
+          $value: '{base.display.color.plum.6}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
+            },
+          },
+        },
+        '3': {
+          $value: '{base.display.color.plum.8}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
+            },
+          },
+        },
+        '4': {
+          $value: '{base.display.color.plum.9}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
             },
           },
         },
         muted: {
-          $value: '{base.display.color.brown.0}',
+          $value: '{base.display.color.plum.0}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -410,7 +738,7 @@
               scopes: ['bgColor'],
             },
             'org.primer.overrides': {
-              dark: '{base.display.color.brown.0}',
+              dark: '{base.display.color.plum.0}',
             },
           },
         },
@@ -418,8 +746,8 @@
     },
     lemon: {
       color: {
-        emphasis: {
-          $value: '{base.display.color.lemon.5}',
+        '1': {
+          $value: '{base.display.color.lemon.4}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -427,8 +755,38 @@
               group: 'component',
               scopes: ['bgColor', 'borderColor'],
             },
-            'org.primer.overrides': {
-              dark: '{base.display.color.lemon.5}',
+          },
+        },
+        '2': {
+          $value: '{base.display.color.lemon.6}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
+            },
+          },
+        },
+        '3': {
+          $value: '{base.display.color.lemon.8}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
+            },
+          },
+        },
+        '4': {
+          $value: '{base.display.color.lemon.9}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
             },
           },
         },
@@ -450,8 +808,8 @@
     },
     olive: {
       color: {
-        emphasis: {
-          $value: '{base.display.color.olive.5}',
+        '1': {
+          $value: '{base.display.color.olive.4}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -459,8 +817,38 @@
               group: 'component',
               scopes: ['bgColor', 'borderColor'],
             },
-            'org.primer.overrides': {
-              dark: '{base.display.color.olive.5}',
+          },
+        },
+        '2': {
+          $value: '{base.display.color.olive.6}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
+            },
+          },
+        },
+        '3': {
+          $value: '{base.display.color.olive.8}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
+            },
+          },
+        },
+        '4': {
+          $value: '{base.display.color.olive.9}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
             },
           },
         },
@@ -482,8 +870,8 @@
     },
     lime: {
       color: {
-        emphasis: {
-          $value: '{base.display.color.lime.5}',
+        '1': {
+          $value: '{base.display.color.lime.4}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -491,8 +879,38 @@
               group: 'component',
               scopes: ['bgColor', 'borderColor'],
             },
-            'org.primer.overrides': {
-              dark: '{base.display.color.lime.5}',
+          },
+        },
+        '2': {
+          $value: '{base.display.color.lime.6}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
+            },
+          },
+        },
+        '3': {
+          $value: '{base.display.color.lime.8}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
+            },
+          },
+        },
+        '4': {
+          $value: '{base.display.color.lime.9}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
             },
           },
         },
@@ -514,8 +932,8 @@
     },
     pine: {
       color: {
-        emphasis: {
-          $value: '{base.display.color.pine.5}',
+        '1': {
+          $value: '{base.display.color.pine.4}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -523,8 +941,38 @@
               group: 'component',
               scopes: ['bgColor', 'borderColor'],
             },
-            'org.primer.overrides': {
-              dark: '{base.display.color.pine.5}',
+          },
+        },
+        '2': {
+          $value: '{base.display.color.pine.6}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
+            },
+          },
+        },
+        '3': {
+          $value: '{base.display.color.pine.8}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
+            },
+          },
+        },
+        '4': {
+          $value: '{base.display.color.pine.9}',
+          $type: 'color',
+          $extensions: {
+            'org.primer.figma': {
+              collection: 'mode',
+              group: 'component',
+              scopes: ['bgColor', 'borderColor'],
             },
           },
         },