Random Color Palette Generator
A new, harmonious color combination with every press of the spacebar. Lock the colors you love and let the rest re-roll — then export the final palette in any format.
Export palette
5 colors · pick a format, copy or download
:root {
--color-1: #2cee17;
--color-2: #6f50f2;
--color-3: #b9610e;
--color-4: #17eebd;
--color-5: #f250e7;
}What "random" means here
Randomness gets a bad name in color design because truly random colors clash. This generator solves that by randomizing the starting point and then walking the color wheel in golden-angle steps (137.5°). The roll is unpredictable, but the relationship between the colors is always harmonious.
Saturation and lightness are drawn from a usable band rather than the full range — you won't get neon-on-neon or washed-out pastels by accident. Each swatch gets a slightly different lightness, so every palette has natural depth: a dark anchor, a light anchor, and mid tones between them.
In practice this means one roll gives you something you can already use, and a few rolls give you options. The hard part of picking colors is deciding, not generating — this tool removes the generation step entirely.
How to work with random palettes
- Roll fast, judge slow. Press Space and look at the set as a whole for a second. Don't fixate on single colors early — the combination is what matters.
- Lock the colors you'd keep. A palette rarely survives as-is. Click the lock on any swatch you like (keys 1–5 work too), then roll again — locked colors stay, everything else changes.
- Use undo/redo to compare. The ← / → keys flip through your roll history. Comparing two recent rolls side by side is faster than rolling from scratch.
- Nudge with the pipette. Hover a swatch, open the native color picker, and drag saturation or lightness to fix a color that's close but not right. It keeps the palette structure while fixing the details.
- Export when it clicks. The Export panel turns the palette into CSS variables, a Tailwind config, JSON, SCSS, LESS or CSS classes — copy or download, and the work is done.
When a random generator is the right tool
Random generators shine when you need options, not when you need a specific answer. If you're starting a project with no color direction, a dozen rolls give you a vocabulary to react to — "I like this one but warmer" is a much better brief than "make it blue."
They're also great for breaking out of ruts. If every project you ship ends up in the same blue-gray family, forcing yourself to work from random rolls changes your defaults. The lock feature lets you keep the one color you genuinely need (a logo color, a brand hue) and randomize everything around it.
And for moodboards, wireframes and early design reviews, speed beats perfection. A harmonious random palette is a stand-in that lets the layout, typography and content be judged on their own merits instead of being judged by placeholder colors.
Tips for getting more from the rolls
- Roll with a goal: pick a palette where one color could be text and one could be a background.
- Lock your brand color first, then judge rolls by how the rest behaves around it.
- Use the 3-color preset for quick tests and 5-color for anything you'll actually ship.
- If a palette is almost right, fix it with the pipette instead of rolling again — you lose less.
- Copy the link of any palette you might want later; it restores exactly, locks included.
Frequently asked questions
Is the generator really random?
The base hue, saturation and lightness of each roll are random, but the relationship between colors is fixed: golden-angle spacing with a controlled lightness band. So each roll is unpredictable yet harmonious.
Why do some palettes look similar to each other?
Because the harmony constraint is the same on every roll. You'll notice a consistent "feel" across palettes — that's the golden angle working. Variation comes from the random base hue and the per-swatch lightness jitter.
How do I make a palette that includes a specific color?
Use the pipette on any swatch to enter your exact color (or pick it from the native color wheel), then lock it. Every subsequent roll keeps that color and randomizes the rest.
What is the golden angle in color design?
The golden angle is 137.5° — a circle divided by the golden ratio. Walking a hue around the color wheel in those steps produces color relationships that avoid the clashes of evenly spaced hues. It's a known shortcut for harmonious color generation.
Can I use random palettes for a logo?
You can, but logos usually want fewer colors — 2 or 3 — so they reproduce cleanly at small sizes and in one-color printing. Roll a 3-color palette, lock the colors you keep, and export CSS variables or JSON for your design files.
Does the generator need an account?
No account, no sign-up, no uploads. Everything runs in your browser. Palettes you want to keep live in the URL — copy the link and the exact colors reload from it.
Still staring at a blank design?
The blank-page problem is mostly a color problem. Roll a palette, and suddenly the background, the text and the accent are decided — you can move on to the actual work.