Palette Generator
Generate complementary, triadic or analogous palettes from a base color.
#3bdff6
#3b82f6
#523bf6
Private & SecureRuns in your browser — nothing is uploaded
Easy to UseJust paste or type — instant results
Free ForeverUnlimited use, no sign-up
Fast & ReliableAdvanced tech, fast and stable
Starting from one colour, a balanced palette follows the geometry of the colour wheel, complementary, triadic or analogous, which is fiddly to work out by eye. Enter a base colour and generate matching schemes, each with copyable codes for every swatch.
How to use: Palette Generator
- 1Enter inputPick or enter a base color as your starting point.
- 2Set optionsChoose a harmony mode: complementary, triadic, analogous, tetradic or shades.
- 3ProcessReview the full harmonious palette that is generated.
- 4Get resultClick any swatch to copy its HEX value for your design.
Common use cases
Build from one colourTurn a brand colour into a full, coherent scheme.
Explore harmoniesCompare complementary, triadic and analogous sets side by side.
Copy every swatchGrab the HEX for each colour in the palette at once.
Find an accentPick a contrasting accent that still belongs with your base.
Good to know
Harmony rules are starting pointsComplementary, triadic and analogous are guides, not laws. Use them to get close, then adjust by eye for the feel you want.
Balance with proportionA scheme works better when one colour dominates and the others support, rather than equal amounts of each. The classic split is roughly sixty, thirty, ten.
Still check contrast for textA pretty palette can fail readability. Run text-and-background pairs through a contrast check before you ship them.
Screen and print differVivid screen colours can dull in print. Confirm against the final medium, not just the monitor.