/** * 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": "#C6C6EA", "main-color-2": "#F2F2FF", "main-color-3": "#C6EAEA", "main-color-4": "#787880", "main-color-5": "#000000", "main-color-6": "#808080", "color-1": { "100": "#DADAF1", "200": "#C6C6EA", "300": "#8F8FD6", "400": "#6A6AC8", "500": "#4545BA", "600": "#373795", "700": "#292970", "800": "#1B1B4B", "900": "#0E0E25" }, "color-2": { "100": "#CCCCFF", "200": "#9999FF", "300": "#6666FF", "400": "#3333FF", "500": "#0000FF", "600": "#0000CC", "700": "#000099", "800": "#000066", "900": "#000033" }, "color-3": { "100": "#DAF1F1", "200": "#C6EAEA", "300": "#8FD6D6", "400": "#6AC8C8", "500": "#45BABA", "600": "#379595", "700": "#297070", "800": "#1B4B4B", "900": "#0E2525" }, "color-4": { "100": "#E5E5E6", "200": "#CACACE", "300": "#B0B0B5", "400": "#96969C", "500": "#787880", "600": "#636369", "700": "#4A4A4F", "800": "#313135", "900": "#19191A" }, "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" } } } } }