/** * 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": "#3A3A3A", "main-color-2": "#3A3434", "main-color-3": "#3A2E2E", "main-color-4": "#3A2929", "main-color-5": "#3A2323", "main-color-6": "#3A1D1D", "main-color-7": "#3A1717", "main-color-8": "#3A1111", "main-color-9": "#3A0C0C", "main-color-10": "#3A0606", "color-1": { "100": "#E6E6E6", "200": "#CCCCCC", "300": "#B3B3B3", "400": "#999999", "500": "#808080", "600": "#666666", "700": "#4D4D4D", "800": "#3A3A3A", "900": "#1A1A1A" }, "color-2": { "100": "#E7E4E4", "200": "#CFC9C9", "300": "#B7AEAE", "400": "#9F9393", "500": "#867979", "600": "#6C6060", "700": "#514848", "800": "#3A3434", "900": "#1B1818" }, "color-3": { "100": "#E8E3E3", "200": "#D2C6C6", "300": "#BBAAAA", "400": "#A58D8D", "500": "#8E7171", "600": "#725A5A", "700": "#554444", "800": "#3A2E2E", "900": "#1C1717" }, "color-4": { "100": "#EAE1E1", "200": "#D5C3C3", "300": "#C0A5A5", "400": "#AB8787", "500": "#956A6A", "600": "#785454", "700": "#5A3F3F", "800": "#3A2929", "900": "#1E1515" }, "color-5": { "100": "#ECDFDF", "200": "#D9BFBF", "300": "#C5A0A0", "400": "#B28080", "500": "#9F6060", "600": "#7F4D4D", "700": "#5F3A3A", "800": "#3A2323", "900": "#201313" }, "color-6": { "100": "#EEDDDD", "200": "#DDBBBB", "300": "#CC9999", "400": "#BB7777", "500": "#AA5555", "600": "#884444", "700": "#663333", "800": "#3A1D1D", "900": "#221111" }, "color-7": { "100": "#F1DADA", "200": "#E2B6B6", "300": "#D49191", "400": "#C56D6D", "500": "#B74848", "600": "#923A3A", "700": "#6E2B2B", "800": "#3A1717", "900": "#250E0E" }, "color-8": { "100": "#F3D8D8", "200": "#E8B0B0", "300": "#DC8989", "400": "#D16161", "500": "#C53A3A", "600": "#9E2E2E", "700": "#762323", "800": "#4F1717", "900": "#3A1111" }, "color-9": { "100": "#F6D5D5", "200": "#EEAAAA", "300": "#E58080", "400": "#DC5656", "500": "#D32C2C", "600": "#A92323", "700": "#7F1A1A", "800": "#551111", "900": "#3A0C0C" }, "color-10": { "100": "#FAD1D1", "200": "#F5A3A3", "300": "#F17474", "400": "#EC4646", "500": "#E71818", "600": "#B91313", "700": "#8B0E0E", "800": "#5C0A0A", "900": "#3A0606" } } } } }