Random Color Palette Generator

A purely random selection of colors — each generated independently — produces muddy, clashing combinations more often than not. The colors in this generator aren't randomly sampled from the full color space. They use the golden angle (137.5 degrees) to distribute hues around the color wheel, which ensures each generated swatch is perceptually distant from its neighbors. The saturation and lightness ranges are also constrained to a range that produces colors with practical utility — vivid enough to read, varied enough to be interesting, but not so extreme they become impossible to use in real design work.

The Lock System: Keeping What Works

The most useful feature in any random generator is the ability to save partial results while continuing to iterate on the rest. Hover over any swatch and click the lock icon in its top-right corner to lock it in place. Locked swatches won't change when you hit Generate — so if you find a deep teal you love, lock it and keep generating until the palette around it feels right.

This workflow — generate broadly, lock selectively, iterate on the remainder — is faster than trying to find a complete palette in a single generation. Most designers and developers who use random generators find their best results this way: one or two anchors they love, then rapid iteration on the rest until the combination clicks. Spacebar makes the iteration step instant, so you can move through dozens of options in under a minute.

Switching to a Harmony Mode

The dropdown next to the color count lets you switch from Random to a structured harmony mode at any point. If you find a direction in Random that feels right but want to explore a more controlled variation, switch to Analogous for a cohesive range, Complementary for high contrast, or Monochromatic to strip out hue variation entirely. The locked colors are preserved when you switch modes, so you can use Random to discover a hue you like, lock it, then switch to a harmony mode to build a structured palette around that starting point.

Exporting and Using Your Palette

Once you have a palette you're happy with, the action bar below the swatches gives you four export options. Copy All Hex outputs the hex codes as a comma-separated list — the simplest format for dropping colors into any tool. Copy CSS Vars produces a :root block with custom properties numbered from 1 upward, ready to paste into a stylesheet. Copy Tailwind generates a colors object you can merge directly into your Tailwind configuration. Export PNG creates a palette card with each color as a labeled swatch, which you can import into Figma or Sketch as a reference, attach to a brief, or save in a project folder.

The PNG export uses a dark background to show each color accurately without the surrounding environment influencing how you perceive it — the same reason paint stores display swatches on neutral cards rather than colorful ones.