tailwind.config.js

/** @type {import('tailwindcss').Config} */

module.exports = {
  content: ["./src/**/*.{js,ts,jsx,tsx}"],
	theme: {
		extend: {
			colors: {
				theme: {
					light: "#f2f2e6",
					dark: "#0a0a0a"
				},
				color0: {
					"50": "#cde7cc",
					"100": "#b3dbb4",
					"200": "#88c58e",
					"300": "#67ae6f",
					"400": "#4f9755",
					"500": "#408040",
					"600": "#3e6837",
					"700": "#3c5130",
					"800": "#333928",
					"900": "#21221c",
				},

				color1: {
					"50": "#ddcce7",
					"100": "#c5b3db",
					"200": "#9189c5",
					"300": "#6771ae",
					"400": "#4f6897",
					"500": "#40607f",
					"600": "#375468",
					"700": "#304451",
					"800": "#283239",
					"900": "#1c1f22",
				},

				color2: {
					"50": "#e7ccd3",
					"100": "#dbb3c2",
					"200": "#c589a9",
					"300": "#ae679a",
					"400": "#974f8d",
					"500": "#7f407f",
					"600": "#633768",
					"700": "#4b3051",
					"800": "#352839",
					"900": "#201c22",
				},

				color3: {
					"50": "#e7e3cc",
					"100": "#dbd4b3",
					"200": "#c5b789",
					"300": "#ae9867",
					"400": "#977b4f",
					"500": "#7f6040",
					"600": "#684937",
					"700": "#513830",
					"800": "#392928",
					"900": "#221c1c",
				},

			},
		},
	},
  plugins: [],
}