adding more colors

src/tailwind.config.js

@@ -19,6 +19,14 @@ module.exports = {
 
     extend: {
       colors: {
+        'sherwin': {
+          'marshmallow': '#eee9e0'
+          'ice-cube': '#e3e4e1',
+          'peppercorn': '#585858',
+          'black-magic': '#323132',
+          'tricorn-black': '#2f2f30',
+        },
+
         // use https://uicolors.app/create
         // neutals
         'nomad': {
@@ -35,6 +43,19 @@ module.exports = {
         },
 
         // reds
+        'crimson': {
+          50: '#fff1f1',
+          100: '#ffe0e0',
+          200: '#ffc6c6',
+          300: '#ff9e9e',
+          400: '#ff6666',
+          500: '#fd3636',
+          600: '#eb1717',
+          700: '#c60f0f',
+          800: '#a31111',
+          900: '#871515',
+        },
+
         'monza': {
           50: '#fff0f0',
           100: '#ffdede',
@@ -74,6 +95,19 @@ module.exports = {
           900: '#811a39',
         },
 
+        'violet-red': {
+          50: '#fff1f3',
+          100: '#ffe3e8',
+          200: '#ffccd7',
+          300: '#ffa2b6',
+          400: '#ff6d8f',
+          500: '#f94373',
+          600: '#e61858',
+          700: '#c20e4b',
+          800: '#a30e45',
+          900: '#8b1041',
+        },
+
 
         // oranges
         'saffron-mango': {
@@ -102,8 +136,48 @@ module.exports = {
           900: '#7a250d',
         },
 
+        'hot-cinnamon': {
+          50: '#fdf8ed',
+          100: '#f9eacc',
+          200: '#f3d394',
+          300: '#edb75c',
+          400: '#e89e37',
+          500: '#e17e1f',
+          600: '#d3631a',
+          700: '#a54118',
+          800: '#86341a',
+          900: '#6f2c18',
+        },
+
+        'fire-bush': {
+          50: '#fef7ec',
+          100: '#faeacb',
+          200: '#f5d292',
+          300: '#efb65a',
+          400: '#ea9727',
+          500: '#e47d1c',
+          600: '#ca5b15',
+          700: '#a74016',
+          800: '#883218',
+          900: '#702a17',
+        },
+
 
         // yellows
+        'vesuvius': {
+          50: '#fffbeb',
+          100: '#fef3c7',
+          200: '#fde58a',
+          300: '#fbd24e',
+          400: '#fabe25',
+          500: '#f49d0c',
+          600: '#d87607',
+          700: '#bc560a',
+          800: '#923f0e',
+          900: '#78340f',
+        },
+
+
         'mango-tango': {
           50: '#fefbe8',
           100: '#fff6c2',
@@ -236,6 +310,19 @@ module.exports = {
           900: '#163e2f',
         },
 
+        'caribbean-green': {
+          50: '#effef9',
+          100: '#cafdef',
+          200: '#94fbe0',
+          300: '#57f1cf',
+          400: '#24ddba',
+          500: '#0ccaa9',
+          600: '#069b84',
+          700: '#0a7b6c',
+          800: '#0d6257',
+          900: '#105149',
+        },
+
 
         // teals
         'aquamarine': {
@@ -357,6 +444,20 @@ module.exports = {
           900: '#193961',
         },
 
+        'azure-radiance': {
+          50: '#edfaff',
+          100: '#d6f2ff',
+          200: '#b5eaff',
+          300: '#83dfff',
+          400: '#48cbff',
+          500: '#1eacff',
+          600: '#068eff',
+          700: '#007aff',
+          800: '#085dc5',
+          900: '#0d519b',
+        },
+
+
         // purples
         'lilac-bush': {
           50: '#f8f5fd',
@@ -397,6 +498,45 @@ module.exports = {
           900: '#4b05ad',
         },
 
+        'medium-purple': {
+          50: '#f0f1fd',
+          100: '#e3e5fc',
+          200: '#cccdf9',
+          300: '#adadf4',
+          400: '#948ced',
+          500: '#8170e4',
+          600: '#7558d7',
+          700: '#6346bc',
+          800: '#503b98',
+          900: '#443679',
+        },
+
+        'wisteria': {
+          50: '#faf7fc',
+          100: '#f4eef9',
+          200: '#eaddf1',
+          300: '#dbc1e6',
+          400: '#c69dd5',
+          500: '#ac75c0',
+          600: '#965ca9',
+          700: '#774586',
+          800: '#633a6e',
+          900: '#54335c',
+        },
+
+        'amethyst': {
+          50: '#fcf5fe',
+          100: '#f7e9fe',
+          200: '#efd3fb',
+          300: '#e6b0f7',
+          400: '#d880f2',
+          500: '#c450e5',
+          600: '#b543d2',
+          700: '#8f25a6',
+          800: '#762088',
+          900: '#631f70',
+        },
+
         'seance': {
           50: '#fcf3ff',
           100: '#fae7ff',
@@ -464,6 +604,19 @@ module.exports = {
           900: '#8c0f45',
         },
 
+        'sea-pink': {
+          50: '#fdf3f4',
+          100: '#fbe8eb',
+          200: '#f6d5da',
+          300: '#ea9daa',
+          400: '#e58799',
+          500: '#d75c77',
+          600: '#c13d60',
+          700: '#a22e4f',
+          800: '#882947',
+          900: '#752642',
+        },
+
 
       },