Generate a harmonious color palette from a single base color — shades and tints, or complementary, analogous, and triadic schemes — and copy any color with a click.
How it works
- Input a single base color that you want to build around.
- Select a color theory algorithm (Complementary, Analogous, Triadic, or Shades).
- The math generates the swatches. Click any swatch to copy its Hex code.
Frequently asked questions
What defines a complementary color?
It is the hue positioned exactly 180 degrees away on the color wheel, which guarantees maximum visual contrast.
What is the difference between Analogous and Triadic?
Analogous colors sit adjacent to each other on the wheel, offering a calm, harmonious look. Triadic picks three evenly spaced colors for vibrant balance.
How should I apply these palettes in my UI?
Typically, use one color as the dominant background/theme, and use its complementary opposite sparingly for high-attention call-to-action buttons.