/** * 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": "#C7D3AF", "main-color-2": "#FBFFF2", "main-color-3": "#D3BBAF", "main-color-4": "#7D8078", "main-color-5": "#000000", "main-color-6": "#808080", "color-1": { "100": "#E8EDDE", "200": "#C7D3AF", "300": "#BAC99C", "400": "#A3B77B", "500": "#8CA55A", "600": "#708448", "700": "#546336", "800": "#384224", "900": "#1C2112" }, "color-2": { "100": "#EFFFCC", "200": "#E0FF99", "300": "#D0FF66", "400": "#C0FF33", "500": "#B1FF00", "600": "#8DCC00", "700": "#6A9900", "800": "#476600", "900": "#233300" }, "color-3": { "100": "#EDE3DE", "200": "#D3BBAF", "300": "#C9AB9C", "400": "#B78F7B", "500": "#A5735A", "600": "#845C48", "700": "#634536", "800": "#422E24", "900": "#211712" }, "color-4": { "100": "#E6E6E5", "200": "#CCCECA", "300": "#B3B5B0", "400": "#9A9C96", "500": "#7D8078", "600": "#676963", "700": "#4D4F4A", "800": "#333531", "900": "#1A1A19" }, "color-5": { "100": "#E6E6E6", "200": "#CCCCCC", "300": "#B3B3B3", "400": "#999999", "500": "#808080", "600": "#666666", "700": "#4D4D4D", "800": "#333333", "900": "#1A1A1A" }, "color-6": { "100": "#E6E6E6", "200": "#CCCCCC", "300": "#B3B3B3", "400": "#999999", "500": "#808080", "600": "#666666", "700": "#4D4D4D", "800": "#333333", "900": "#1A1A1A" } } } } }