aestheticcolours

Tailwind palette

The zinc palette

An 11-step zinc 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#F5F5F7
100#E7E7EA
200#D4D4DA
300#BABAC3
400#A1A1AB
500#868690
600#71717A
700#5D5E65
800#49494F
900#3C3C40
950#1A1A1C
tailwind.config — v4@theme
@theme {
  --color-zinc-50: #f5f5f7;
  --color-zinc-100: #e7e7ea;
  --color-zinc-200: #d4d4da;
  --color-zinc-300: #babac3;
  --color-zinc-400: #a1a1ab;
  --color-zinc-500: #868690;
  --color-zinc-600: #71717a;
  --color-zinc-700: #5d5e65;
  --color-zinc-800: #49494f;
  --color-zinc-900: #3c3c40;
  --color-zinc-950: #1a1a1c;
}
Open in the generatorAll colour palettes

More palettes