/** * 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": { "color-4": { "100": "#D8ECF3", "200": "#B1D9E7", "300": "#89C5DC", "400": "#62B2D0", "500": "#3B9FC4", "600": "#2E7C99", "700": "#235F76", "800": "#18404E", "900": "#0C2027" } } } } }