/** * 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": "#A85400", "main-color-2": "#A85C11", "main-color-3": "#A86522", "main-color-4": "#A86D32", "main-color-5": "#A87643", "main-color-6": "#A87E54", "main-color-7": "#A88665", "main-color-8": "#A88F76", "main-color-9": "#A89786", "main-color-10": "#A8A097", "color-1": { "100": "#FFE6CC", "200": "#FFCC99", "300": "#FFB366", "400": "#FF9933", "500": "#FF8000", "600": "#CC6600", "700": "#A85400", "800": "#663300", "900": "#331A00" }, "color-2": { "100": "#FAE5D1", "200": "#F6CCA2", "300": "#F1B274", "400": "#EC9846", "500": "#E87F17", "600": "#A85C11", "700": "#8B4C0E", "800": "#5D3309", "900": "#2E1905" }, "color-3": { "100": "#F6E6D5", "200": "#EECCAA", "300": "#E5B380", "400": "#DD9955", "500": "#D47F2B", "600": "#A86522", "700": "#7F4C1A", "800": "#553311", "900": "#2A1909" }, "color-4": { "100": "#F3E6D8", "200": "#E8CCB0", "300": "#DCB389", "400": "#D09962", "500": "#C5803A", "600": "#A86D32", "700": "#764D23", "800": "#4F3317", "900": "#271A0C" }, "color-5": { "100": "#F0E6DB", "200": "#E2CCB6", "300": "#D3B392", "400": "#C5996D", "500": "#A87643", "600": "#92663A", "700": "#6D4D2C", "800": "#49331D", "900": "#241A0F" }, "color-6": { "100": "#EEE6DD", "200": "#DDCCBB", "300": "#CCB399", "400": "#BB9977", "500": "#A87E54", "600": "#886644", "700": "#664D33", "800": "#443322", "900": "#221A11" }, "color-7": { "100": "#EDE5DE", "200": "#DACCBE", "300": "#C8B29D", "400": "#B5997D", "500": "#A88665", "600": "#82664A", "700": "#624C37", "800": "#413325", "900": "#211912" }, "color-8": { "100": "#EBE6E0", "200": "#D7CCC1", "300": "#C4B3A1", "400": "#A88F76", "500": "#9C8063", "600": "#7D664F", "700": "#5E4D3B", "800": "#3E3328", "900": "#1F1A14" }, "color-9": { "100": "#EAE6E1", "200": "#D4CCC4", "300": "#BFB3A6", "400": "#A89786", "500": "#94806B", "600": "#776655", "700": "#594D40", "800": "#3B332B", "900": "#1E1A15" }, "color-10": { "100": "#E8E6E3", "200": "#D1CCC7", "300": "#B9B3AC", "400": "#A8A097", "500": "#8B8074", "600": "#6F675D", "700": "#534D46", "800": "#38332E", "900": "#1C1A17" } } } } }