/** * 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": "#7C6A6A", "main-color-2": "#776C62", "main-color-3": "#5E7272", "main-color-4": "#63707A", "color-1": { "100": "#E7E4E4", "200": "#D0C8C8", "300": "#B8ADAD", "400": "#A19191", "500": "#7C6A6A", "600": "#6E5E5E", "700": "#524747", "800": "#372F2F", "900": "#1B1818" }, "color-2": { "100": "#E8E5E3", "200": "#D1CCC7", "300": "#BAB2AB", "400": "#A3998F", "500": "#8C7F73", "600": "#776C62", "700": "#544C45", "800": "#38332E", "900": "#1C1917" }, "color-3": { "100": "#E3E8E8", "200": "#C7D1D1", "300": "#ABBABA", "400": "#8FA3A3", "500": "#738C8C", "600": "#5E7272", "700": "#455454", "800": "#2E3838", "900": "#171C1C" }, "color-4": { "100": "#E3E6E8", "200": "#C7CDD1", "300": "#ABB4BA", "400": "#8E9AA4", "500": "#72818D", "600": "#63707A", "700": "#454E54", "800": "#2E3438", "900": "#171A1C" } } } } }