Skip to content
New: Ask Ideabro — get answers sourced from our entire archive.Try it
Swatchbook logo

Design

Swatchbook

Generates accessible colour palettes and checks contrast as you design.

4.3Highly recommendedFree

The review

What it does

Describe a mood or upload a reference image and Swatchbook proposes palettes with roles already assigned: background, surface, text, accent and states. Every combination is checked against accessibility contrast guidelines, and failing pairs are flagged with the nearest passing alternative.

Why we like it

Accessibility usually arrives late in a design process, when changing colours is expensive. Swatchbook makes it the starting point without making palettes dull. Exports to design tokens and CSS variables are clean, and the dark-mode generator is better than most hand-tuned attempts we've seen.

Watch out for

  • Mood-to-palette results can feel safe; push the 'adventurous' setting if you want surprises.
  • Contrast checking covers text and backgrounds, not more subtle issues like colour-blind confusion between two accents. Check those separately.
  • No team libraries yet.

Related tools

All design tools
Blueline logo

Blueline

Design

Turns a hand-drawn wireframe into an editable layout with real components.

Freemium3.5

The Tool Shed

Found a tool worth sharing?

We test every suggestion and never sell placements. If it's good, readers will hear about it.

Suggest a tool