Color Palette

:root {
  --color-1: #00296B;
  --color-1-rgb: 0, 41, 107;
  --color-1-hsl: 217, 100%, 21%;
  --color-2: #00509D;
  --color-2-rgb: 0, 80, 157;
  --color-2-hsl: 209, 100%, 31%;
  --color-3: #BDE0FE;
  --color-3-rgb: 189, 224, 254;
  --color-3-hsl: 208, 97%, 87%;
  --color-4: #CAF0F8;
  --color-4-rgb: 202, 240, 248;
  --color-4-hsl: 190, 77%, 88%;
  --color-5: #E2F3FF;
  --color-5-rgb: 226, 243, 255;
  --color-5-hsl: 205, 100%, 94%;
}