/** * 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": "#E1FBF7", "main-color-2": "#E0FAFF", "main-color-3": "#E5F8FF", "color-1": { "100": "#E1FBF7", "200": "#A5F3E7", "300": "#78EDDB", "400": "#4BE7CF", "500": "#1EE1C3", "600": "#18B49C", "700": "#128775", "800": "#0C5A4E", "900": "#062D27" }, "color-2": { "100": "#E0FAFF", "200": "#99EFFF", "300": "#66E6FF", "400": "#33DEFF", "500": "#00D6FF", "600": "#00ABCC", "700": "#008099", "800": "#005666", "900": "#002B33" }, "color-3": { "100": "#E5F8FF", "200": "#99E4FF", "300": "#66D6FF", "400": "#33C8FF", "500": "#00BAFF", "600": "#0095CC", "700": "#007099", "800": "#004B66", "900": "#002533" } } } } }