Color Palette Generator
Generate harmonious colour palettes from a base colour — complementary, analogous, triadic, and split-complementary.
Studio · neutral surround
5
Features
Complementary colors
Analogous colors
Triadic scheme
Split-complementary
CSS variable export
How to Use
1. Pick a base color and a harmony scheme — the stage fills with a palette.
2. Press Space (or Shuffle) for variations. Hover a column to copy, edit, open its shades ladder, or lock it through shuffles.
3. Switch the stage surface (white / grey / deep / checker) to proof the palette against different surrounds, then export as CSS, Tailwind, JSON, SVG or PNG.
Frequently Asked Questions
What is a complementary color?
A complementary color is the color directly opposite another on the color wheel, creating maximum contrast.