/** * 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": "#7058BF", "main-color-2": "#7F6BBF", "main-color-3": "#8D7EBF", "main-color-4": "#9C91BF", "main-color-5": "#ABA4BF", "main-color-6": "#B9B8BF", "main-color-7": "#C8CBBF", "main-color-8": "#D7DEBF", "main-color-9": "#E5F1BF", "main-color-10": "#F4FFBF", "color-1": { "100": "#DFDAF1", "200": "#C0B5E3", "300": "#A090D5", "400": "#816CC6", "500": "#7058BF", "600": "#4E3993", "700": "#3A2A6F", "800": "#271C4A", "900": "#130E25" }, "color-2": { "100": "#E0DBF0", "200": "#C1B8E0", "300": "#A394D1", "400": "#7F6BBF", "500": "#654DB2", "600": "#513E8E", "700": "#3D2E6B", "800": "#281F47", "900": "#140F24" }, "color-3": { "100": "#E1DDEE", "200": "#C3BBDD", "300": "#A599CC", "400": "#8D7EBF", "500": "#6855AA", "600": "#544488", "700": "#3F3366", "800": "#2A2244", "900": "#151122" }, "color-4": { "100": "#E2DFEC", "200": "#C5BFD9", "300": "#9C91BF", "400": "#8B7EB4", "500": "#6E5EA1", "600": "#584B81", "700": "#423861", "800": "#2C2640", "900": "#161320" }, "color-5": { "100": "#E3E1EA", "200": "#C8C3D5", "300": "#ABA4BF", "400": "#9087AB", "500": "#756996", "600": "#5D5478", "700": "#463F5A", "800": "#2F2A3C", "900": "#17151E" }, "color-6": { "100": "#E5E4E7", "200": "#CAC9CF", "300": "#B9B8BF", "400": "#95949E", "500": "#7B7986", "600": "#62616B", "700": "#4A4950", "800": "#313036", "900": "#19181B" }, "color-7": { "100": "#E7E8E3", "200": "#C8CBBF", "300": "#B6BAAB", "400": "#9EA48E", "500": "#868D72", "600": "#6B715B", "700": "#505445", "800": "#36382E", "900": "#1B1C17" }, "color-8": { "100": "#EAEEDD", "200": "#D7DEBF", "300": "#C0CB9A", "400": "#ABBA78", "500": "#96A857", "600": "#788745", "700": "#5A6534", "800": "#3C4323", "900": "#1E2211" }, "color-9": { "100": "#EEF6D5", "200": "#E5F1BF", "300": "#CCE481", "400": "#BBDA58", "500": "#AAD12E", "600": "#88A725", "700": "#667E1B", "800": "#445412", "900": "#222A09" }, "color-10": { "100": "#F4FFBF", "200": "#EDFF99", "300": "#E5FF66", "400": "#DCFF33", "500": "#D3FF00", "600": "#A9CC00", "700": "#7F9900", "800": "#546600", "900": "#2A3300" } } } } }