Color Palette

:root {
  --color-1: #003566;
  --color-1-rgb: 0, 53, 102;
  --color-1-hsl: 209, 100%, 20%;
  --color-2: #0077B6;
  --color-2-rgb: 0, 119, 182;
  --color-2-hsl: 201, 100%, 36%;
  --color-3: #00B4D8;
  --color-3-rgb: 0, 180, 216;
  --color-3-hsl: 190, 100%, 42%;
  --color-4: #90E0EF;
  --color-4-rgb: 144, 224, 239;
  --color-4-hsl: 189, 75%, 75%;
  --color-5: #CAF0F8;
  --color-5-rgb: 202, 240, 248;
  --color-5-hsl: 190, 77%, 88%;
}