/** * 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": "#CCB8B8", "main-color-2": "#BDBEAF", "main-color-3": "#ACC1C1", "main-color-4": "#BBBCCA", "color-1": { "100": "#EAE1E1", "200": "#CCB8B8", "300": "#BFA6A6", "400": "#AA8888", "500": "#946B6B", "600": "#775555", "700": "#594040", "800": "#3B2B2B", "900": "#1E1515" }, "color-2": { "100": "#E8E8E3", "200": "#D1D1C7", "300": "#BDBEAF", "400": "#A2A48E", "500": "#8B8D72", "600": "#6F715B", "700": "#535445", "800": "#38382E", "900": "#1C1C17" }, "color-3": { "100": "#E2E9E9", "200": "#C5D3D3", "300": "#ACC1C1", "400": "#8AA8A8", "500": "#6D9292", "600": "#577575", "700": "#415858", "800": "#2C3A3A", "900": "#161D1D" }, "color-4": { "100": "#E2E3E9", "200": "#BBBCCA", "300": "#A9AABC", "400": "#8C8EA6", "500": "#70728F", "600": "#595B73", "700": "#434456", "800": "#2D2E39", "900": "#16171D" } } } } }