aestheticcolours

Tailwind palette

The purple palette

An 11-step purple 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#F9F3FF
100#EEE1FF
200#E1C9FF
300#CDA6FF
400#BC80FF
500#A855F7
600#8B42D4
700#713EAE
800#553387
900#442D6B
950#1E1136
tailwind.config — v4@theme
@theme {
  --color-purple-50: #f9f3ff;
  --color-purple-100: #eee1ff;
  --color-purple-200: #e1c9ff;
  --color-purple-300: #cda6ff;
  --color-purple-400: #bc80ff;
  --color-purple-500: #a855f7;
  --color-purple-600: #8b42d4;
  --color-purple-700: #713eae;
  --color-purple-800: #553387;
  --color-purple-900: #442d6b;
  --color-purple-950: #1e1136;
}
Open in the generatorAll colour palettes

More palettes