Color Palette

:root {
  --color-1: #1565C0;
  --color-1-rgb: 21, 101, 192;
  --color-1-hsl: 212, 80%, 42%;
  --color-2: #1976D2;
  --color-2-rgb: 25, 118, 210;
  --color-2-hsl: 210, 79%, 46%;
  --color-3: #42A5F5;
  --color-3-rgb: 66, 165, 245;
  --color-3-hsl: 207, 90%, 61%;
  --color-4: #90CAF9;
  --color-4-rgb: 144, 202, 249;
  --color-4-hsl: 207, 90%, 77%;
  --color-5: #E3F2FD;
  --color-5-rgb: 227, 242, 253;
  --color-5-hsl: 205, 87%, 94%;
}