/** * 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": "#3D3D3D", "main-color-2": "#3D4343", "main-color-3": "#3D4949", "main-color-4": "#3D4F4F", "main-color-5": "#3D5555", "main-color-6": "#3D5C5C", "main-color-7": "#3D6262", "main-color-8": "#3D6868", "main-color-9": "#3D6E6E", "main-color-10": "#3D7474", "color-1": { "100": "#E6E6E6", "200": "#CCCCCC", "300": "#B3B3B3", "400": "#999999", "500": "#808080", "600": "#666666", "700": "#4D4D4D", "800": "#3D3D3D", "900": "#1A1A1A" }, "color-2": { "100": "#E4E7E7", "200": "#CACECE", "300": "#AFB6B6", "400": "#949E9E", "500": "#7A8585", "600": "#616B6B", "700": "#3D4343", "800": "#313535", "900": "#181B1B" }, "color-3": { "100": "#E3E8E8", "200": "#C7D1D1", "300": "#ACB9B9", "400": "#90A2A2", "500": "#748B8B", "600": "#5D6F6F", "700": "#3D4949", "800": "#2E3838", "900": "#171C1C" }, "color-4": { "100": "#E2E9E9", "200": "#C5D3D3", "300": "#A9BCBC", "400": "#8CA6A6", "500": "#6F9090", "600": "#597373", "700": "#3D4F4F", "800": "#2C3A3A", "900": "#161D1D" }, "color-5": { "100": "#E1EAEA", "200": "#C4D4D4", "300": "#A6BFBF", "400": "#88AAAA", "500": "#6B9494", "600": "#557777", "700": "#3D5555", "800": "#2B3B3B", "900": "#151E1E" }, "color-6": { "100": "#E0EBEB", "200": "#C2D6D6", "300": "#A3C2C2", "400": "#84AEAE", "500": "#669999", "600": "#517B7B", "700": "#3D5C5C", "800": "#293D3D", "900": "#141F1F" }, "color-7": { "100": "#E0EBEB", "200": "#C0D8D8", "300": "#A1C4C4", "400": "#81B1B1", "500": "#629D9D", "600": "#4E7E7E", "700": "#3D6262", "800": "#273F3F", "900": "#141F1F" }, "color-8": { "100": "#DFECEC", "200": "#BFD9D9", "300": "#9FC6C6", "400": "#7EB4B4", "500": "#5EA1A1", "600": "#4B8181", "700": "#3D6868", "800": "#264040", "900": "#132020" }, "color-9": { "100": "#DEEDED", "200": "#BDDBDB", "300": "#9DC8C8", "400": "#7CB6B6", "500": "#5BA4A4", "600": "#498383", "700": "#3D6E6E", "800": "#244242", "900": "#122121" }, "color-10": { "100": "#DEEDED", "200": "#BCDCDC", "300": "#9BCACA", "400": "#79B9B9", "500": "#58A7A7", "600": "#468686", "700": "#3D7474", "800": "#234343", "900": "#122121" } } } } }