Swatchly
Spacebar generation
Press space for a new palette. Lock the colors you love and only the rest change.
The free color palette generator
Swatchly is a fast, free tool for creating color palettes. Press the spacebar to generate harmonious colors, lock the ones you like, check accessibility, and export to any format.
#AFD7F0
#66A6C9
#48728B
#1F556F
#0B212B
Unlimited palettesAll exports freeWorks offline-fastPrivate by default
Everything you need to make a palette. All of it free.
Most palette tools lock their best features behind a subscription. Swatchly gives you all of them, with no account required.
Real color harmonies
Monochromatic, analogous, complementary, split-complementary, triadic, tetradic and square — computed in OKLCH.
Built-in accessibility
WCAG contrast scores for every color pair, one-click fixes, and previews for 8 types of color blindness.
Every export format
PNG, SVG, PDF, ASE, CSS, SCSS, Tailwind v3 and v4, JSON, CSV, XML, links and embeds.
No limits, no account
Up to 20 colors per palette, unlimited saved palettes, dark mode, and zero sign-ups.
Absurdly fast
A Rust and WebAssembly engine under 300 KB. Everything runs on your device, served from the edge.
Popular color palettes
Hand-tuned palettes ready to use. Click any palette for codes, contrast and exports.
- 1D1308004A7BEA8DC2F4F8FF0DA067Soulless to Shamrock
- ECFCFF486263C79F8B211417Cold White to Bats Cloak
- 8E7E29230F09EB9579FFF2DB563C1APeas Please to Pineapple
- EAFFEDDDABBA553F6C0B1F09907DC0Snow White to Magic Carpet
- 9850B2005B5400D9D21C1224FFF0E1Fuchsia Pheromone to Sugar Glaze
- 6E44A68AA300EEF7FF300C00Poppy Pompadour to Shadow Play
- B4988EEDFBFF1E1A21576153Nude Lips to Black Forest
- D7FFFE79855B2B12124CC2DB604B82Salt Mountain to Sumptuous Purple
- F47AE500556899800E002225FFF5FCAvant-Garde Pink to Walkie Chalkie
- 5FBBBB161C279D726EFFF3F35D4512Castaway to Very Coffee
- 2C5E50AD714CC1BBF6E7FFF52F1703Lacrosse to Shadow Play
- 32170D01566F009C6AED9DD4E8FFF3Shadow Play to Snow White
Explore colors by family
Thousands of named colors with HEX, RGB, HSL and CMYK codes.
How to create a color palette
Generate
Open the generator and press the spacebar until something catches your eye.
Lock & refine
Lock favorites, drag to reorder, tweak shades, or adjust hue, saturation and temperature for the whole palette.
Check accessibility
Score text contrast against WCAG and preview the palette for color-blind viewers.
Export
Copy CSS or Tailwind code, or download PNG, SVG, PDF or ASE swatches for your design tools.
Swatchly vs. typical palette tools
| Feature | Swatchly | Typical freemium tools |
|---|---|---|
| Price | Free forever | Freemium, paid plans |
| Colors per palette | Up to 20 | Often 5 on free plans |
| Saved palettes | Unlimited, no account | Limited on free plans |
| Contrast & color-blindness tools | Included | Often paid |
| Exports (PDF, ASE, Tailwind…) | All included | Some paid |
| Ads | None | Usually |
Frequently asked questions
Is Swatchly really free?
Yes. Every feature is free: unlimited colors per palette (up to 20), unlimited saved palettes, every export format, contrast and color-blindness tools, and dark mode. There is no paid plan, no ads and no sign-up.
How do I generate a color palette?
Open the generator and press the spacebar. Each press creates a new harmonious palette. Click the lock icon on any color you like and it will stay while the others change.
Which color harmonies can I use?
Auto, monochromatic, analogous, complementary, split-complementary, triadic, tetradic and square. Pick one in Settings. Generation runs in the perceptual OKLCH color space, so lightness and saturation stay balanced.
What export formats are supported?
PNG, SVG, PDF, Adobe Swatch Exchange (ASE), CSS variables (HEX, RGB or HSL), SCSS, Tailwind CSS v3 and v4 (with 50–950 shade scales), JSON, CSV, XML, a JavaScript array or object, a shareable link and an embeddable iframe.
Do I need an account to save palettes?
No. Palettes are saved privately in your browser. You can save as many as you like.
Can I check if my palette is accessible?
Yes. The contrast panel scores every color pair against WCAG 2.x and can fix low-contrast pairs automatically. The color blindness panel previews your palette for 8 types of color vision deficiency.
Can I use the palettes commercially?
Yes. Colors cannot be owned, and palettes you create with Swatchly are yours to use in any personal or commercial project without attribution.
Why is Swatchly so fast?
The color engine is written in Rust and compiled to WebAssembly, so generation, conversion and exports run instantly on your device. Pages are served from Cloudflare's global edge network.