/** * 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": "#8C002F", "main-color-2": "#7F1E00", "main-color-3": "#643800", "color-1": { "100": "#FFCCDD", "200": "#FF99BB", "300": "#FF6699", "400": "#FF3377", "500": "#FF0056", "600": "#CC0044", "700": "#8C002F", "800": "#660022", "900": "#330011" }, "color-2": { "100": "#FFD8CC", "200": "#FFB199", "300": "#FF8A66", "400": "#FF6333", "500": "#FF3C00", "600": "#CC3000", "700": "#992400", "800": "#7F1E00", "900": "#330C00" }, "color-3": { "100": "#FFE9CC", "200": "#FFD299", "300": "#FFBC66", "400": "#FFA533", "500": "#FF8F00", "600": "#CC7200", "700": "#995600", "800": "#643800", "900": "#331D00" } } } } }