/** * 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": "#A4959B", "main-color-2": "#A69595", "main-color-3": "#A59690", "color-1": { "100": "#E7E4E5", "200": "#D0C8CB", "300": "#B8ADB1", "400": "#A4959B", "500": "#89767E", "600": "#6E5E64", "700": "#52474B", "800": "#372F32", "900": "#1B1819" }, "color-2": { "100": "#E8E3E3", "200": "#D0C8C8", "300": "#B9ACAC", "400": "#A69595", "500": "#8B7474", "600": "#6F5D5D", "700": "#534646", "800": "#372F2F", "900": "#1C1717" }, "color-3": { "100": "#E8E4E3", "200": "#D1CAC7", "300": "#BAAFAB", "400": "#A59690", "500": "#8D7A72", "600": "#71615B", "700": "#544945", "800": "#38312E", "900": "#1C1817" } } } } }