Free tool

Color Palette Generator

Pick one color that feels like you — the rest of the palette is generated from it, so every color relates to the others instead of being picked independently. See it applied to a live mockup before you commit to anything.

Pick an anchor color

Live preview

Jordan Rivera

I help teams ship faster.

A short paragraph of body text, exactly the way it would look on your actual site with this palette applied.

Full palette — click to copy a hex code

How This Works

The other five colors aren't picked separately — they're derived from your one anchor color by adjusting lightness and saturation while keeping the same hue. That's what makes a generated palette look coherent instead of like six colors that happened to be chosen at the same time.

For the reasoning behind why fewer, more deliberate colors consistently outperform a bigger palette on a personal website — and how many colors you actually need — see Choosing a Color Palette for Your Personal Website.