From 34a495055024d6ddf6e2fd00b05266398e623ac4 Mon Sep 17 00:00:00 2001
From: Jaeho Lee <jaeho.lee@greenlabs.co.kr>
Date: Tue, 29 Nov 2022 16:36:28 +0900
Subject: [PATCH] Update foundation colors (#81)

* feat: update colors

- closes #80

* changeset
---
 .changeset/forty-cougars-dream.md             |   5 +
 packages/design-token/dist/colorMap.js        | 100 +++++++++---------
 .../design-token/dist/figma-tokens/ref.json   |  98 ++++++++---------
 .../design-token/dist/figma-tokens/sys.json   |   2 +-
 .../design-token/dist/tailwind-tokens.json    | 100 +++++++++---------
 packages/design-token/dist/tokens.js          | 100 +++++++++---------
 packages/design-token/tokens/color/ref.json   |  98 ++++++++---------
 7 files changed, 254 insertions(+), 249 deletions(-)
 create mode 100644 .changeset/forty-cougars-dream.md

diff --git a/.changeset/forty-cougars-dream.md b/.changeset/forty-cougars-dream.md
new file mode 100644
index 00000000..06c1271a
--- /dev/null
+++ b/.changeset/forty-cougars-dream.md
@@ -0,0 +1,5 @@
+---
+"@greenlabs/formula-design-token": patch
+---
+
+update token colors
diff --git a/packages/design-token/dist/colorMap.js b/packages/design-token/dist/colorMap.js
index a25b46d5..adbfe516 100644
--- a/packages/design-token/dist/colorMap.js
+++ b/packages/design-token/dist/colorMap.js
@@ -16,10 +16,10 @@ export default {
   "gray-10A": "rgba(176, 179, 181, 0.12)",
   "green-5": "#EDFAF2",
   "green-10": "#DFF7EA",
-  "green-20": "#DCFAE0",
-  "green-30": "#A2F5B9",
-  "green-40": "#77E59D",
-  "green-50": "#38C776",
+  "green-20": "#CCF0DD",
+  "green-30": "#A4E0C1",
+  "green-40": "#74CF9D",
+  "green-50": "#5ABF86",
   "green-60": "#0BB25F",
   "green-70": "#009454",
   "green-80": "#037344",
@@ -29,10 +29,10 @@ export default {
   "green-10A": "rgba(11, 178, 95, 0.12)",
   "teal-5": "#F0FAF9",
   "teal-10": "#DFF7F5",
-  "teal-20": "#D7FAF7",
-  "teal-30": "#B0F5EF",
-  "teal-40": "#7BE8E3",
-  "teal-50": "#4CCFC2",
+  "teal-20": "#C7EDE4",
+  "teal-30": "#A4E0D5",
+  "teal-40": "#79D1C4",
+  "teal-50": "#56C2B7",
   "teal-60": "#00B5AC",
   "teal-70": "#009494",
   "teal-80": "#026E70",
@@ -42,10 +42,10 @@ export default {
   "teal-10A": "rgba(0, 181, 172, 0.12)",
   "lightblue-5": "#EFF7FC",
   "lightblue-10": "#E3F6FF",
-  "lightblue-20": "#D4F2FF",
-  "lightblue-30": "#ABE6FF",
-  "lightblue-40": "#83D7FF",
-  "lightblue-50": "#5AC6FA",
+  "lightblue-20": "#CAEAFA",
+  "lightblue-30": "#ADDCF7",
+  "lightblue-40": "#87CDF6",
+  "lightblue-50": "#68C3F7",
   "lightblue-60": "#2DB6F8",
   "lightblue-70": "#0090E0",
   "lightblue-80": "#0571AD",
@@ -55,10 +55,10 @@ export default {
   "lightblue-10A": "rgba(45, 182, 248, 0.12)",
   "blue-5": "#EFF3FC",
   "blue-10": "#E1ECFC",
-  "blue-20": "#D6E7FF",
-  "blue-30": "#B9CDFE",
-  "blue-40": "#91ABFA",
-  "blue-50": "#5B81F5",
+  "blue-20": "#D7E2F7",
+  "blue-30": "#B6CCF1",
+  "blue-40": "#8AAEF2",
+  "blue-50": "#618EE8",
   "blue-60": "#3B6DE3",
   "blue-70": "#2652C9",
   "blue-80": "#2446AB",
@@ -68,10 +68,10 @@ export default {
   "blue-10A": "rgba(59, 109, 227, 0.12)",
   "indigo-5": "#F2F2FC",
   "indigo-10": "#EEEDFC",
-  "indigo-20": "#E7E5FF",
-  "indigo-30": "#D0CCFF",
-  "indigo-40": "#A29EFC",
-  "indigo-50": "#7B77E8",
+  "indigo-20": "#DCDCF6",
+  "indigo-30": "#C6CBF1",
+  "indigo-40": "#A2AAF2",
+  "indigo-50": "#7582E5",
   "indigo-60": "#5C58E0",
   "indigo-70": "#5048BD",
   "indigo-80": "#3A36A8",
@@ -81,10 +81,10 @@ export default {
   "indigo-10A": "rgba(99, 94, 224, 0.12)",
   "purple-5": "#FAF4FC",
   "purple-10": "#F5EBFA",
-  "purple-20": "#F6E5FE",
-  "purple-30": "#EBC8FA",
-  "purple-40": "#DCA0F8",
-  "purple-50": "#BC79DB",
+  "purple-20": "#E8DEF6",
+  "purple-30": "#DDC7F2",
+  "purple-40": "#C79AE5",
+  "purple-50": "#BA78DF",
   "purple-60": "#AE56D6",
   "purple-70": "#912EBF",
   "purple-80": "#791DA3",
@@ -94,10 +94,10 @@ export default {
   "purple-10A": "rgba(174, 86, 214, 0.12)",
   "pink-5": "#FCF4FA",
   "pink-10": "#FCEBF6",
-  "pink-20": "#FFE0F7",
-  "pink-30": "#FFC9E4",
-  "pink-40": "#FF9FCF",
-  "pink-50": "#F078B3",
+  "pink-20": "#FADCF0",
+  "pink-30": "#F5C6E4",
+  "pink-40": "#F7A8D7",
+  "pink-50": "#F77EC0",
   "pink-60": "#F059A4",
   "pink-70": "#DB3985",
   "pink-80": "#C4236E",
@@ -106,11 +106,11 @@ export default {
   "pink-100": "#4D0033",
   "pink-10A": "rgba(240, 89, 164, 0.12)",
   "red-5": "#FCF4F4",
-  "red-10": "#FAE8E9",
-  "red-20": "#FFE8E8",
-  "red-30": "#FFCFD1",
-  "red-40": "#FF8F9A",
-  "red-50": "#E5606E",
+  "red-10": "#FDE7E9",
+  "red-20": "#FFDBDE",
+  "red-30": "#FFBAC1",
+  "red-40": "#FF99A0",
+  "red-50": "#F5626D",
   "red-60": "#ED394B",
   "red-70": "#CF1124",
   "red-80": "#B50719",
@@ -118,25 +118,25 @@ export default {
   "red-95": "#700000",
   "red-100": "#5C0505",
   "red-10A": "rgba(237, 57, 75, 0.12)",
-  "orange-5": "#FCF8F4",
-  "orange-10": "#FCF0E6",
-  "orange-20": "#FCECDE",
-  "orange-30": "#FFDDBD",
-  "orange-40": "#FFA680",
-  "orange-50": "#FC915B",
-  "orange-60": "#FF7A38",
-  "orange-70": "#E84A07",
-  "orange-80": "#B83904",
-  "orange-90": "#913000",
-  "orange-95": "#611F00",
-  "orange-100": "#4A1B00",
-  "orange-10A": "rgba(255, 122, 56, 0.12)",
+  "orange-5": "#FCF7F5",
+  "orange-10": "#FEEEE7",
+  "orange-20": "#FFE0D4",
+  "orange-30": "#FFCFBA",
+  "orange-40": "#FFA985",
+  "orange-50": "#FE8C5B",
+  "orange-60": "#F96E3B",
+  "orange-70": "#E84507",
+  "orange-80": "#B83704",
+  "orange-90": "#912B00",
+  "orange-95": "#632208",
+  "orange-100": "#4A1400",
+  "orange-10A": "rgba(254, 238, 231, 0.12)",
   "yellow-5": "#FCFBF2",
   "yellow-10": "#FCFAE5",
-  "yellow-20": "#FCF8D2",
+  "yellow-20": "#FCF7CF",
   "yellow-30": "#FEF39D",
-  "yellow-40": "#FFE87A",
-  "yellow-50": "#FEE156",
+  "yellow-40": "#F7EA88",
+  "yellow-50": "#FAE25E",
   "yellow-60": "#FEDA29",
   "yellow-70": "#F7CA00",
   "yellow-80": "#DE9B00",
@@ -158,7 +158,7 @@ export default {
   "inverse-container": "#1F2024",
   "inverse-container-contents": "white",
   "error-contents": "#CF1124",
-  "error-container": "#FAE8E9",
+  "error-container": "#FDE7E9",
   divider: "#F0F2F5",
   outline: "#DCDFE3",
   background: "white",
diff --git a/packages/design-token/dist/figma-tokens/ref.json b/packages/design-token/dist/figma-tokens/ref.json
index 9d197288..5caca1ff 100644
--- a/packages/design-token/dist/figma-tokens/ref.json
+++ b/packages/design-token/dist/figma-tokens/ref.json
@@ -20,10 +20,10 @@
     "green": {
       "5": { "value": "#EDFAF2", "type": "color" },
       "10": { "value": "#DFF7EA", "type": "color" },
-      "20": { "value": "#DCFAE0", "type": "color" },
-      "30": { "value": "#A2F5B9", "type": "color" },
-      "40": { "value": "#77E59D", "type": "color" },
-      "50": { "value": "#38C776", "type": "color" },
+      "20": { "value": "#CCF0DD", "type": "color" },
+      "30": { "value": "#A4E0C1", "type": "color" },
+      "40": { "value": "#74CF9D", "type": "color" },
+      "50": { "value": "#5ABF86", "type": "color" },
       "60": { "value": "#0BB25F", "type": "color" },
       "70": { "value": "#009454", "type": "color" },
       "80": { "value": "#037344", "type": "color" },
@@ -35,10 +35,10 @@
     "teal": {
       "5": { "value": "#F0FAF9", "type": "color" },
       "10": { "value": "#DFF7F5", "type": "color" },
-      "20": { "value": "#D7FAF7", "type": "color" },
-      "30": { "value": "#B0F5EF", "type": "color" },
-      "40": { "value": "#7BE8E3", "type": "color" },
-      "50": { "value": "#4CCFC2", "type": "color" },
+      "20": { "value": "#C7EDE4", "type": "color" },
+      "30": { "value": "#A4E0D5", "type": "color" },
+      "40": { "value": "#79D1C4", "type": "color" },
+      "50": { "value": "#56C2B7", "type": "color" },
       "60": { "value": "#00B5AC", "type": "color" },
       "70": { "value": "#009494", "type": "color" },
       "80": { "value": "#026E70", "type": "color" },
@@ -50,10 +50,10 @@
     "lightblue": {
       "5": { "value": "#EFF7FC", "type": "color" },
       "10": { "value": "#E3F6FF", "type": "color" },
-      "20": { "value": "#D4F2FF", "type": "color" },
-      "30": { "value": "#ABE6FF", "type": "color" },
-      "40": { "value": "#83D7FF", "type": "color" },
-      "50": { "value": "#5AC6FA", "type": "color" },
+      "20": { "value": "#CAEAFA", "type": "color" },
+      "30": { "value": "#ADDCF7", "type": "color" },
+      "40": { "value": "#87CDF6", "type": "color" },
+      "50": { "value": "#68C3F7", "type": "color" },
       "60": { "value": "#2DB6F8", "type": "color" },
       "70": { "value": "#0090E0", "type": "color" },
       "80": { "value": "#0571AD", "type": "color" },
@@ -65,10 +65,10 @@
     "blue": {
       "5": { "value": "#EFF3FC", "type": "color" },
       "10": { "value": "#E1ECFC", "type": "color" },
-      "20": { "value": "#D6E7FF", "type": "color" },
-      "30": { "value": "#B9CDFE", "type": "color" },
-      "40": { "value": "#91ABFA", "type": "color" },
-      "50": { "value": "#5B81F5", "type": "color" },
+      "20": { "value": "#D7E2F7", "type": "color" },
+      "30": { "value": "#B6CCF1", "type": "color" },
+      "40": { "value": "#8AAEF2", "type": "color" },
+      "50": { "value": "#618EE8", "type": "color" },
       "60": { "value": "#3B6DE3", "type": "color" },
       "70": { "value": "#2652C9", "type": "color" },
       "80": { "value": "#2446AB", "type": "color" },
@@ -80,10 +80,10 @@
     "indigo": {
       "5": { "value": "#F2F2FC", "type": "color" },
       "10": { "value": "#EEEDFC", "type": "color" },
-      "20": { "value": "#E7E5FF", "type": "color" },
-      "30": { "value": "#D0CCFF", "type": "color" },
-      "40": { "value": "#A29EFC", "type": "color" },
-      "50": { "value": "#7B77E8", "type": "color" },
+      "20": { "value": "#DCDCF6", "type": "color" },
+      "30": { "value": "#C6CBF1", "type": "color" },
+      "40": { "value": "#A2AAF2", "type": "color" },
+      "50": { "value": "#7582E5", "type": "color" },
       "60": { "value": "#5C58E0", "type": "color" },
       "70": { "value": "#5048BD", "type": "color" },
       "80": { "value": "#3A36A8", "type": "color" },
@@ -95,10 +95,10 @@
     "purple": {
       "5": { "value": "#FAF4FC", "type": "color" },
       "10": { "value": "#F5EBFA", "type": "color" },
-      "20": { "value": "#F6E5FE", "type": "color" },
-      "30": { "value": "#EBC8FA", "type": "color" },
-      "40": { "value": "#DCA0F8", "type": "color" },
-      "50": { "value": "#BC79DB", "type": "color" },
+      "20": { "value": "#E8DEF6", "type": "color" },
+      "30": { "value": "#DDC7F2", "type": "color" },
+      "40": { "value": "#C79AE5", "type": "color" },
+      "50": { "value": "#BA78DF", "type": "color" },
       "60": { "value": "#AE56D6", "type": "color" },
       "70": { "value": "#912EBF", "type": "color" },
       "80": { "value": "#791DA3", "type": "color" },
@@ -110,10 +110,10 @@
     "pink": {
       "5": { "value": "#FCF4FA", "type": "color" },
       "10": { "value": "#FCEBF6", "type": "color" },
-      "20": { "value": "#FFE0F7", "type": "color" },
-      "30": { "value": "#FFC9E4", "type": "color" },
-      "40": { "value": "#FF9FCF", "type": "color" },
-      "50": { "value": "#F078B3", "type": "color" },
+      "20": { "value": "#FADCF0", "type": "color" },
+      "30": { "value": "#F5C6E4", "type": "color" },
+      "40": { "value": "#F7A8D7", "type": "color" },
+      "50": { "value": "#F77EC0", "type": "color" },
       "60": { "value": "#F059A4", "type": "color" },
       "70": { "value": "#DB3985", "type": "color" },
       "80": { "value": "#C4236E", "type": "color" },
@@ -124,11 +124,11 @@
     },
     "red": {
       "5": { "value": "#FCF4F4", "type": "color" },
-      "10": { "value": "#FAE8E9", "type": "color" },
-      "20": { "value": "#FFE8E8", "type": "color" },
-      "30": { "value": "#FFCFD1", "type": "color" },
-      "40": { "value": "#FF8F9A", "type": "color" },
-      "50": { "value": "#E5606E", "type": "color" },
+      "10": { "value": "#FDE7E9", "type": "color" },
+      "20": { "value": "#FFDBDE", "type": "color" },
+      "30": { "value": "#FFBAC1", "type": "color" },
+      "40": { "value": "#FF99A0", "type": "color" },
+      "50": { "value": "#F5626D", "type": "color" },
       "60": { "value": "#ED394B", "type": "color" },
       "70": { "value": "#CF1124", "type": "color" },
       "80": { "value": "#B50719", "type": "color" },
@@ -138,27 +138,27 @@
       "10A": { "value": "rgba(237, 57, 75, 0.12)", "type": "color" }
     },
     "orange": {
-      "5": { "value": "#FCF8F4", "type": "color" },
-      "10": { "value": "#FCF0E6", "type": "color" },
-      "20": { "value": "#FCECDE", "type": "color" },
-      "30": { "value": "#FFDDBD", "type": "color" },
-      "40": { "value": "#FFA680", "type": "color" },
-      "50": { "value": "#FC915B", "type": "color" },
-      "60": { "value": "#FF7A38", "type": "color" },
-      "70": { "value": "#E84A07", "type": "color" },
-      "80": { "value": "#B83904", "type": "color" },
-      "90": { "value": "#913000", "type": "color" },
-      "95": { "value": "#611F00", "type": "color" },
-      "100": { "value": "#4A1B00", "type": "color" },
-      "10A": { "value": "rgba(255, 122, 56, 0.12)", "type": "color" }
+      "5": { "value": "#FCF7F5", "type": "color" },
+      "10": { "value": "#FEEEE7", "type": "color" },
+      "20": { "value": "#FFE0D4", "type": "color" },
+      "30": { "value": "#FFCFBA", "type": "color" },
+      "40": { "value": "#FFA985", "type": "color" },
+      "50": { "value": "#FE8C5B", "type": "color" },
+      "60": { "value": "#F96E3B", "type": "color" },
+      "70": { "value": "#E84507", "type": "color" },
+      "80": { "value": "#B83704", "type": "color" },
+      "90": { "value": "#912B00", "type": "color" },
+      "95": { "value": "#632208", "type": "color" },
+      "100": { "value": "#4A1400", "type": "color" },
+      "10A": { "value": "rgba(254, 238, 231, 0.12)", "type": "color" }
     },
     "yellow": {
       "5": { "value": "#FCFBF2", "type": "color" },
       "10": { "value": "#FCFAE5", "type": "color" },
-      "20": { "value": "#FCF8D2", "type": "color" },
+      "20": { "value": "#FCF7CF", "type": "color" },
       "30": { "value": "#FEF39D", "type": "color" },
-      "40": { "value": "#FFE87A", "type": "color" },
-      "50": { "value": "#FEE156", "type": "color" },
+      "40": { "value": "#F7EA88", "type": "color" },
+      "50": { "value": "#FAE25E", "type": "color" },
       "60": { "value": "#FEDA29", "type": "color" },
       "70": { "value": "#F7CA00", "type": "color" },
       "80": { "value": "#DE9B00", "type": "color" },
diff --git a/packages/design-token/dist/figma-tokens/sys.json b/packages/design-token/dist/figma-tokens/sys.json
index 14a1a3dd..d12a68b4 100644
--- a/packages/design-token/dist/figma-tokens/sys.json
+++ b/packages/design-token/dist/figma-tokens/sys.json
@@ -16,7 +16,7 @@
     "neutral-secondary": { "value": "#F0F2F5", "type": "color" },
     "neutral-tertiary": { "value": "#F7F8FA", "type": "color" },
     "inverse": { "value": "#1F2024", "type": "color" },
-    "error": { "value": "#FAE8E9", "type": "color" },
+    "error": { "value": "#FDE7E9", "type": "color" },
     "divider": { "value": "#F0F2F5", "type": "color" },
     "outline": { "value": "#DCDFE3", "type": "color" },
     "background": { "value": "white", "type": "color" }
diff --git a/packages/design-token/dist/tailwind-tokens.json b/packages/design-token/dist/tailwind-tokens.json
index 7e220ea2..6b3b4913 100644
--- a/packages/design-token/dist/tailwind-tokens.json
+++ b/packages/design-token/dist/tailwind-tokens.json
@@ -127,10 +127,10 @@
     "green": {
       "5": "#EDFAF2",
       "10": "#DFF7EA",
-      "20": "#DCFAE0",
-      "30": "#A2F5B9",
-      "40": "#77E59D",
-      "50": "#38C776",
+      "20": "#CCF0DD",
+      "30": "#A4E0C1",
+      "40": "#74CF9D",
+      "50": "#5ABF86",
       "60": "#0BB25F",
       "70": "#009454",
       "80": "#037344",
@@ -142,10 +142,10 @@
     "teal": {
       "5": "#F0FAF9",
       "10": "#DFF7F5",
-      "20": "#D7FAF7",
-      "30": "#B0F5EF",
-      "40": "#7BE8E3",
-      "50": "#4CCFC2",
+      "20": "#C7EDE4",
+      "30": "#A4E0D5",
+      "40": "#79D1C4",
+      "50": "#56C2B7",
       "60": "#00B5AC",
       "70": "#009494",
       "80": "#026E70",
@@ -157,10 +157,10 @@
     "lightblue": {
       "5": "#EFF7FC",
       "10": "#E3F6FF",
-      "20": "#D4F2FF",
-      "30": "#ABE6FF",
-      "40": "#83D7FF",
-      "50": "#5AC6FA",
+      "20": "#CAEAFA",
+      "30": "#ADDCF7",
+      "40": "#87CDF6",
+      "50": "#68C3F7",
       "60": "#2DB6F8",
       "70": "#0090E0",
       "80": "#0571AD",
@@ -172,10 +172,10 @@
     "blue": {
       "5": "#EFF3FC",
       "10": "#E1ECFC",
-      "20": "#D6E7FF",
-      "30": "#B9CDFE",
-      "40": "#91ABFA",
-      "50": "#5B81F5",
+      "20": "#D7E2F7",
+      "30": "#B6CCF1",
+      "40": "#8AAEF2",
+      "50": "#618EE8",
       "60": "#3B6DE3",
       "70": "#2652C9",
       "80": "#2446AB",
@@ -187,10 +187,10 @@
     "indigo": {
       "5": "#F2F2FC",
       "10": "#EEEDFC",
-      "20": "#E7E5FF",
-      "30": "#D0CCFF",
-      "40": "#A29EFC",
-      "50": "#7B77E8",
+      "20": "#DCDCF6",
+      "30": "#C6CBF1",
+      "40": "#A2AAF2",
+      "50": "#7582E5",
       "60": "#5C58E0",
       "70": "#5048BD",
       "80": "#3A36A8",
@@ -202,10 +202,10 @@
     "purple": {
       "5": "#FAF4FC",
       "10": "#F5EBFA",
-      "20": "#F6E5FE",
-      "30": "#EBC8FA",
-      "40": "#DCA0F8",
-      "50": "#BC79DB",
+      "20": "#E8DEF6",
+      "30": "#DDC7F2",
+      "40": "#C79AE5",
+      "50": "#BA78DF",
       "60": "#AE56D6",
       "70": "#912EBF",
       "80": "#791DA3",
@@ -217,10 +217,10 @@
     "pink": {
       "5": "#FCF4FA",
       "10": "#FCEBF6",
-      "20": "#FFE0F7",
-      "30": "#FFC9E4",
-      "40": "#FF9FCF",
-      "50": "#F078B3",
+      "20": "#FADCF0",
+      "30": "#F5C6E4",
+      "40": "#F7A8D7",
+      "50": "#F77EC0",
       "60": "#F059A4",
       "70": "#DB3985",
       "80": "#C4236E",
@@ -231,11 +231,11 @@
     },
     "red": {
       "5": "#FCF4F4",
-      "10": "#FAE8E9",
-      "20": "#FFE8E8",
-      "30": "#FFCFD1",
-      "40": "#FF8F9A",
-      "50": "#E5606E",
+      "10": "#FDE7E9",
+      "20": "#FFDBDE",
+      "30": "#FFBAC1",
+      "40": "#FF99A0",
+      "50": "#F5626D",
       "60": "#ED394B",
       "70": "#CF1124",
       "80": "#B50719",
@@ -245,27 +245,27 @@
       "10A": "rgba(237, 57, 75, 0.12)"
     },
     "orange": {
-      "5": "#FCF8F4",
-      "10": "#FCF0E6",
-      "20": "#FCECDE",
-      "30": "#FFDDBD",
-      "40": "#FFA680",
-      "50": "#FC915B",
-      "60": "#FF7A38",
-      "70": "#E84A07",
-      "80": "#B83904",
-      "90": "#913000",
-      "95": "#611F00",
-      "100": "#4A1B00",
-      "10A": "rgba(255, 122, 56, 0.12)"
+      "5": "#FCF7F5",
+      "10": "#FEEEE7",
+      "20": "#FFE0D4",
+      "30": "#FFCFBA",
+      "40": "#FFA985",
+      "50": "#FE8C5B",
+      "60": "#F96E3B",
+      "70": "#E84507",
+      "80": "#B83704",
+      "90": "#912B00",
+      "95": "#632208",
+      "100": "#4A1400",
+      "10A": "rgba(254, 238, 231, 0.12)"
     },
     "yellow": {
       "5": "#FCFBF2",
       "10": "#FCFAE5",
-      "20": "#FCF8D2",
+      "20": "#FCF7CF",
       "30": "#FEF39D",
-      "40": "#FFE87A",
-      "50": "#FEE156",
+      "40": "#F7EA88",
+      "50": "#FAE25E",
       "60": "#FEDA29",
       "70": "#F7CA00",
       "80": "#DE9B00",
@@ -284,7 +284,7 @@
     "neutral-secondary": { "contents": "#8B8D94", "container": "#F0F2F5" },
     "neutral-tertiary": { "contents": "#C3C5C9", "container": "#F7F8FA" },
     "inverse": { "container": "#1F2024", "container-contents": "white" },
-    "error": { "contents": "#CF1124", "container": "#FAE8E9" },
+    "error": { "contents": "#CF1124", "container": "#FDE7E9" },
     "divider": "#F0F2F5",
     "outline": "#DCDFE3",
     "background": "white"
diff --git a/packages/design-token/dist/tokens.js b/packages/design-token/dist/tokens.js
index bb8fc198..2b65ce46 100644
--- a/packages/design-token/dist/tokens.js
+++ b/packages/design-token/dist/tokens.js
@@ -56,16 +56,16 @@ export default {
           value: "#DFF7EA",
         },
         20: {
-          value: "#DCFAE0",
+          value: "#CCF0DD",
         },
         30: {
-          value: "#A2F5B9",
+          value: "#A4E0C1",
         },
         40: {
-          value: "#77E59D",
+          value: "#74CF9D",
         },
         50: {
-          value: "#38C776",
+          value: "#5ABF86",
         },
         60: {
           value: "#0BB25F",
@@ -97,16 +97,16 @@ export default {
           value: "#DFF7F5",
         },
         20: {
-          value: "#D7FAF7",
+          value: "#C7EDE4",
         },
         30: {
-          value: "#B0F5EF",
+          value: "#A4E0D5",
         },
         40: {
-          value: "#7BE8E3",
+          value: "#79D1C4",
         },
         50: {
-          value: "#4CCFC2",
+          value: "#56C2B7",
         },
         60: {
           value: "#00B5AC",
@@ -138,16 +138,16 @@ export default {
           value: "#E3F6FF",
         },
         20: {
-          value: "#D4F2FF",
+          value: "#CAEAFA",
         },
         30: {
-          value: "#ABE6FF",
+          value: "#ADDCF7",
         },
         40: {
-          value: "#83D7FF",
+          value: "#87CDF6",
         },
         50: {
-          value: "#5AC6FA",
+          value: "#68C3F7",
         },
         60: {
           value: "#2DB6F8",
@@ -179,16 +179,16 @@ export default {
           value: "#E1ECFC",
         },
         20: {
-          value: "#D6E7FF",
+          value: "#D7E2F7",
         },
         30: {
-          value: "#B9CDFE",
+          value: "#B6CCF1",
         },
         40: {
-          value: "#91ABFA",
+          value: "#8AAEF2",
         },
         50: {
-          value: "#5B81F5",
+          value: "#618EE8",
         },
         60: {
           value: "#3B6DE3",
@@ -220,16 +220,16 @@ export default {
           value: "#EEEDFC",
         },
         20: {
-          value: "#E7E5FF",
+          value: "#DCDCF6",
         },
         30: {
-          value: "#D0CCFF",
+          value: "#C6CBF1",
         },
         40: {
-          value: "#A29EFC",
+          value: "#A2AAF2",
         },
         50: {
-          value: "#7B77E8",
+          value: "#7582E5",
         },
         60: {
           value: "#5C58E0",
@@ -261,16 +261,16 @@ export default {
           value: "#F5EBFA",
         },
         20: {
-          value: "#F6E5FE",
+          value: "#E8DEF6",
         },
         30: {
-          value: "#EBC8FA",
+          value: "#DDC7F2",
         },
         40: {
-          value: "#DCA0F8",
+          value: "#C79AE5",
         },
         50: {
-          value: "#BC79DB",
+          value: "#BA78DF",
         },
         60: {
           value: "#AE56D6",
@@ -302,16 +302,16 @@ export default {
           value: "#FCEBF6",
         },
         20: {
-          value: "#FFE0F7",
+          value: "#FADCF0",
         },
         30: {
-          value: "#FFC9E4",
+          value: "#F5C6E4",
         },
         40: {
-          value: "#FF9FCF",
+          value: "#F7A8D7",
         },
         50: {
-          value: "#F078B3",
+          value: "#F77EC0",
         },
         60: {
           value: "#F059A4",
@@ -340,19 +340,19 @@ export default {
           value: "#FCF4F4",
         },
         10: {
-          value: "#FAE8E9",
+          value: "#FDE7E9",
         },
         20: {
-          value: "#FFE8E8",
+          value: "#FFDBDE",
         },
         30: {
-          value: "#FFCFD1",
+          value: "#FFBAC1",
         },
         40: {
-          value: "#FF8F9A",
+          value: "#FF99A0",
         },
         50: {
-          value: "#E5606E",
+          value: "#F5626D",
         },
         60: {
           value: "#ED394B",
@@ -378,43 +378,43 @@ export default {
       },
       orange: {
         5: {
-          value: "#FCF8F4",
+          value: "#FCF7F5",
         },
         10: {
-          value: "#FCF0E6",
+          value: "#FEEEE7",
         },
         20: {
-          value: "#FCECDE",
+          value: "#FFE0D4",
         },
         30: {
-          value: "#FFDDBD",
+          value: "#FFCFBA",
         },
         40: {
-          value: "#FFA680",
+          value: "#FFA985",
         },
         50: {
-          value: "#FC915B",
+          value: "#FE8C5B",
         },
         60: {
-          value: "#FF7A38",
+          value: "#F96E3B",
         },
         70: {
-          value: "#E84A07",
+          value: "#E84507",
         },
         80: {
-          value: "#B83904",
+          value: "#B83704",
         },
         90: {
-          value: "#913000",
+          value: "#912B00",
         },
         95: {
-          value: "#611F00",
+          value: "#632208",
         },
         100: {
-          value: "#4A1B00",
+          value: "#4A1400",
         },
         "10A": {
-          value: "rgba(255, 122, 56, 0.12)",
+          value: "rgba(254, 238, 231, 0.12)",
         },
       },
       yellow: {
@@ -425,16 +425,16 @@ export default {
           value: "#FCFAE5",
         },
         20: {
-          value: "#FCF8D2",
+          value: "#FCF7CF",
         },
         30: {
           value: "#FEF39D",
         },
         40: {
-          value: "#FFE87A",
+          value: "#F7EA88",
         },
         50: {
-          value: "#FEE156",
+          value: "#FAE25E",
         },
         60: {
           value: "#FEDA29",
@@ -744,7 +744,7 @@ export default {
           value: "#CF1124",
         },
         container: {
-          value: "#FAE8E9",
+          value: "#FDE7E9",
         },
       },
       divider: {
diff --git a/packages/design-token/tokens/color/ref.json b/packages/design-token/tokens/color/ref.json
index db23af56..668efe3f 100644
--- a/packages/design-token/tokens/color/ref.json
+++ b/packages/design-token/tokens/color/ref.json
@@ -25,10 +25,10 @@
         "80": { "value": "#037344" },
         "70": { "value": "#009454" },
         "60": { "value": "#0BB25F" },
-        "50": { "value": "#38C776" },
-        "40": { "value": "#77E59D" },
-        "30": { "value": "#A2F5B9" },
-        "20": { "value": "#DCFAE0" },
+        "50": { "value": "#5ABF86" },
+        "40": { "value": "#74CF9D" },
+        "30": { "value": "#A4E0C1" },
+        "20": { "value": "#CCF0DD" },
         "10": { "value": "#DFF7EA" },
         "10A": { "value": "rgba(11, 178, 95, 0.12)" },
         "5": { "value": "#EDFAF2" }
@@ -40,10 +40,10 @@
         "80": { "value": "#026E70" },
         "70": { "value": "#009494" },
         "60": { "value": "#00B5AC" },
-        "50": { "value": "#4CCFC2" },
-        "40": { "value": "#7BE8E3" },
-        "30": { "value": "#B0F5EF" },
-        "20": { "value": "#D7FAF7" },
+        "50": { "value": "#56C2B7" },
+        "40": { "value": "#79D1C4" },
+        "30": { "value": "#A4E0D5" },
+        "20": { "value": "#C7EDE4" },
         "10": { "value": "#DFF7F5" },
         "10A": { "value": "rgba(0, 181, 172, 0.12)" },
         "5": { "value": "#F0FAF9" }
@@ -55,10 +55,10 @@
         "80": { "value": "#0571AD" },
         "70": { "value": "#0090E0" },
         "60": { "value": "#2DB6F8" },
-        "50": { "value": "#5AC6FA" },
-        "40": { "value": "#83D7FF" },
-        "30": { "value": "#ABE6FF" },
-        "20": { "value": "#D4F2FF" },
+        "50": { "value": "#68C3F7" },
+        "40": { "value": "#87CDF6" },
+        "30": { "value": "#ADDCF7" },
+        "20": { "value": "#CAEAFA" },
         "10": { "value": "#E3F6FF" },
         "10A": { "value": "rgba(45, 182, 248, 0.12)" },
         "5": { "value": "#EFF7FC" }
@@ -70,10 +70,10 @@
         "80": { "value": "#2446AB" },
         "70": { "value": "#2652C9" },
         "60": { "value": "#3B6DE3" },
-        "50": { "value": "#5B81F5" },
-        "40": { "value": "#91ABFA" },
-        "30": { "value": "#B9CDFE" },
-        "20": { "value": "#D6E7FF" },
+        "50": { "value": "#618EE8" },
+        "40": { "value": "#8AAEF2" },
+        "30": { "value": "#B6CCF1" },
+        "20": { "value": "#D7E2F7" },
         "10": { "value": "#E1ECFC" },
         "10A": { "value": "rgba(59, 109, 227, 0.12)" },
         "5": { "value": "#EFF3FC" }
@@ -85,10 +85,10 @@
         "80": { "value": "#3A36A8" },
         "70": { "value": "#5048BD" },
         "60": { "value": "#5C58E0" },
-        "50": { "value": "#7B77E8" },
-        "40": { "value": "#A29EFC" },
-        "30": { "value": "#D0CCFF" },
-        "20": { "value": "#E7E5FF" },
+        "50": { "value": "#7582E5" },
+        "40": { "value": "#A2AAF2" },
+        "30": { "value": "#C6CBF1" },
+        "20": { "value": "#DCDCF6" },
         "10": { "value": "#EEEDFC" },
         "10A": { "value": "rgba(99, 94, 224, 0.12)" },
         "5": { "value": "#F2F2FC" }
@@ -100,10 +100,10 @@
         "80": { "value": "#791DA3" },
         "70": { "value": "#912EBF" },
         "60": { "value": "#AE56D6" },
-        "50": { "value": "#BC79DB" },
-        "40": { "value": "#DCA0F8" },
-        "30": { "value": "#EBC8FA" },
-        "20": { "value": "#F6E5FE" },
+        "50": { "value": "#BA78DF" },
+        "40": { "value": "#C79AE5" },
+        "30": { "value": "#DDC7F2" },
+        "20": { "value": "#E8DEF6" },
         "10": { "value": "#F5EBFA" },
         "10A": { "value": "rgba(174, 86, 214, 0.12)" },
         "5": { "value": "#FAF4FC" }
@@ -115,10 +115,10 @@
         "80": { "value": "#C4236E" },
         "70": { "value": "#DB3985" },
         "60": { "value": "#F059A4" },
-        "50": { "value": "#F078B3" },
-        "40": { "value": "#FF9FCF" },
-        "30": { "value": "#FFC9E4" },
-        "20": { "value": "#FFE0F7" },
+        "50": { "value": "#F77EC0" },
+        "40": { "value": "#F7A8D7" },
+        "30": { "value": "#F5C6E4" },
+        "20": { "value": "#FADCF0" },
         "10": { "value": "#FCEBF6" },
         "10A": { "value": "rgba(240, 89, 164, 0.12)" },
         "5": { "value": "#FCF4FA" }
@@ -130,28 +130,28 @@
         "80": { "value": "#B50719" },
         "70": { "value": "#CF1124" },
         "60": { "value": "#ED394B" },
-        "50": { "value": "#E5606E" },
-        "40": { "value": "#FF8F9A" },
-        "30": { "value": "#FFCFD1" },
-        "20": { "value": "#FFE8E8" },
-        "10": { "value": "#FAE8E9" },
+        "50": { "value": "#F5626D" },
+        "40": { "value": "#FF99A0" },
+        "30": { "value": "#FFBAC1" },
+        "20": { "value": "#FFDBDE" },
+        "10": { "value": "#FDE7E9" },
         "10A": { "value": "rgba(237, 57, 75, 0.12)" },
         "5": { "value": "#FCF4F4" }
       },
       "orange": {
-        "100": { "value": "#4A1B00" },
-        "95": { "value": "#611F00" },
-        "90": { "value": "#913000" },
-        "80": { "value": "#B83904" },
-        "70": { "value": "#E84A07" },
-        "60": { "value": "#FF7A38" },
-        "50": { "value": "#FC915B" },
-        "40": { "value": "#FFA680" },
-        "30": { "value": "#FFDDBD" },
-        "20": { "value": "#FCECDE" },
-        "10": { "value": "#FCF0E6" },
-        "10A": { "value": "rgba(255, 122, 56, 0.12)" },
-        "5": { "value": "#FCF8F4" }
+        "100": { "value": "#4A1400" },
+        "95": { "value": "#632208" },
+        "90": { "value": "#912B00" },
+        "80": { "value": "#B83704" },
+        "70": { "value": "#E84507" },
+        "60": { "value": "#F96E3B" },
+        "50": { "value": "#FE8C5B" },
+        "40": { "value": "#FFA985" },
+        "30": { "value": "#FFCFBA" },
+        "20": { "value": "#FFE0D4" },
+        "10": { "value": "#FEEEE7" },
+        "10A": { "value": "rgba(254, 238, 231, 0.12)" },
+        "5": { "value": "#FCF7F5" }
       },
       "yellow": {
         "100": { "value": "#473300" },
@@ -160,10 +160,10 @@
         "80": { "value": "#DE9B00" },
         "70": { "value": "#F7CA00" },
         "60": { "value": "#FEDA29" },
-        "50": { "value": "#FEE156" },
-        "40": { "value": "#FFE87A" },
+        "50": { "value": "#FAE25E" },
+        "40": { "value": "#F7EA88" },
         "30": { "value": "#FEF39D" },
-        "20": { "value": "#FCF8D2" },
+        "20": { "value": "#FCF7CF" },
         "10": { "value": "#FCFAE5" },
         "10A": { "value": "rgba(254, 218, 41, 0.12)" },
         "5": { "value": "#FCFBF2" }