/** * 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": "#4B565C", "main-color-2": "#5C514B", "color-1": { "100": "#E3E6E8", "200": "#C7CED1", "300": "#ABB5BA", "400": "#8F9CA3", "500": "#73838C", "600": "#5C6970", "700": "#4B565C", "800": "#2E3538", "900": "#171A1C" }, "color-2": { "100": "#E8E5E3", "200": "#D1CAC7", "300": "#BAB0AB", "400": "#A3968F", "500": "#8C7C73", "600": "#70635C", "700": "#5C514B", "800": "#38312E", "900": "#1C1917" } } } } }