diff --git a/src/_config/setup/create-colors.js b/src/_config/setup/create-colors.js
index 7d586c1..b1ec2d2 100644
--- a/src/_config/setup/create-colors.js
+++ b/src/_config/setup/create-colors.js
@@ -39,11 +39,11 @@ const vibrantSteps = [
 const neutralSteps = [
   {label: '100', lightness: 0.98, chromaFactor: 0.12},
   {label: '200', lightness: 0.92, chromaFactor: 0.14},
-  {label: '300', lightness: 0.85, chromaFactor: 0.14},
-  {label: '400', lightness: 0.7, chromaFactor: 0.25},
-  {label: '500', lightness: 0.6, chromaFactor: 0.3},
-  {label: '600', lightness: 0.48, chromaFactor: 0.35},
-  {label: '700', lightness: 0.4, chromaFactor: 0.3},
+  {label: '300', lightness: 0.75, chromaFactor: 0.14},
+  {label: '400', lightness: 0.6, chromaFactor: 0.25},
+  {label: '500', lightness: 0.5, chromaFactor: 0.3},
+  {label: '600', lightness: 0.4, chromaFactor: 0.35},
+  {label: '700', lightness: 0.35, chromaFactor: 0.3},
   {label: '800', lightness: 0.3, chromaFactor: 0.27},
   {label: '900', lightness: 0.2, chromaFactor: 0.25}
 ];
diff --git a/src/_data/designTokens/colors.json b/src/_data/designTokens/colors.json
index a3237d5..f12b63b 100644
--- a/src/_data/designTokens/colors.json
+++ b/src/_data/designTokens/colors.json
@@ -12,23 +12,23 @@
     },
     {
       "name": "Gray 300",
-      "value": "#cecece"
+      "value": "#aeaeae"
     },
     {
       "name": "Gray 400",
-      "value": "#9e9e9e"
-    },
-    {
-      "name": "Gray 500",
       "value": "#808080"
     },
+    {
+      "name": "Gray 500",
+      "value": "#636363"
+    },
     {
       "name": "Gray 600",
-      "value": "#5d5d5d"
+      "value": "#484848"
     },
     {
       "name": "Gray 700",
-      "value": "#484848"
+      "value": "#3a3a3a"
     },
     {
       "name": "Gray 800",