/** * 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": "#593A00", "main-color-2": "#745119", "main-color-3": "#8F6931", "main-color-4": "#AB8248", "main-color-5": "#C89C61", "main-color-6": "#E5B77B", "main-color-7": "#FFD295", "main-color-8": "#FFEFB0", "main-color-9": "#FFFFCB", "main-color-10": "#FFFFE8", "color-1": { "100": "#FFEDCC", "200": "#FFDB99", "300": "#FFCA66", "400": "#FFB833", "500": "#FFA600", "600": "#CC8500", "700": "#996400", "800": "#593A00", "900": "#332100" }, "color-2": { "100": "#F6E9D5", "200": "#EDD4AB", "300": "#E4BE81", "400": "#DBA857", "500": "#D2922D", "600": "#A87524", "700": "#745119", "800": "#543B12", "900": "#2A1D09" }, "color-3": { "100": "#F2E8D9", "200": "#E5D1B3", "300": "#D8BA8D", "400": "#CBA367", "500": "#BE8B41", "600": "#8F6931", "700": "#725427", "800": "#4C381A", "900": "#261C0D" }, "color-4": { "100": "#F0E7DB", "200": "#E1D0B7", "300": "#D2B893", "400": "#C3A06F", "500": "#AB8248", "600": "#906D3C", "700": "#6C522D", "800": "#48371E", "900": "#241B0F" }, "color-5": { "100": "#F2E7D9", "200": "#E5D0B3", "300": "#D7B88E", "400": "#C89C61", "500": "#BD8842", "600": "#976D35", "700": "#715228", "800": "#4C371A", "900": "#261B0D" }, "color-6": { "100": "#F7E8D4", "200": "#EED1AA", "300": "#E5B77B", "400": "#DDA255", "500": "#D58B2A", "600": "#AA6F22", "700": "#805319", "800": "#553811", "900": "#2B1C08" }, "color-7": { "100": "#FFE9CC", "200": "#FFD295", "300": "#FFBE66", "400": "#FFA833", "500": "#FF9300", "600": "#CC7500", "700": "#995800", "800": "#663B00", "900": "#331D00" }, "color-8": { "100": "#FFF5CC", "200": "#FFEFB0", "300": "#FFE066", "400": "#FFD633", "500": "#FFCB00", "600": "#CCA300", "700": "#997A00", "800": "#665100", "900": "#332900" }, "color-9": { "100": "#FFFFCB", "200": "#FFFF99", "300": "#FFFF66", "400": "#FFFF33", "500": "#FFFF00", "600": "#CCCC00", "700": "#999900", "800": "#666600", "900": "#333300" }, "color-10": { "100": "#FFFFCC", "200": "#FFFF99", "300": "#FFFF66", "400": "#FFFF33", "500": "#FFFF00", "600": "#CCCC00", "700": "#999900", "800": "#666600", "900": "#333300" } } } } }