/** * 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": "#62808F", "main-color-2": "#70858F", "main-color-3": "#7F8A8F", "main-color-4": "#8D8E8F", "main-color-5": "#9B938F", "main-color-6": "#AA988F", "main-color-7": "#B89D8F", "main-color-8": "#C6A18F", "main-color-9": "#D4A68F", "main-color-10": "#E3AB8F", "color-1": { "100": "#E1E7EA", "200": "#C2CFD6", "300": "#A4B7C1", "400": "#869FAC", "500": "#62808F", "600": "#536C79", "700": "#3E515B", "800": "#29363D", "900": "#151B1E" }, "color-2": { "100": "#E2E7E9", "200": "#C6CED2", "300": "#A9B6BC", "400": "#8D9DA5", "500": "#70858F", "600": "#5A6A72", "700": "#435056", "800": "#2D3539", "900": "#161B1D" }, "color-3": { "100": "#E4E6E7", "200": "#C9CDCF", "300": "#ADB4B8", "400": "#929CA0", "500": "#7F8A8F", "600": "#5F696D", "700": "#474E52", "800": "#303436", "900": "#181A1B" }, "color-4": { "100": "#E5E6E6", "200": "#CCCCCC", "300": "#B2B3B3", "400": "#8D8E8F", "500": "#7E8081", "600": "#656667", "700": "#4C4D4D", "800": "#333333", "900": "#191A1A" }, "color-5": { "100": "#E7E5E4", "200": "#CFCBC9", "300": "#B7B1AE", "400": "#9B938F", "500": "#877D78", "600": "#6C6460", "700": "#514B48", "800": "#363230", "900": "#1B1918" }, "color-6": { "100": "#E9E4E2", "200": "#D3CAC5", "300": "#BDAFA8", "400": "#AA988F", "500": "#917A6E", "600": "#746158", "700": "#574942", "800": "#3A312C", "900": "#1D1816" }, "color-7": { "100": "#EBE4E0", "200": "#D7C8C1", "300": "#C4ADA1", "400": "#B89D8F", "500": "#9C7663", "600": "#7D5F4F", "700": "#5E473B", "800": "#3E2F28", "900": "#1F1814" }, "color-8": { "100": "#EEE3DD", "200": "#DDC6BB", "300": "#C6A18F", "400": "#BA8E78", "500": "#A97156", "600": "#875B45", "700": "#654434", "800": "#442D22", "900": "#221711" }, "color-9": { "100": "#F1E2DA", "200": "#E3C4B5", "300": "#D4A68F", "400": "#C68A6C", "500": "#B86D47", "600": "#935739", "700": "#6F412A", "800": "#4A2B1C", "900": "#25160E" }, "color-10": { "100": "#F5E0D6", "200": "#EBC2AD", "300": "#E3AB8F", "400": "#D6855C", "500": "#CC6633", "600": "#A35229", "700": "#7A3D1F", "800": "#522914", "900": "#29140A" } } } } }