/** * 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": "#001B2A", "main-color-2": "#2E0506", "main-color-3": "#001C0C", "color-1": { "100": "#CCEDFF", "200": "#99DBFF", "300": "#66C8FF", "400": "#33B6FF", "500": "#00A4FF", "600": "#0083CC", "700": "#006299", "800": "#004266", "900": "#001B2A" }, "color-2": { "100": "#FAD1D2", "200": "#F5A3A5", "300": "#F07578", "400": "#EB474B", "500": "#E6191E", "600": "#B81418", "700": "#8A0F12", "800": "#5C0A0C", "900": "#2E0506" }, "color-3": { "100": "#CCFFE2", "200": "#99FFC5", "300": "#66FFA8", "400": "#33FF8A", "500": "#00FF6D", "600": "#00CC57", "700": "#009942", "800": "#00662C", "900": "#001C0C" } } } } }