/** * 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": "#2595DB", "main-color-2": "#DB6B25", "color-1": { "100": "#D3EAF8", "200": "#A7D4F1", "300": "#7CBFE9", "400": "#50AAE2", "500": "#2595DB", "600": "#1D77AF", "700": "#165983", "800": "#0E3B58", "900": "#071E2C" }, "color-2": { "100": "#F8E1D3", "200": "#F1C4A7", "300": "#E9A67C", "400": "#E28850", "500": "#DB6B25", "600": "#AF551D", "700": "#834016", "800": "#582B0E", "900": "#2C1507" } } } } }