aestheticcolours

Tailwind palette

The gray palette

An 11-step gray 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#F4F5F8
100#E5E7ED
200#D1D5DF
300#B5BBC9
400#9BA3B3
500#808897
600#6B7280
700#595F69
800#454A52
900#393D43
950#181B1E
tailwind.config — v4@theme
@theme {
  --color-gray-50: #f4f5f8;
  --color-gray-100: #e5e7ed;
  --color-gray-200: #d1d5df;
  --color-gray-300: #b5bbc9;
  --color-gray-400: #9ba3b3;
  --color-gray-500: #808897;
  --color-gray-600: #6b7280;
  --color-gray-700: #595f69;
  --color-gray-800: #454a52;
  --color-gray-900: #393d43;
  --color-gray-950: #181b1e;
}
Open in the generatorAll colour palettes

More palettes