aestheticcolours

Tailwind palette

The slate palette

An 11-step slate 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#F3F6FA
100#E2E8F1
200#CCD6E6
300#ADBCD2
400#92A4BE
500#7789A2
600#64748B
700#526071
800#404B58
900#353E47
950#161B20
tailwind.config — v4@theme
@theme {
  --color-slate-50: #f3f6fa;
  --color-slate-100: #e2e8f1;
  --color-slate-200: #ccd6e6;
  --color-slate-300: #adbcd2;
  --color-slate-400: #92a4be;
  --color-slate-500: #7789a2;
  --color-slate-600: #64748b;
  --color-slate-700: #526071;
  --color-slate-800: #404b58;
  --color-slate-900: #353e47;
  --color-slate-950: #161b20;
}
Open in the generatorAll colour palettes

More palettes