Color Palette Generator

:root {
  --scale-50: #f0f6ff;
  --scale-100: #f0f6ff;
  --scale-200: #f0f6ff;
  --scale-300: #f0f6ff;
  --scale-400: #bdd6ff;
  --scale-500: #8ab7ff;
  --scale-600: #5797ff;
  --scale-700: #2478ff;
  --scale-800: #005cf0;
  --scale-900: #0048bd;
  --tints-tint-20: #95beff;
  --tints-tint-40: #a7c9ff;
  --tints-tint-60: #b9d4ff;
  --tints-tint-80: #d0e2ff;
  --tints-tint-100: #e8f1ff;
  --shades-shade-20: #629eff;
  --shades-shade-40: #287aff;
  --shades-shade-60: #005aec;
  --shades-shade-80: #003c9d;
  --shades-shade-100: #001e4f;
  --complement-base: #8bb8ff;
  --complement-complement: #ffd28a;
  --triadic-triad-base: #8ab7ff;
  --triadic-triad-120: #ff8ab7;
  --triadic-triad-240: #b7ff8a;
  --analogous-analog-30: #8af1ff;
  --analogous-analog-15: #8ad4ff;
  --analogous-analog-0: #8ab7ff;
  --analogous-analog-15: #8a99ff;
  --analogous-analog-30: #978aff;
  --split-complementary-split-base: #8ab7ff;
  --split-complementary-split-150: #ff978a;
  --split-complementary-split-210: #f1ff8a;
  --tetradic-tetra-base: #8ab7ff;
  --tetradic-tetra-90: #ff8af1;
  --tetradic-tetra-180: #ffd28a;
  --tetradic-tetra-270: #8aff97;
}