Design On-device · No upload

Color Palette Generator

Generate harmonious color palettes from a base color, or shuffle a fully random one — lock, copy, and export colors instantly.

Color Palette Generator creates harmonious color palettes from a base color using complementary, analogous, triadic, tetradic, split-complementary, and monochromatic color theory, plus a fully random mode. Lock any swatch, copy individual HEX codes, export the whole palette as CSS variables, or copy a share link. Runs entirely in your browser — no upload, no signup, no account. Made by FreeToolHub.

Base Color

Press Space to generate a new palette

Export Palette

:root { --color-1: #6C5CE7; }

Build color schemes for websites, brand identities, UI design, and data visualizations — lock the colors you like and regenerate the rest.

Frequently Asked Questions

How does the color harmony mode work?

Each harmony mode picks other hues at fixed angles around the color wheel from your base color: complementary is directly opposite, analogous are neighboring hues, triadic and tetradic are evenly spaced around the wheel, split-complementary sits either side of the opposite hue, and monochromatic keeps the same hue while varying lightness.

What does locking a color do?

Click the lock icon on any swatch to keep that color fixed. When you generate a new palette, locked swatches stay the same while the rest regenerate, so you can build a palette around one color you already like.

Can I export the palette to use in my project?

Yes. Copy as CSS Variables gives you a ready-to-paste :root block with a custom property per color. You can also copy the raw HEX codes as a comma-separated list, or copy a share link that reproduces the exact palette.

How is the Random mode different from the harmony modes?

Random mode ignores the base color and generates fresh hues using the browser's cryptographically secure random number generator, keeping saturation and lightness in a pleasant range so the results stay usable rather than muddy or neon.

How many colors can a palette have?

Choose 4, 5, or 6 colors. When a harmony mode's natural set is shorter than your chosen count, extra swatches are filled with lightness variations of the same hues so the palette still has a coherent theme.

Is my palette saved or sent anywhere?

No. Every color is generated locally in your browser. Nothing is uploaded, logged, or stored on a server. The share link encodes the palette directly in the URL, so it works without any account or backend.