Color

Palette Builder

Build a five-color system from one starting point, then export it as CSS variables.

Starting color

Harmony

:root {
  --palette-1: #ba0a12;
  --palette-2: #d65008;
  --palette-3: #f1b606;
  --palette-4: #d7f917;
  --palette-5: #8bfa30;
}