Color Palette Generator

The fastest way to a good palette isn't to pick five colors at once — it's to anchor and iterate. Find one color you love (a brand color, a hue pulled from a photo, or a lucky shuffle), lock it, then keep pressing space. Each press regenerates only the unlocked slots, so you're exploring the space around a fixed point rather than starting from scratch. Lock a second, shuffle again, and within a dozen presses you usually have something balanced.

The harmony mode decides the math behind each shuffle. Analogous keeps every color within a slice of the wheel for calm, cohesive looks; complementary and triadic introduce opposing hues for contrast and energy; monochrome holds the hue steady and varies only lightness for a refined, single-color system. Auto blends these heuristics with curated irregularity so results feel designed rather than mechanical. Switch modes mid-session to nudge the vibe without losing your locked anchors.

Spread matters as much as hue. A working palette usually needs a near-black or deep tone, a near-white, a couple of mids, and one saturated accent — that range is what lets you build real interfaces (text, surfaces, borders, a call-to-action). The live UI mock above shows your five colors doing actual jobs, which is the honest test: if the button disappears into the background or the text is unreadable, the palette isn't done yet — run it through the contrast checker.

When you've got the five, the work is just beginning. Export the HEX or CSS variables, then expand your primary into a full 50–950 ramp with the Tailwind generator so you have shades for hover, borders and dark mode. A palette is a starting chord; a scale is the whole instrument.