/** * 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": "#101114", "main-color-2": "#0E1014", "main-color-3": "#0C0E14", "main-color-4": "#0A0D14", "main-color-5": "#080B14", "main-color-6": "#060A14", "main-color-7": "#040814", "main-color-8": "#020614", "main-color-9": "#000514", "color-1": { "100": "#E3E4E8", "200": "#C6C9D2", "300": "#AAAEBB", "400": "#8E93A4", "500": "#71788E", "600": "#5B6071", "700": "#444855", "800": "#2D3039", "900": "#101114" }, "color-2": { "100": "#E1E4EA", "200": "#C3C9D5", "300": "#A5AEC0", "400": "#8793AB", "500": "#697896", "600": "#546078", "700": "#3F485A", "800": "#2A303C", "900": "#0E1014" }, "color-3": { "100": "#DFE2EC", "200": "#BFC6D9", "300": "#9FA9C6", "400": "#808CB3", "500": "#60709F", "600": "#4D5980", "700": "#394360", "800": "#262D40", "900": "#0C0E14" }, "color-4": { "100": "#DDE2EE", "200": "#BBC5DD", "300": "#99A8CC", "400": "#778BBB", "500": "#556EAA", "600": "#445888", "700": "#334266", "800": "#222C44", "900": "#0A0D14" }, "color-5": { "100": "#DBE0F0", "200": "#B6C1E2", "300": "#92A2D3", "400": "#6D83C5", "500": "#4964B6", "600": "#3A5092", "700": "#2C3C6D", "800": "#1D2849", "900": "#080B14" }, "color-6": { "100": "#D8E0F3", "200": "#B1C0E7", "300": "#89A1DC", "400": "#6281D0", "500": "#3B62C4", "600": "#2F4E9D", "700": "#233B76", "800": "#18274E", "900": "#060A14" }, "color-7": { "100": "#D5DDF6", "200": "#AABBEE", "300": "#8099E5", "400": "#5577DD", "500": "#2B55D4", "600": "#2244AA", "700": "#1A337F", "800": "#112255", "900": "#09112B" }, "color-8": { "100": "#D1DAFA", "200": "#A2B5F6", "300": "#7490F1", "400": "#466BEC", "500": "#1746E8", "600": "#1338B9", "700": "#0E2A8B", "800": "#091C5D", "900": "#050E2E" }, "color-9": { "100": "#CCD9FF", "200": "#99B3FF", "300": "#668CFF", "400": "#3366FF", "500": "#0040FF", "600": "#0033CC", "700": "#002699", "800": "#001966", "900": "#000D33" } } } } }