Spacebar generation
Harmonious palettes in OKLCH with 8 rules. Lock what you love — only the rest changes.
100% free · no sign-up · no ads
Color palettes,
Color palettes,
made in a keystroke.
Swatchly is the free color palette generator. Press space for harmonious colors, lock the ones you love, check accessibility and export anywhere — no account, no paywall.
- Unlimited palettes
- Every export free
- WCAG & APCA checks
- Private by default
Why Swatchly
Everything the paid tools have. None of the paywalls.
Contrast built in
WCAG 2.2 and APCA scores for every pair, with one-click fixes.
8 color-blindness previews
See your palette through protanopia, deuteranopia, tritanopia and more.
Every export
PNG, SVG, PDF, ASE, CSS, SCSS, Tailwind v3/v4, JSON and more.
Unlimited, no account
Save as many palettes as you like, right in your browser. Up to 20 colors each.
A page for all 16.7M colors
Conversions, shades, tints, harmonies, contrast and matching palettes for every HEX code.
~370 KB. Rust + WebAssembly.
Everything runs on your device, served from Cloudflare's edge. The engine is open source.
Library
Popular color palettes
Browse all 3,714 →- 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
Toolkit
Free color tools for every step
- Palette generatorSpacebar palettes, lock & export
- Contrast checkerWCAG 2.2 + APCA with fixes
- Color pickerAny format + screen eyedropper
- Palette from imageExtract colors from a photo
- Gradient makerLinear, radial & conic CSS
- Gradient paletteEven steps between two colors
- Tailwind colorsAny color to a 50–950 scale
- Palette visualizerPreview on real designs
How it works
From blank page to shipped palette
Generate
Open the generator and press the spacebar until something clicks.
Lock & refine
Lock favorites, drag to reorder, tweak shades or shift the whole palette's hue and temperature.
Check accessibility
Score every pair against WCAG and preview the palette for color-blind viewers.
Export
Copy CSS or Tailwind, or download PNG, SVG, PDF and ASE for your design tools.
Compare
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 |
FAQ
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.