aestheticcolours

Tailwind palette

The red palette

An 11-step red 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#FFF2F0
100#FFDFDB
200#FFC5BE
300#FF9C94
400#FF6D66
500#EF4444
600#C82C33
700#A42E34
800#7E272D
900#652428
950#320B0F
tailwind.config — v4@theme
@theme {
  --color-red-50: #fff2f0;
  --color-red-100: #ffdfdb;
  --color-red-200: #ffc5be;
  --color-red-300: #ff9c94;
  --color-red-400: #ff6d66;
  --color-red-500: #ef4444;
  --color-red-600: #c82c33;
  --color-red-700: #a42e34;
  --color-red-800: #7e272d;
  --color-red-900: #652428;
  --color-red-950: #320b0f;
}
Open in the generatorAll colour palettes

More palettes