feat(gatsby-design-tokens): palette update (#30662)

* feat(gatsby-design-tokens): palette update * feat(gatsby-design-tokens): Add `lime` color ramp * revert change to `purple.50` Co-authored-by: Ward Peeters <ward@coding-tech.com>
gatsbyjs · Jun 22, 2021 · fe853ae · fe853ae
1 parent a30aa0b
commit fe853ae
Showing 1 changed file with 31 additions and 19 deletions.
diff --git a/packages/gatsby-design-tokens/src/colors.js b/packages/gatsby-design-tokens/src/colors.js
@@ -19,9 +19,9 @@ export const colors = preval`
       5: '#fcfaff',
     },
     orange: {
-      90: '#db3a00',
-      80: '#e65800',
-      70: '#f67300',
+      90: '#992c00',
+      80: '#cc3b00',
+      70: '#f06200',
       60: '#fb8400',
       50: '#ffb238',
       40: '#ffd280',
@@ -31,10 +31,10 @@ export const colors = preval`
       5: '#fffcf7',
     },
     yellow: {
-      90: '#8a6534',
-      80: '#bf9141',
-      70: '#e3a617',
-      60: '#fec21e',
+      90: '#644926',
+      80: '#8a6534',
+      70: '#bf9141',
+      60: '#e3a617',
       50: '#fed038',
       40: '#ffdf37',
       30: '#ffeb99',
@@ -43,9 +43,9 @@ export const colors = preval`
       5: '#fffdf7',
     },
     red: {
-      90: '#b80000',
-      80: '#ce0009',
-      70: '#da0013',
+      90: '#75000a',
+      80: '#a8000f',
+      70: '#c20011',
       60: '#ec1818',
       50: '#fa2915',
       40: '#ff5a54',
@@ -71,29 +71,29 @@ export const colors = preval`
       80: '#006ac1',
       70: '#047bd3',
       60: '#0e8de6',
-      50: '#0d96f2',
+      50: '#159BF3',
       40: '#3fa9f5',
       30: '#63b8f6',
       20: '#90cdf9',
       10: '#dbf0ff',
       5: '#f5fcff',
     },
     teal: {
-      90: '#008577',
-      80: '#10a39e',
-      70: '#00bdb6',
-      60: '#2de3da',
-      50: '#05f7f4',
+      90: '#00574e',
+      80: '#00756a',
+      70: '#10A39e',
+      60: '#00bdb6',
+      50: '#2de3da',
       40: '#73fff7',
       30: '#a6fffa',
       20: '#ccfffc',
       10: '#dcfffd',
       5: '#f7ffff',
     },
     green: {
-      90: '#006500',
-      80: '#088413',
-      70: '#1d9520',
+      90: '#003d00',
+      80: '#006500',
+      70: '#088413',
       60: '#2ca72c',
       50: '#37b635',
       40: '#59c156',
@@ -114,6 +114,18 @@ export const colors = preval`
       10: '#f5f5f5',
       5: '#fbfbfb',
     },
+    lime: {
+      90: '#3c4e09',
+      80: '#5c770d',
+      70: '#759711',
+      60: '#8eb814',
+      50: '#a7d818',
+      40: '#bce939',
+      30: '#ccee68',
+      20: '#dbf396',
+      10: '#ebf8c3',
+      5: '#fafdf1',
+    },
     white: '#ffffff',
     black: '#000000',
   }