aestheticcolours

Tailwind palette

The emerald palette

An 11-step emerald 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#E8FBF2
100#CDF2E0
200#A2E7C6
300#69D4A4
400#10B981
500#00A06E
600#008559
700#007148
800#115836
900#18472D
950#052011
tailwind.config — v4@theme
@theme {
  --color-emerald-50: #e8fbf2;
  --color-emerald-100: #cdf2e0;
  --color-emerald-200: #a2e7c6;
  --color-emerald-300: #69d4a4;
  --color-emerald-400: #10b981;
  --color-emerald-500: #00a06e;
  --color-emerald-600: #008559;
  --color-emerald-700: #007148;
  --color-emerald-800: #115836;
  --color-emerald-900: #18472d;
  --color-emerald-950: #052011;
}
Open in the generatorAll colour palettes

More palettes