aestheticcolours

Tailwind palette

The green palette

An 11-step green 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#E7FCEC
100#CCF3D4
200#A0EAB0
300#67D783
400#22C55E
500#00A348
600#008837
700#017325
800#16591D
900#1B481B
950#072106
tailwind.config — v4@theme
@theme {
  --color-green-50: #e7fcec;
  --color-green-100: #ccf3d4;
  --color-green-200: #a0eab0;
  --color-green-300: #67d783;
  --color-green-400: #22c55e;
  --color-green-500: #00a348;
  --color-green-600: #008837;
  --color-green-700: #017325;
  --color-green-800: #16591d;
  --color-green-900: #1b481b;
  --color-green-950: #072106;
}
Open in the generatorAll colour palettes

More palettes