diff --git a/src/tailwind.config.js b/src/tailwind.config.js index 655d993..75d22b8 100644 --- a/src/tailwind.config.js +++ b/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', + }, + },