Color Palette

:root {
  --color-1: #004D7A;
  --color-1-rgb: 0, 77, 122;
  --color-1-hsl: 202, 100%, 24%;
  --color-2: #008C9E;
  --color-2-rgb: 0, 140, 158;
  --color-2-hsl: 187, 100%, 31%;
  --color-3: #00BFB3;
  --color-3-rgb: 0, 191, 179;
  --color-3-hsl: 176, 100%, 37%;
  --color-4: #89E5D3;
  --color-4-rgb: 137, 229, 211;
  --color-4-hsl: 168, 64%, 72%;
  --color-5: #D4F5EF;
  --color-5-rgb: 212, 245, 239;
  --color-5-hsl: 169, 62%, 90%;
}