/** * 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": "#E2EBE2", "main-color-2": "#EBE2EB", "color-1": { "100": "#E2EBE2", "200": "#C3D5C3", "300": "#A4C1A4", "400": "#86AC86", "500": "#689768", "600": "#537953", "700": "#3E5B3E", "800": "#2A3C2A", "900": "#151E15" }, "color-2": { "100": "#EBE2EB", "200": "#D5C3D5", "300": "#C1A4C1", "400": "#AC86AC", "500": "#976897", "600": "#795379", "700": "#5B3E5B", "800": "#3C2A3C", "900": "#1E151E" } } } } }