Loading tool…

Features

Multiple Harmony Rules

Try complementary, analogous, triadic, and other classic harmony systems without hand-calculating wheel positions.

Visual Color Relationships

See how the generated colors relate around the color wheel instead of reviewing swatches in isolation.

Copy-Ready Swatches

Use the output in UI work, brand exploration, presentations, or design-system planning.

How It Works

1
Choose a base color

Start with the color you want to build around.

2
Select a harmony mode

Switch between harmony systems to compare different color relationships.

3
Use the resulting set

Copy the swatches that fit your product, brand, or creative direction.

Frequently Asked Questions

Related Tools

Popular Use Cases