/** * 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": "#F0CE7D", "main-color-2": "#C4DB86", "main-color-3": "#92E4A4", "color-1": { "100": "#FAEED1", "200": "#F4DDA4", "300": "#F0CE7D", "400": "#EABA48", "500": "#E5A91A", "600": "#B78715", "700": "#896510", "800": "#5B440B", "900": "#2E2205" }, "color-2": { "100": "#ECF3D8", "200": "#D9E8B0", "300": "#C4DB86", "400": "#B2D062", "500": "#9FC53A", "600": "#7F9D2F", "700": "#607623", "800": "#404F17", "900": "#20270C" }, "color-3": { "100": "#D6F5DD", "200": "#ADEBBB", "300": "#92E4A4", "400": "#5BD777", "500": "#33CC54", "600": "#29A444", "700": "#1E7B33", "800": "#145222", "900": "#0A2911" } } } } }