Color Palette Generator
Generate a coordinated colour palette to build a design around.
A starting palette that works together
Choosing colours that look good together from scratch is hard, and a coordinated palette is the foundation of a coherent design. This generates palettes whose colours are chosen to work together, giving you a harmonious starting set to build a site, brand or graphic around.
Generate a palette and adjust it to taste.
Structure beats a random handful
A useful palette is not just pretty colours but a working structure: typically a dominant colour, one or two supporting colours, an accent for calls to action, and neutrals for text and backgrounds. The common beginner mistake is using too many colours with equal weight, which looks chaotic — restraint reads as considered. It is also worth checking the palette for contrast, since a lovely combination that leaves text unreadable fails at the first job. A generated palette gives you a coordinated starting point; refining it into a clear hierarchy of dominant, supporting and accent colours is what turns it into a design system that holds together.
Common questions
How many colours should a palette have?
A workable structure is usually a dominant colour, one or two supporting ones, an accent, and neutrals — restraint reads as considered, too many looks chaotic.
Should I check a palette for contrast?
Yes — a beautiful combination that leaves text unreadable fails at the first job, so check text-and-background pairs for enough contrast.
Is anything uploaded?
No. The palette is generated in your browser.