Color Palette

:root {
  --color-1: #7B3F00;
  --color-1-rgb: 123, 63, 0;
  --color-1-hsl: 31, 100%, 24%;
  --color-2: #CC5500;
  --color-2-rgb: 204, 85, 0;
  --color-2-hsl: 25, 100%, 40%;
  --color-3: #FF8C00;
  --color-3-rgb: 255, 140, 0;
  --color-3-hsl: 33, 100%, 50%;
  --color-4: #FFBF47;
  --color-4-rgb: 255, 191, 71;
  --color-4-hsl: 39, 100%, 64%;
  --color-5: #FFF0CC;
  --color-5-rgb: 255, 240, 204;
  --color-5-hsl: 42, 100%, 90%;
}