Color Palette Generator
Generate color palettes online for free — lock the swatches you like, regenerate the rest, choose harmony modes, and copy HEX or CSS variables.
100% private — runs entirely in your browser. Your files never leave your device.
Lock the swatches you like (🔒) and regenerate the rest. Harmony modes derive colors from a shared hue using OKLCH for even, perceptually balanced steps. Copy any swatch, all HEX values, or ready-to-paste CSS variables.
How to use the Color Palette Generator
- Press Generate (or the spacebar) for a new palette.
- Lock the colors you like with the padlock.
- Pick a harmony mode for a coordinated set.
- Copy any swatch, all HEX values, or CSS variables.
What you can use it for
- Build a color scheme for a brand or UI
- Explore harmonious palettes quickly
- Export ready-to-use CSS custom properties
- Lock favourites and iterate around them
More free tools
Working on a color scheme?
Pick, convert, mix and check colors with our full set of free, no-signup color tools.
Explore all free color tools →Frequently asked questions
How do I keep a color I like?
Click the lock icon (🔒) on a swatch, then press Space or Generate — locked colors stay while the rest regenerate.
What are the harmony modes?
Analogous, complementary, triadic and monochromatic derive colors from a shared hue; Auto gives varied, balanced sets. All use OKLCH for even steps.
How do I export the palette?
Copy any single swatch, all HEX values at once, or ready-to-paste CSS custom properties.
Is it free and private?
Yes — free, no signup, and generated entirely in your browser.