aestheticcolours

Tailwind palette

The rose palette

An 11-step rose 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#FFF2F1
100#FFDFDE
200#FFC4C5
300#FF9AA0
400#FF6A7A
500#F43F5E
600#C92348
700#A42943
800#7F2438
900#652230
950#320A14
tailwind.config — v4@theme
@theme {
  --color-rose-50: #fff2f1;
  --color-rose-100: #ffdfde;
  --color-rose-200: #ffc4c5;
  --color-rose-300: #ff9aa0;
  --color-rose-400: #ff6a7a;
  --color-rose-500: #f43f5e;
  --color-rose-600: #c92348;
  --color-rose-700: #a42943;
  --color-rose-800: #7f2438;
  --color-rose-900: #652230;
  --color-rose-950: #320a14;
}
Open in the generatorAll colour palettes

More palettes