/** * 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": "#003547", "main-color-2": "#580028", "main-color-3": "#00330D", "color-1": { "100": "#CCF2FF", "200": "#99E5FF", "300": "#66D8FF", "400": "#33CBFF", "500": "#00BEFF", "600": "#0098CC", "700": "#007299", "800": "#004C66", "900": "#003547" }, "color-2": { "100": "#FFCCE3", "200": "#FF99C7", "300": "#FF66AC", "400": "#FF3390", "500": "#FF0074", "600": "#CC005D", "700": "#990046", "800": "#580028", "900": "#330017" }, "color-3": { "100": "#CCFFD9", "200": "#99FFB3", "300": "#66FF8D", "400": "#33FF67", "500": "#00FF41", "600": "#00CC34", "700": "#009927", "800": "#00661A", "900": "#00330D" } } } } }