Palette Generator

:root {
  --color-1: #264653;
  --color-1-rgb: 38, 70, 83;
  --color-1-hsl: 197, 37%, 24%;
  --color-2: #2a9d8f;
  --color-2-rgb: 42, 157, 143;
  --color-2-hsl: 173, 58%, 39%;
  --color-3: #e9c46a;
  --color-3-rgb: 233, 196, 106;
  --color-3-hsl: 43, 74%, 66%;
  --color-4: #f4a261;
  --color-4-rgb: 244, 162, 97;
  --color-4-hsl: 27, 87%, 67%;
  --color-5: #e76f51;
  --color-5-rgb: 231, 111, 81;
  --color-5-hsl: 12, 76%, 61%;
}