Colour palette studio
Swatch.
Browse a curated set, build your own with colour theory, then export it anywhere.
Scroll to explore
The rest of the set
Nine more.
Inspired?
Swatch builder.
Pick a base, choose a colour-theory harmony, and shape a palette. Click any swatch to copy it, or grab the whole set as CSS.
Contrast WCAG AA / AAA, for real UI use
Export a card for decks, moodboards & docs
PNG & SVG carry a small tryswatch.com mark.
Questions.
Good to know
Completely. Build palettes, copy colours and export as much as you like, and the colours are yours to use however you want, commercial work included. If it earns a spot in your workflow, there's a tip jar — entirely optional.
Pick a base and the builder generates real harmonies (complementary, analogous, triadic, split-complementary and more), then balances lightness into five usable steps from ink to paper. Lock any swatch to pin it while the rest re-harmonise around it.
Every build ships a live WCAG contrast checker. Pair any two swatches and it shows the exact ratio with AA / AAA pass marks, so the colours you actually ship are legible, not just pretty.
A polished PNG or SVG card for decks and moodboards, plus Tailwind config, JSON tokens, and an Adobe .ase swatch file. Drop them straight into a codebase or your design tool. Click any swatch to copy its hex on its own.