aestheticcolours

Tailwind palette

The neutral palette

An 11-step neutral 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#F5F5F5
100#E7E7E7
200#D5D5D5
300#BBBBBB
400#A2A2A2
500#878787
600#737373
700#5E5E5E
800#4A4A4A
900#3C3C3C
950#1A1A1A
tailwind.config — v4@theme
@theme {
  --color-neutral-50: #f5f5f5;
  --color-neutral-100: #e7e7e7;
  --color-neutral-200: #d5d5d5;
  --color-neutral-300: #bbbbbb;
  --color-neutral-400: #a2a2a2;
  --color-neutral-500: #878787;
  --color-neutral-600: #737373;
  --color-neutral-700: #5e5e5e;
  --color-neutral-800: #4a4a4a;
  --color-neutral-900: #3c3c3c;
  --color-neutral-950: #1a1a1a;
}
Open in the generatorAll colour palettes

More palettes