/** * 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": "#1A1D1D", "main-color-2": "#1D1C1E", "main-color-3": "#1E1C1A", "color-1": { "100": "#E4E7E7", "200": "#C9CFCF", "300": "#AEB7B7", "400": "#939F9F", "500": "#798686", "600": "#606C6C", "700": "#485151", "800": "#303636", "900": "#1A1D1D" }, "color-2": { "100": "#E6E5E6", "200": "#CCCACE", "300": "#B3B0B5", "400": "#99959D", "500": "#807B84", "600": "#66626A", "700": "#4D4A4F", "800": "#333135", "900": "#1D1C1E" }, "color-3": { "100": "#E7E6E4", "200": "#D0CCC8", "300": "#B8B3AD", "400": "#A09992", "500": "#898076", "600": "#6D665F", "700": "#524D47", "800": "#37332F", "900": "#1E1C1A" } } } } }