aestheticcolours

Tailwind palette

The pink palette

An 11-step pink 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#FFF1F5
100#FFDDE8
200#FFC1D7
300#FF94C1
400#FF5EAA
500#EC4899
600#BE2A79
700#9B2D69
800#772754
900#5F2445
950#2E0B20
tailwind.config — v4@theme
@theme {
  --color-pink-50: #fff1f5;
  --color-pink-100: #ffdde8;
  --color-pink-200: #ffc1d7;
  --color-pink-300: #ff94c1;
  --color-pink-400: #ff5eaa;
  --color-pink-500: #ec4899;
  --color-pink-600: #be2a79;
  --color-pink-700: #9b2d69;
  --color-pink-800: #772754;
  --color-pink-900: #5f2445;
  --color-pink-950: #2e0b20;
}
Open in the generatorAll colour palettes

More palettes