Color Palette

:root {
  --color-1: #F4D03F;
  --color-1-rgb: 244, 208, 63;
  --color-1-hsl: 48, 89%, 60%;
  --color-2: #E8A83B;
  --color-2-rgb: 232, 168, 59;
  --color-2-hsl: 38, 79%, 57%;
  --color-3: #D35400;
  --color-3-rgb: 211, 84, 0;
  --color-3-hsl: 24, 100%, 41%;
  --color-4: #8E44AD;
  --color-4-rgb: 142, 68, 173;
  --color-4-hsl: 282, 44%, 47%;
  --color-5: #1ABC9C;
  --color-5-rgb: 26, 188, 156;
  --color-5-hsl: 168, 76%, 42%;
}