How to create a color palette

A good five-color set usually starts from one base hue and a simple harmony rule — not from picking five random hex codes by eye.

1. Open the generator

1. Go to the HueSnap palette tool.
2. Choose a harmony mode: Random, Complementary, Analogous, Triadic, or Monochrome.
3. Drag the base hue slider if you want the scheme anchored to a brand color.

2. Lock what works

1. Click the lock on any swatch you want to keep.
2. Hit Regenerate unlocked until the unlocked slots feel right.
3. Click any swatch to copy its hex for Figma, CSS, or design notes.

3. Check contrast, then export

• Glance at the WCAG table — ratios below 4.5:1 often fail body text on that background.
• Export CSS variables, a Tailwind snippet, or a PNG strip.

Your first three exports are free. Lifetime is a one-time $4.99 if you need more — not a subscription.

Create your palette →