aestheticcolours

Tailwind palette

The olive palette

An 11-step olive 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#F5F6EF
100#E8E9DA
200#D6D8BD
300#BDBF98
400#A5A677
500#8A8B5C
600#737349
700#626040
800#4D4B33
900#3F3D2B
950#1C1B10
tailwind.config — v4@theme
@theme {
  --color-olive-50: #f5f6ef;
  --color-olive-100: #e8e9da;
  --color-olive-200: #d6d8bd;
  --color-olive-300: #bdbf98;
  --color-olive-400: #a5a677;
  --color-olive-500: #8a8b5c;
  --color-olive-600: #737349;
  --color-olive-700: #626040;
  --color-olive-800: #4d4b33;
  --color-olive-900: #3f3d2b;
  --color-olive-950: #1c1b10;
}
Open in the generatorAll colour palettes

More palettes