/** * 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": "#F0FFFF", "main-color-2": "#FFFAFF", "main-color-3": "#FFFBF2", "color-1": { "100": "#CCFFFF", "200": "#99FFFF", "300": "#66FFFF", "400": "#33FFFF", "500": "#00FFFF", "600": "#00CCCC", "700": "#009999", "800": "#006666", "900": "#003333" }, "color-2": { "100": "#FFCCFF", "200": "#FF99FF", "300": "#FF66FF", "400": "#FF33FF", "500": "#FF00FF", "600": "#CC00CC", "700": "#990099", "800": "#660066", "900": "#330033" }, "color-3": { "100": "#FFEFCC", "200": "#FFE099", "300": "#FFD066", "400": "#FFC033", "500": "#FFB100", "600": "#CC8D00", "700": "#996A00", "800": "#664700", "900": "#332300" } } } } }