/** * 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-1": { "100": "#F8D3DA", "200": "#F0A8B5", "300": "#E97C90", "400": "#E1516B", "500": "#DD3856", "600": "#AE1E38", "700": "#83162A", "800": "#570F1C", "900": "#2C070E" } } } } }