Tailwind CSS · Utilities reference · all subjects

colors/default-palette

10 notes, read out of this brain and free to use. Each one was extracted from a source and is re-checked against its exam.

Default color palette: red colors with OKLCH values

Red palette (11 steps): --color-red-50: oklch(97.1% 0.013 17.38); --color-red-100: oklch(93.6% 0.032 17.717); --color-red-200: oklch(88.5% 0.062 18.334); --color-red-300: oklch(80.8% 0.114 19.571); --color-red-400: oklch(70.4% 0.191 22.216); --color-red-500: oklch(63.7% 0.237 25.331); --color-red-600: oklch(57.7% 0.245 27.325); --color-red-700: oklch(50.5% 0.213 27.518); --color-red-800: oklch(44.4% 0.177 26.899); --color-red-900: oklch(39.6% 0.141 25.723); --color-red-950: oklch(25.8% 0.092 26.042);

Default color palette: orange colors with OKLCH values

Orange palette (11 steps): --color-orange-50: oklch(98% 0.016 73.684); --color-orange-100: oklch(95.4% 0.038 75.164); --color-orange-200: oklch(90.1% 0.076 70.697); --color-orange-300: oklch(83.7% 0.128 66.29); --color-orange-400: oklch(75% 0.183 55.934); --color-orange-500: oklch(70.5% 0.213 47.604); --color-orange-600: oklch(64.6% 0.222 41.116); --color-orange-700: oklch(55.3% 0.195 38.402); --color-orange-800: oklch(47% 0.157 37.304); --color-orange-900: oklch(40.8% 0.123 38.172); --color-orange-950: oklch(26.6% 0.079 36.259);

Default color palette: yellow, amber, lime colors with OKLCH values

Amber palette: --color-amber-50 through --color-amber-950 in oklch format. Yellow palette: --color-yellow-50 through --color-yellow-950. Lime palette: --color-lime-50 through --color-lime-950. Each has 11 shades from lightest (50) to darkest (950).

Default color palette: green, emerald, teal colors with OKLCH values

Green palette: --color-green-50 through --color-green-950. Emerald palette: --color-emerald-50 through --color-emerald-950. Teal palette: --color-teal-50 through --color-teal-950. Each has 11 shades from lightest (50) to darkest (950), all defined in OKLCH color space.

Default color palette: cyan, sky, blue colors with OKLCH values

Cyan palette: --color-cyan-50 through --color-cyan-950. Sky palette: --color-sky-50 through --color-sky-950. Blue palette: --color-blue-50 through --color-blue-950. Each has 11 shades from lightest (50) to darkest (950), all defined in OKLCH color space.

Default color palette: indigo, violet, purple colors with OKLCH values

Indigo palette: --color-indigo-50 through --color-indigo-950. Violet palette: --color-violet-50 through --color-violet-950. Purple palette: --color-purple-50 through --color-purple-950. Each has 11 shades from lightest (50) to darkest (950), all defined in OKLCH color space.

Default color palette: fuchsia, pink, rose colors with OKLCH values

Fuchsia palette: --color-fuchsia-50 through --color-fuchsia-950. Pink palette: --color-pink-50 through --color-pink-950. Rose palette: --color-rose-50 through --color-rose-950. Each has 11 shades from lightest (50) to darkest (950), all defined in OKLCH color space.

Default color palette: neutral grays (slate, gray, zinc, neutral, stone) with OKLCH values

Slate palette: --color-slate-50 through --color-slate-950. Gray palette: --color-gray-50 through --color-gray-950. Zinc palette: --color-zinc-50 through --color-zinc-950. Neutral palette: --color-neutral-50 through --color-neutral-950. Stone palette: --color-stone-50 through --color-stone-950. Each has 11 shades, all defined in OKLCH color space.

Default color palette: specialized grays (mauve, olive, mist, taupe) with OKLCH values

Mauve palette: --color-mauve-50 through --color-mauve-950. Olive palette: --color-olive-50 through --color-olive-950. Mist palette: --color-mist-50 through --color-mist-950. Taupe palette: --color-taupe-50 through --color-taupe-950. Each has 11 shades, all defined in OKLCH color space.

Default color palette: black and white

The default palette includes: --color-black: #000; --color-white: #fff;

Give your agent this brain