/** * 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": "#6B5118", "main-color-2": "#6B4E0D", "main-color-3": "#6B4A03", "main-color-4": "#6B4900", "color-1": { "100": "#F6ECD5", "200": "#ECD8AC", "300": "#E3C582", "400": "#DAB158", "500": "#D09E2F", "600": "#A77E25", "700": "#6B5118", "800": "#533F13", "900": "#2A2009" }, "color-2": { "100": "#F9EDD2", "200": "#F4DBA4", "300": "#EEC977", "400": "#E9B849", "500": "#E3A61C", "600": "#B68516", "700": "#886311", "800": "#6B4E0D", "900": "#2D2106" }, "color-3": { "100": "#FEEECD", "200": "#FCDE9C", "300": "#FBCD6A", "400": "#F9BC39", "500": "#F8AC07", "600": "#C68906", "700": "#956704", "800": "#6B4A03", "900": "#322201" }, "color-4": { "100": "#FFEFCC", "200": "#FFDF99", "300": "#FFCE66", "400": "#FFBE33", "500": "#FFAE00", "600": "#CC8B00", "700": "#996800", "800": "#6B4900", "900": "#332300" } } } } }