aestheticcolours

Tailwind palette

The fuchsia palette

An 11-step fuchsia 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#FFF0FF
100#FDDAFF
200#F9BDFF
300#F090FF
400#E85AFD
500#D946EF
600#AA22C1
700#8A2AA1
800#69267E
900#542465
950#270B32
tailwind.config — v4@theme
@theme {
  --color-fuchsia-50: #fff0ff;
  --color-fuchsia-100: #fddaff;
  --color-fuchsia-200: #f9bdff;
  --color-fuchsia-300: #f090ff;
  --color-fuchsia-400: #e85afd;
  --color-fuchsia-500: #d946ef;
  --color-fuchsia-600: #aa22c1;
  --color-fuchsia-700: #8a2aa1;
  --color-fuchsia-800: #69267e;
  --color-fuchsia-900: #542465;
  --color-fuchsia-950: #270b32;
}
Open in the generatorAll colour palettes

More palettes