/** * 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": "#FCFEFC", "main-color-2": "#FEFCFE", "color-1": { "100": "#D9F2D9", "200": "#B3E6B3", "300": "#8CD98C", "400": "#66CC66", "500": "#40BF40", "600": "#339933", "700": "#267326", "800": "#194D19", "900": "#0D260D" }, "color-2": { "100": "#F2D9F2", "200": "#E6B3E6", "300": "#D98CD9", "400": "#CC66CC", "500": "#BF40BF", "600": "#993399", "700": "#732673", "800": "#4D194D", "900": "#260D26" } } } } }