/** * 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": "#A3391E", "main-color-2": "#D4ABA1", "main-color-3": "#A31E88", "main-color-4": "#6B524C", "main-color-5": "#EBEBEB", "main-color-6": "#6B6B6B", "color-1": { "100": "#F7DBD4", "200": "#EFB7A9", "300": "#E7937E", "400": "#DF6F53", "500": "#D74B28", "600": "#A3391E", "700": "#812D18", "800": "#561E10", "900": "#2B0F08" }, "color-2": { "100": "#EFE0DC", "200": "#DFC0B9", "300": "#D4ABA1", "400": "#BF8273", "500": "#AF6350", "600": "#8C4F40", "700": "#693B30", "800": "#462720", "900": "#231410" }, "color-3": { "100": "#F7D4F0", "200": "#EFA9E1", "300": "#E77ED2", "400": "#DF53C3", "500": "#D728B4", "600": "#A31E88", "700": "#81186C", "800": "#561048", "900": "#2B0824" }, "color-4": { "100": "#EAE3E1", "200": "#D5C7C3", "300": "#BFABA6", "400": "#AA8E88", "500": "#95726A", "600": "#6B524C", "700": "#594540", "800": "#3C2E2A", "900": "#1E1715" }, "color-5": { "100": "#EBEBEB", "200": "#CCCCCC", "300": "#B3B3B3", "400": "#999999", "500": "#808080", "600": "#666666", "700": "#4D4D4D", "800": "#333333", "900": "#1A1A1A" }, "color-6": { "100": "#E6E6E6", "200": "#CCCCCC", "300": "#B3B3B3", "400": "#999999", "500": "#808080", "600": "#6B6B6B", "700": "#4D4D4D", "800": "#333333", "900": "#1A1A1A" } } } } }