Blue Monochrome color palette

Blue Monochrome is a 5-colour monochrome, blue palette combining Ice Blue, Light Blue, Cornflower, Denim and Oxford 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 {
  --ice-blue: #e7f0fb;
  --light-blue: #b6d0f2;
  --cornflower: #6f9fe0;
  --denim: #2f62b5;
  --oxford-blue: #13305e;
}