/** * To use these colors in Tailwind, you need to extend your tailwind.config.js file. * * For details see: * https://tailwindcss.com/docs/customizing-colors/#extending-the-default-palette * * To use own names for the colors, change the node names "main-color-*" and "color-*". */ { "theme": { "extend": { "colors": { "main-color-1": "#DE6752", "main-color-2": "#00A063", "main-color-3": "#348DED", "color-1": { "100": "#F7D9D4", "200": "#EFB4A9", "300": "#E68E7F", "400": "#DE6752", "500": "#D64329", "600": "#AB3521", "700": "#802819", "800": "#561B10", "900": "#2B0D08" }, "color-2": { "100": "#CCFFEC", "200": "#99FFD8", "300": "#66FFC5", "400": "#33FFB1", "500": "#00FF9E", "600": "#00CC7E", "700": "#00A063", "800": "#00663F", "900": "#003320" }, "color-3": { "100": "#D0E5FB", "200": "#A1CAF7", "300": "#72B0F3", "400": "#348DED", "500": "#157BEA", "600": "#1163BB", "700": "#0C4A8D", "800": "#08315E", "900": "#04192F" } } } } }