aestheticcolours

Tailwind palette

The teal palette

An 11-step teal ramp generated in OKLCH for perceptually even lightness steps, gamut-mapped to sRGB. Copy the Tailwind v4 config below and drop it straight into your project.

50#E8FAF7
100#CDF0EA
200#A2E5DA
300#68D0C1
400#14B8A6
500#009D8D
600#008374
700#006E60
800#075649
900#13463C
950#032019
tailwind.config — v4@theme
@theme {
  --color-teal-50: #e8faf7;
  --color-teal-100: #cdf0ea;
  --color-teal-200: #a2e5da;
  --color-teal-300: #68d0c1;
  --color-teal-400: #14b8a6;
  --color-teal-500: #009d8d;
  --color-teal-600: #008374;
  --color-teal-700: #006e60;
  --color-teal-800: #075649;
  --color-teal-900: #13463c;
  --color-teal-950: #032019;
}
Open in the generatorAll colour palettes

More palettes