/** * 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": "#A12B39", "main-color-2": "#BE4750", "main-color-3": "#DD6268", "main-color-4": "#FB7D81", "main-color-5": "#FF989B", "main-color-6": "#FFB4B6", "main-color-7": "#FFD0D1", "main-color-8": "#FFEDEE", "main-color-9": "#FFFFFF", "color-1": { "100": "#F4D7DA", "200": "#EAAFB5", "300": "#DF8691", "400": "#D45E6C", "500": "#C93647", "600": "#A12B39", "700": "#79202B", "800": "#51161C", "900": "#280B0E" }, "color-2": { "100": "#F2D9DB", "200": "#E4B4B7", "300": "#D78E93", "400": "#CA6870", "500": "#BE4750", "600": "#97353D", "700": "#71282D", "800": "#4B1B1E", "900": "#260D0F" }, "color-3": { "100": "#F6D5D7", "200": "#EDABAE", "300": "#E48186", "400": "#DD6268", "500": "#D22D35", "600": "#A8242B", "700": "#7E1B20", "800": "#541215", "900": "#2A090B" }, "color-4": { "100": "#FDCECF", "200": "#FC9C9F", "300": "#FB7D81", "400": "#F9393F", "500": "#F7080F", "600": "#C6060C", "700": "#940509", "800": "#630306", "900": "#310203" }, "color-5": { "100": "#FFCCCD", "200": "#FF989B", "300": "#FF666A", "400": "#FF3339", "500": "#FF0007", "600": "#CC0006", "700": "#990004", "800": "#660003", "900": "#330001" }, "color-6": { "100": "#FFB4B6", "200": "#FF999C", "300": "#FF666A", "400": "#FF3338", "500": "#FF0007", "600": "#CC0005", "700": "#990004", "800": "#660003", "900": "#330001" }, "color-7": { "100": "#FFD0D1", "200": "#FF999B", "300": "#FF6669", "400": "#FF3337", "500": "#FF0005", "600": "#CC0004", "700": "#990003", "800": "#660002", "900": "#330001" }, "color-8": { "100": "#FFCCCF", "200": "#FF999F", "300": "#FF666E", "400": "#FF333E", "500": "#FF000E", "600": "#CC000B", "700": "#990008", "800": "#660006", "900": "#330003" }, "color-9": { "100": "#E6E6E6", "200": "#CCCCCC", "300": "#B3B3B3", "400": "#999999", "500": "#808080", "600": "#666666", "700": "#4D4D4D", "800": "#333333", "900": "#1A1A1A" } } } } }