/** * 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": "#003233", "main-color-2": "#36263B", "main-color-3": "#372A16", "color-1": { "100": "#CCFEFF", "200": "#99FDFF", "300": "#66FCFF", "400": "#33FBFF", "500": "#00FAFF", "600": "#00C8CC", "700": "#009699", "800": "#006466", "900": "#003233" }, "color-2": { "100": "#E8E0EB", "200": "#D2C1D7", "300": "#BBA2C3", "400": "#A583AF", "500": "#8E649B", "600": "#72507C", "700": "#553C5D", "800": "#36263B", "900": "#1C141F" }, "color-3": { "100": "#F0E8DB", "200": "#E2D1B6", "300": "#D3B992", "400": "#C5A26D", "500": "#B68B49", "600": "#926F3A", "700": "#6D532C", "800": "#372A16", "900": "#241C0F" } } } } }