Iris color palette

Iris is a 4-colour purple, blue palette combining Royal Blue, Amethyst, Periwinkle and Lavender. Because the colours share a similar hue, the palette feels cohesive — use contrast in lightness to create hierarchy.

:root {
  --royal-blue: #5a4fcf;
  --amethyst: #8a7fe6;
  --periwinkle: #c4bdf5;
  --lavender: #f1efff;
}