Color Palette Generator
Generate designer-quality color palettes in one click. Pick a harmony — analogous, complementary, triadic, monochrome, or random — then lock the colors you love and keep shuffling until the scheme feels right.
Press Space to shuffle. Click any swatch or hex code to copy it. Lock a color to keep it while the rest regenerate.
How to use the color palette generator
- Choose a harmony mode. Analogous palettes feel calm, complementary ones pop with contrast, triadic schemes stay balanced and vibrant, monochrome gives you depth from a single hue, and random throws you a wildcard.
- Hit generate (or press the spacebar) to roll a fresh five-color palette. Colors are drawn from true color-wheel harmonies, not arbitrary guesses.
- Lock the keepers. See a color you love? Hit the lock icon on its swatch and it stays put while the others keep shuffling.
- Copy and ship. Click any swatch or hex code to copy it, or grab the whole set as ready-to-paste CSS variables for your project.
How the harmonies work
Every palette starts from a cryptographically random base hue. Analogous picks hues ±20° and ±40° around it for smooth, low-contrast schemes. Complementary pairs the base with its 180° opposite, adding light and dark variants for depth. Triadic spaces three hues 120° apart — the classic vibrant-but-balanced trio. Monochrome keeps one hue and spreads five lightness levels from deep to airy. All colors are computed in HSL and converted to hex, so what you see is mathematically consistent.