Color Harmony Generator

Pick a base color and generate complementary, triadic, analogous, and more palettes.

Export As

:root {
  --color-complementary-1: #6366f1; /* Base */
  --color-complementary-2: #f2ef64; /* Complement */
}