Color Palette

:root {
  --color-1: #1E3A8A;
  --color-1-rgb: 30, 58, 138;
  --color-1-hsl: 224, 64%, 33%;
  --color-2: #3B82F6;
  --color-2-rgb: 59, 130, 246;
  --color-2-hsl: 217, 91%, 60%;
  --color-3: #93C5FD;
  --color-3-rgb: 147, 197, 253;
  --color-3-hsl: 212, 96%, 78%;
  --color-4: #DBEAFE;
  --color-4-rgb: 219, 234, 254;
  --color-4-hsl: 214, 95%, 93%;
  --color-5: #EFF6FF;
  --color-5-rgb: 239, 246, 255;
  --color-5-hsl: 214, 100%, 97%;
}