Tools · Free & instant

Color Palette Generator

Generate harmonious color palettes in one click. Lock the colors you love, regenerate the rest, undo if you go too far, and export to CSS, Tailwind or a shareable link instantly.

or press Space
#7C3AED
#FF6B4A
#0EA5A0
#F2C94C
#3D8BFF

Click the lock icon to keep a color, then generate again to reroll the rest.

Everything runs in your browser - no palettes are ever uploaded, and every link is generated locally

Why this tool

Built for fast, confident color pairing

One click to generate

Get five colors that work together instantly, or press Space to keep exploring.

Lock what you like

Keep a color in place while the rest of the palette regenerates around it.

1-click copy

Click any swatch to copy its HEX code, or copy the whole palette at once.

7 harmony modes

Random, monochrome, analogous, complementary, triadic, split-complementary and tetradic schemes.

Undo any reroll

Went too far? Step back through every palette you've generated this session.

Export anywhere

Copy CSS variables, SCSS, Tailwind config or JSON, or download a labelled PNG swatch card.

Shareable links

Every palette lives in the URL, so you can send an exact link - no account, no database.

Readable on any color

Lock icons automatically switch to dark or light so they stay visible on every swatch.

Process

Three steps, nothing complicated

01

Generate a palette

Click the button or press Space to create a fresh set of colors that pair well together.

02

Lock your favorites

Tap the lock icon on any swatch you want to keep, then generate again to explore the rest.

03

Copy and use

Click a swatch to copy its HEX code, or copy the full palette to use in your project.

FAQ

Still have questions?

How does the palette generator work?

Click Generate (or press Space) and five colors are created together so they sit well next to each other. Don't like one? Lock the rest and regenerate to keep exploring.

What does the lock icon do?

Locking a swatch keeps it in place the next time you generate, so only the unlocked colors change. It's the fastest way to build around a color you already like.

Can I copy a single color from the palette?

Yes. Click any swatch's HEX code to copy it instantly, or copy the whole palette at once from the toolbar above it.

How many colors can a palette have?

You can choose anywhere from 3 to 6 colors per palette, depending on how much range you need for a project.

Is this palette generator free to use?

Yes, completely free with no sign-up. Everything runs in your browser and no palettes are ever uploaded.

Can I export my palette to CSS or Tailwind?

Yes. Open the Export menu to copy CSS custom properties, SCSS variables, a Tailwind color config, or raw JSON, or download a labelled PNG image of the swatches.

Can I share a palette with someone else?

Yes. Every palette is encoded directly in the page URL, so copying the shareable link from the Export menu and sending it reproduces the exact same colors for whoever opens it.

Can I undo a palette I didn't mean to generate?

Yes. The undo button next to Generate steps back through every palette from your current session, so you can never accidentally lose a combination you liked.

Ready to build a palette?

No install, no account. Just generate, lock and copy.

Try it now