/** * 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": "#00202D", "main-color-2": "#301313", "main-color-3": "#002119", "color-1": { "100": "#CCF0FF", "200": "#99E2FF", "300": "#66D3FF", "400": "#33C4FF", "500": "#00B5FF", "600": "#0091CC", "700": "#006D99", "800": "#004966", "900": "#00202D" }, "color-2": { "100": "#F1DADA", "200": "#E2B6B6", "300": "#D49191", "400": "#C56D6D", "500": "#B74848", "600": "#923A3A", "700": "#6E2B2B", "800": "#491D1D", "900": "#301313" }, "color-3": { "100": "#CCFFF3", "200": "#99FFE6", "300": "#66FFDA", "400": "#33FFCE", "500": "#00FFC1", "600": "#00CC9B", "700": "#009974", "800": "#00664D", "900": "#002119" } } } } }