Colors5
W 4.3B 4.9#5274DA
W 1.5B 13.6#89E823
W 2.7B 7.8#37ABC8
W 1.9B 11.0#6AD32E
W 4.7B 4.5#A04ECC
Free · Runs in your browser · Press Space to shuffle
Generate random palettes, or build one from color theory rules.
Two opposite hues — high contrast, great for calls to action against a calmer background.
Neighboring hues — naturally harmonious, low contrast, easy on the eye.
Three evenly-spaced hues — vibrant and balanced, popular for playful brands.
Four hues in two complementary pairs — rich but needs care to avoid clashing.
A base color plus the two hues next to its complement — contrast with less tension.
One hue at different lightness levels — cohesive and safe, good for UI systems.
They're color harmony rules based on positions around the color wheel. Complementary uses opposite hues (high contrast), analogous uses neighboring hues (harmonious, low contrast), and triadic uses three evenly-spaced hues (vibrant, balanced).
Using the WCAG 2.0 relative luminance and contrast ratio formulas — the same standard used to judge whether text is readable against a background. 4.5:1 or higher passes AA for normal text; 3:1 passes for large text only.
No — everything runs in your browser and nothing is sent to a server. Export a palette (CSS, Tailwind, or PNG) if you want to keep it.
Yes — in Random mode, click the lock icon on any swatch to keep it, then generate again. Locked colors stay put while the rest reshuffle.
Yes — click the small circular color picker on any swatch in Random mode to open your browser's native color picker and adjust it directly.