Color Palette

:root {
  --color-1: #102A43;
  --color-1-rgb: 16, 42, 67;
  --color-1-hsl: 209, 61%, 16%;
  --color-2: #2D6CDF;
  --color-2-rgb: 45, 108, 223;
  --color-2-hsl: 219, 74%, 53%;
  --color-3: #5B8DEF;
  --color-3-rgb: 91, 141, 239;
  --color-3-hsl: 220, 82%, 65%;
  --color-4: #A3C4F3;
  --color-4-rgb: 163, 196, 243;
  --color-4-hsl: 215, 77%, 80%;
  --color-5: #EAF2FF;
  --color-5-rgb: 234, 242, 255;
  --color-5-hsl: 217, 100%, 96%;
}