/** * 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": "#CE7789", "main-color-2": "#B15D70", "main-color-3": "#954457", "main-color-4": "#7A2B40", "main-color-5": "#5F112A", "main-color-6": "#440016", "main-color-7": "#2F0002", "main-color-8": "#000000", "color-1": { "100": "#F1DADE", "200": "#E4B4BE", "300": "#D68F9D", "400": "#CE7789", "500": "#BB445C", "600": "#96364A", "700": "#702937", "800": "#4B1B25", "900": "#250E12" }, "color-2": { "100": "#EEDDE1", "200": "#DEBAC2", "300": "#CD98A4", "400": "#BD7585", "500": "#B15D70", "600": "#8A4252", "700": "#67323E", "800": "#452129", "900": "#221115" }, "color-3": { "100": "#EFDCE0", "200": "#DFB9C2", "300": "#CF96A3", "400": "#BF7385", "500": "#AF5066", "600": "#954457", "700": "#69303D", "800": "#462029", "900": "#231014" }, "color-4": { "100": "#F2D9E0", "200": "#E4B4C1", "300": "#D78EA1", "400": "#CA6882", "500": "#BD4263", "600": "#97354F", "700": "#7A2B40", "800": "#4B1B28", "900": "#260D14" }, "color-5": { "100": "#F7D4DF", "200": "#F0A8BF", "300": "#E87D9F", "400": "#E05280", "500": "#D82760", "600": "#AD1F4D", "700": "#821739", "800": "#5F112A", "900": "#2B0813" }, "color-6": { "100": "#FFCCDD", "200": "#FF99BA", "300": "#FF6698", "400": "#FF3375", "500": "#FF0053", "600": "#CC0042", "700": "#990032", "800": "#660021", "900": "#440016" }, "color-7": { "100": "#FFCCCE", "200": "#FF999D", "300": "#FF666D", "400": "#FF333C", "500": "#FF000B", "600": "#CC0009", "700": "#990007", "800": "#660004", "900": "#2F0002" }, "color-8": { "100": "#E6E6E6", "200": "#CCCCCC", "300": "#B3B3B3", "400": "#999999", "500": "#808080", "600": "#666666", "700": "#4D4D4D", "800": "#333333", "900": "#1A1A1A" } } } } }