/** * 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": "#2D3840", "main-color-2": "#3F333A", "main-color-3": "#3E352D", "main-color-4": "#2E3932", "color-1": { "100": "#E1E6EA", "200": "#C3CDD5", "300": "#A5B5C0", "400": "#879CAB", "500": "#698396", "600": "#546978", "700": "#3F4F5A", "800": "#2D3840", "900": "#151A1E" }, "color-2": { "100": "#E8E3E6", "200": "#D1C7CD", "300": "#BBAAB4", "400": "#A48E9B", "500": "#8D7282", "600": "#715B68", "700": "#55444E", "800": "#3F333A", "900": "#1C171A" }, "color-3": { "100": "#EAE5E1", "200": "#D4CCC4", "300": "#BFB2A6", "400": "#A99889", "500": "#947E6B", "600": "#766556", "700": "#594C40", "800": "#3E352D", "900": "#1E1915" }, "color-4": { "100": "#E3E8E5", "200": "#C7D1CB", "300": "#AABBB0", "400": "#8EA496", "500": "#728D7C", "600": "#5B7163", "700": "#44554A", "800": "#2E3932", "900": "#171C19" } } } } }