How to use the palette generator
Press Generate (or the space bar) to roll a fresh five-color palette. Copy a hex with one click, or set a color exactly — use the color wheel to pick visually, or type a hex code and press Enter. Any color you set is locked automatically, and every new roll builds around your locked colors, so you can converge on a palette one keeper at a time. Choose a mood to steer the roll — Calm favours soft, muted tones; Vivid goes saturated; Earthy stays warm and natural — or leave it on Any for the full range.
Why these palettes work
Random RGB values almost always clash — true randomness has no sense of harmony. This generator instead picks one base hue and builds the other colors from relationships that designers use deliberately: neighbouring hues (analogous harmony), a contrast accent from across the color wheel, and controlled steps in lightness so the palette has a clear light-to-dark order. That structure is what makes a palette feel intentional rather than accidental.
A simple recipe for using five colors
A common guideline is 60-30-10: your dominant color covers about 60% of the design, a secondary about 30%, and the accent the last 10%. Palettes fail most often from overusing the accent, not from choosing the wrong one.
Frequently asked questions
Can I use these palettes commercially?
Yes. Colors can't be copyrighted individually — use any palette freely in client work, products, or branding.
Will the text colors be accessible?
The hex label on each swatch automatically switches between dark and light ink for readability. For body text in real products, always verify pairs against WCAG contrast ratios (4.5:1 for normal text).
Is anything saved or uploaded?
No. Palettes are generated on your device and disappear when you leave — copy the hex codes you want to keep.