aestheticcolours

Tailwind palette

The mauve palette

An 11-step mauve 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#F7F4F7
100#EBE6EB
200#DBD2DB
300#C3B6C4
400#AC9DAD
500#8E7F8F
600#786B7A
700#645B66
800#4E4750
900#403A41
950#1C191D
tailwind.config — v4@theme
@theme {
  --color-mauve-50: #f7f4f7;
  --color-mauve-100: #ebe6eb;
  --color-mauve-200: #dbd2db;
  --color-mauve-300: #c3b6c4;
  --color-mauve-400: #ac9dad;
  --color-mauve-500: #8e7f8f;
  --color-mauve-600: #786b7a;
  --color-mauve-700: #645b66;
  --color-mauve-800: #4e4750;
  --color-mauve-900: #403a41;
  --color-mauve-950: #1c191d;
}
Open in the generatorAll colour palettes

More palettes