Make the colors less strange looking

tailwind.js

@@ -56,78 +56,70 @@ let colors = {
     'grey-lightest': '#f8fafc',
     'white': '#ffffff',
 
-    'red-darkest': '#3b0d0c',
-    'red-darker': '#621b18',
-    'red-dark': '#cc1f1a',
-    'red': '#e3342f',
-    'red-light': '#ef5753',
-    'red-lighter': '#f9acaa',
-    'red-lightest': '#fcebea',
+    'red-lightest' : '#F9EDED',
+    'red-lighter' : '#E7B6B6',
+    'red-light' : '#D58080',
+    'red' : '#C34949',
+    'red-dark' : '#B04242',
+    'red-darker' : '#752C2C',
+    'red-darkest' : '#3B1616',
 
-    'orange-darkest': '#462a16',
-    'orange-darker': '#613b1f',
-    'orange-dark': '#de751f',
-    'orange': '#f6993f',
-    'orange-light': '#faad63',
-    'orange-lighter': '#fcd9b6',
-    'orange-lightest': '#fff5eb',
+    'orange-lightest' : '#FCF4EB',
+    'orange-lighter' : '#F4D4AE',
+    'orange-light' : '#ECB371',
+    'orange' : '#E49334',
+    'orange-dark' : '#CD842F',
+    'orange-darker' : '#89581F',
+    'orange-darkest' : '#442C10',
 
-    'yellow-darkest': '#453411',
-    'yellow-darker': '#684f1d',
-    'yellow-dark': '#f2d024',
-    'yellow': '#ffed4a',
-    'yellow-light': '#fff382',
-    'yellow-lighter': '#fff9c2',
-    'yellow-lightest': '#fcfbeb',
+    'yellow-lightest' : '#FBFAE9',
+    'yellow-lighter' : '#EDE9A7',
+    'yellow-light' : '#E0D965',
+    'yellow' : '#D2C823',
+    'yellow-dark' : '#BDB420',
+    'yellow-darker' : '#7E7815',
+    'yellow-darkest' : '#3F3C0B',
 
-    'green-darkest': '#0f2f21',
-    'green-darker': '#1a4731',
-    'green-dark': '#1f9d55',
-    'green': '#38c172',
-    'green-light': '#51d88a',
-    'green-lighter': '#a2f5bf',
-    'green-lightest': '#e3fcec',
+    'green-lightest' : '#EEF7EB',
+    'green-lighter' : '#BBDEAE',
+    'green-light' : '#89C671',
+    'green' : '#56AD34',
+    'green-dark' : '#4D9C2F',
+    'green-darker' : '#34681F',
+    'green-darkest' : '#1A3410',
 
-    'teal-darkest': '#0d3331',
-    'teal-darker': '#20504f',
-    'teal-dark': '#38a89d',
-    'teal': '#4dc0b5',
-    'teal-light': '#64d5ca',
-    'teal-lighter': '#a0f0ed',
-    'teal-lightest': '#e8fffe',
+    'teal-lightest' : '#ECF7F5',
+    'teal-lighter' : '#B3DED7',
+    'teal-light' : '#7AC5BA',
+    'teal' : '#41AC9C',
+    'teal-dark' : '#3B9B8C',
+    'teal-darker' : '#27675E',
+    'teal-darkest' : '#14342F',
 
-    'blue-darkest': '#041224',
-    'blue-darker': '#082a52',
-    'blue-dark': '#0d4280',
-    'blue': '#10529f',
-    'blue-light': '#156acd',
-    'blue-lighter': '#88b9f3',
-    'blue-lightest': '#d5e6fb',
+    'blue-lightest' : '#E7EEF5',
+    'blue-lighter' : '#9FBAD9',
+    'blue-light' : '#5886BC',
+    'blue' : '#10529F',
+    'blue-dark' : '#0E4A8F',
+    'blue-darker' : '#0A315F',
+    'blue-darkest' : '#051930',
 
-    'indigo-darkest': '#191e38',
-    'indigo-darker': '#2f365f',
-    'indigo-dark': '#5661b3',
-    'indigo': '#6574cd',
-    'indigo-light': '#7886d7',
-    'indigo-lighter': '#b2b7ff',
-    'indigo-lightest': '#e6e8ff',
+    'indigo-lightest' : '#F0F1FA',
+    'indigo-lighter' : '#C1C7EB',
+    'indigo-light' : '#939EDC',
+    'indigo' : '#6574CD',
+    'indigo-dark' : '#5B68B9',
+    'indigo-darker' : '#3D467B',
+    'indigo-darkest' : '#1E233E',
 
-    'purple-darkest': '#21183c',
-    'purple-darker': '#382b5f',
-    'purple-dark': '#794acf',
-    'purple': '#9561e2',
-    'purple-light': '#a779e9',
-    'purple-lighter': '#d6bbfc',
-    'purple-lightest': '#f3ebff',
-
-    'pink-darkest': '#451225',
-    'pink-darker': '#6f213f',
-    'pink-dark': '#eb5286',
-    'pink': '#f66d9b',
-    'pink-light': '#fa7ea8',
-    'pink-lighter': '#ffbbca',
-    'pink-lightest': '#ffebef',
-}
+    'purple-lightest' : '#F6EAF5',
+    'purple-lighter' : '#DCAAD8',
+    'purple-light' : '#C16BBA',
+    'purple' : '#A72B9D',
+    'purple-dark' : '#96278D',
+    'purple-darker' : '#641A5E',
+    'purple-darkest' : '#320D2F',
+};
 
 module.exports = {