/** * 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": "#999071", "main-color-2": "#699992", "main-color-3": "#8290AE", "main-color-4": "#AF858E", "color-1": { "100": "#EAE8E1", "200": "#D4D1C4", "300": "#BFB9A6", "400": "#AAA288", "500": "#999071", "600": "#776F55", "700": "#595340", "800": "#3B382B", "900": "#1E1C15" }, "color-2": { "100": "#E1EAE9", "200": "#C2D6D3", "300": "#A4C1BD", "400": "#86ACA7", "500": "#699992", "600": "#537974", "700": "#3E5B57", "800": "#293D3A", "900": "#151E1D" }, "color-3": { "100": "#E0E4EB", "200": "#C1C8D7", "300": "#A2ADC3", "400": "#8290AE", "500": "#64769B", "600": "#505E7C", "700": "#3C475D", "800": "#282F3E", "900": "#14181F" }, "color-4": { "100": "#EBE0E2", "200": "#D7C1C6", "300": "#C2A3A9", "400": "#AF858E", "500": "#9A6570", "600": "#7B515A", "700": "#5C3D43", "800": "#3E282D", "900": "#1F1416" } } } } }