/** * 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": "#00A67E", "main-color-2": "#39C298", "main-color-3": "#5BDEB3", "main-color-4": "#7AFBCE", "main-color-5": "#98FFEA", "main-color-6": "#B5FFFF", "main-color-7": "#D3FFFF", "main-color-8": "#F2FFFF", "main-color-9": "#FFFFFF", "color-1": { "100": "#CCFFF3", "200": "#99FFE6", "300": "#66FFDA", "400": "#33FFCE", "500": "#00FFC2", "600": "#00CC9B", "700": "#00A67E", "800": "#00664D", "900": "#003327" }, "color-2": { "100": "#D8F3EB", "200": "#B0E8D7", "300": "#89DCC3", "400": "#61D1AF", "500": "#39C298", "600": "#2E9E7C", "700": "#23765D", "800": "#174F3E", "900": "#0C271F" }, "color-3": { "100": "#D5F6EB", "200": "#AAEED8", "300": "#80E5C4", "400": "#5BDEB3", "500": "#2BD49D", "600": "#22AA7D", "700": "#1A7F5E", "800": "#11553F", "900": "#092A1F" }, "color-4": { "100": "#CDFEED", "200": "#9CFCDB", "300": "#7AFBCE", "400": "#39F9B6", "500": "#07F8A4", "600": "#06C683", "700": "#049562", "800": "#036342", "900": "#013221" }, "color-5": { "100": "#CCFFF5", "200": "#98FFEA", "300": "#66FFE0", "400": "#33FFD5", "500": "#00FFCB", "600": "#00CCA2", "700": "#00997A", "800": "#006651", "900": "#003329" }, "color-6": { "100": "#B5FFFF", "200": "#99FFFF", "300": "#66FFFF", "400": "#33FFFF", "500": "#00FFFF", "600": "#00CCCC", "700": "#009999", "800": "#006666", "900": "#003333" }, "color-7": { "100": "#D3FFFF", "200": "#99FFFF", "300": "#66FFFF", "400": "#33FFFF", "500": "#00FFFF", "600": "#00CCCC", "700": "#009999", "800": "#006666", "900": "#003333" }, "color-8": { "100": "#CCFFFF", "200": "#99FFFF", "300": "#66FFFF", "400": "#33FFFF", "500": "#00FFFF", "600": "#00CCCC", "700": "#009999", "800": "#006666", "900": "#003333" }, "color-9": { "100": "#E6E6E6", "200": "#CCCCCC", "300": "#B3B3B3", "400": "#999999", "500": "#808080", "600": "#666666", "700": "#4D4D4D", "800": "#333333", "900": "#1A1A1A" } } } } }