/** * 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": "#A6898A", "main-color-2": "#A38B81", "main-color-3": "#9C8E7C", "color-1": { "100": "#E9E2E2", "200": "#D3C5C5", "300": "#BDA8A9", "400": "#A6898A", "500": "#916E6F", "600": "#745859", "700": "#574243", "800": "#3A2C2C", "900": "#1D1616" }, "color-2": { "100": "#E9E4E2", "200": "#D4C9C4", "300": "#BEAEA7", "400": "#A38B81", "500": "#93776C", "600": "#765F56", "700": "#584841", "800": "#3B302B", "900": "#1D1816" }, "color-3": { "100": "#E9E6E2", "200": "#D3CDC5", "300": "#BDB4A8", "400": "#A79B8B", "500": "#9C8E7C", "600": "#746858", "700": "#574E42", "800": "#3A342C", "900": "#1D1A16" } } } } }