Purple Monochrome color palette

Purple Monochrome is a 5-colour monochrome, purple palette combining Lavender, Periwinkle, Wisteria, Royal Purple and Midnight Blue. It works especially well for UI design systems, where light shades become backgrounds and dark shades become text. Because the colours share a similar hue, the palette feels cohesive — use contrast in lightness to create hierarchy.

:root {
  --lavender: #f4effa;
  --periwinkle: #d6c6f0;
  --wisteria: #a98ade;
  --royal-purple: #6d4bb8;
  --midnight-blue: #3a2370;
}