/** * 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": "#805454", "main-color-2": "#4C664B", "main-color-3": "#44627F", "color-1": { "100": "#EBE0E0", "200": "#D7C1C1", "300": "#C2A3A3", "400": "#AE8484", "500": "#9A6565", "600": "#805454", "700": "#5C3D3D", "800": "#3E2828", "900": "#1F1414" }, "color-2": { "100": "#E2E9E2", "200": "#C5D4C4", "300": "#A8BEA7", "400": "#8BA989", "500": "#6D936C", "600": "#587656", "700": "#4C664B", "800": "#2C3B2B", "900": "#161D16" }, "color-3": { "100": "#DEE6ED", "200": "#BDCCDB", "300": "#9BB3CA", "400": "#7A9AB8", "500": "#5980A6", "600": "#44627F", "700": "#354D64", "800": "#243342", "900": "#121A21" } } } } }