Color Palette

:root {
  --color-1: #FF4500;
  --color-1-rgb: 255, 69, 0;
  --color-1-hsl: 16, 100%, 50%;
  --color-2: #FF8C00;
  --color-2-rgb: 255, 140, 0;
  --color-2-hsl: 33, 100%, 50%;
  --color-3: #FFD700;
  --color-3-rgb: 255, 215, 0;
  --color-3-hsl: 51, 100%, 50%;
  --color-4: #FF69B4;
  --color-4-rgb: 255, 105, 180;
  --color-4-hsl: 330, 100%, 71%;
  --color-5: #8A2BE2;
  --color-5-rgb: 138, 43, 226;
  --color-5-hsl: 271, 76%, 53%;
}