/** * 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": "#620421", "main-color-2": "#47000A", "main-color-3": "#2F0002", "main-color-4": "#000000", "color-1": { "100": "#FDCEDC", "200": "#FB9DBA", "300": "#F96C97", "400": "#F73B75", "500": "#F50A52", "600": "#C40842", "700": "#930631", "800": "#620421", "900": "#310210" }, "color-2": { "100": "#FFCCD3", "200": "#FF99A7", "300": "#FF667C", "400": "#FF3350", "500": "#FF0024", "600": "#CC001D", "700": "#990016", "800": "#66000E", "900": "#47000A" }, "color-3": { "100": "#FFCCCE", "200": "#FF999D", "300": "#FF666D", "400": "#FF333C", "500": "#FF000B", "600": "#CC0009", "700": "#990007", "800": "#660004", "900": "#2F0002" }, "color-4": { "100": "#E6E6E6", "200": "#CCCCCC", "300": "#B3B3B3", "400": "#999999", "500": "#808080", "600": "#666666", "700": "#4D4D4D", "800": "#333333", "900": "#1A1A1A" } } } } }