/** * 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": "#CC3D3D", "main-color-2": "#008537", "main-color-3": "#0078E0", "color-1": { "100": "#F4D7D7", "200": "#EAAEAE", "300": "#DF8686", "400": "#D55D5D", "500": "#CC3D3D", "600": "#A22A2A", "700": "#792020", "800": "#511515", "900": "#280B0B" }, "color-2": { "100": "#CCFFE1", "200": "#99FFC3", "300": "#66FFA5", "400": "#33FF87", "500": "#00FF69", "600": "#00CC54", "700": "#008537", "800": "#00662A", "900": "#003315" }, "color-3": { "100": "#CCE7FF", "200": "#99D0FF", "300": "#66B8FF", "400": "#33A0FF", "500": "#0089FF", "600": "#0078E0", "700": "#005299", "800": "#003766", "900": "#001B33" } } } } }