Color palettes
built for the web.
Generate professional palettes from a single base color — with 6 harmony types, a full 50–950 shade scale, WCAG accessibility scoring, and instant export to CSS, Tailwind, or JSON.
Free forever · No credit card required
Everything a color system needs
Built specifically for designers and developers who need accessible, production-ready color systems — fast.
6 Harmony Types
Complementary, analogous, triadic, split-complementary, tetradic, and monochromatic — each with smart 60/30/10 dominant/secondary/accent role assignment.
Full Shade Scale
11-stop scale from 50 to 950, interpolated in perceptually uniform oklch. Every stop looks intentional — no muddy midtones.
Dark & Light Preview
Generate and preview your palette in dark and light modes simultaneously. See exactly how your colors behave in both contexts.
WCAG 2.1 Scoring
Automatic contrast ratio scoring across the full shade scale with AA and AAA pass/fail badges and actionable improvement suggestions.
Flexible Export
Export as CSS custom properties, Tailwind CSS v4 @theme format, or raw JSON — ready to drop into any project without modification.
Freemium Model
Start free with 3 palette saves and clipboard export. Upgrade to Pro for unlimited saves, all export formats, and full AAA scoring.
From one color to a full system
Three steps. Under a minute.
Enter a base color
Provide any color in hex, RGB, or oklch. ShadeWorks treats it as the foundation of your entire palette.
Choose a harmony type
Pick from 6 harmony algorithms. The engine generates complementary, secondary, and accent roles automatically.
Export and ship
Copy CSS variables, Tailwind @theme tokens, or JSON. Your palette is accessible and production-ready.
Simple, honest pricing
Start free. Upgrade when you need the full system.
Free
Perfect for trying out ShadeWorks and small projects.
- 3 palette saves
- Clipboard copy (CSS only)
- WCAG AA badge
- 6 shade stops visible
- All export formats
- WCAG AAA scoring
- Full 50–950 shade scale
- Unlimited saves
Pro
For designers and developers who ship production color systems.
- Unlimited palette saves
- CSS, Tailwind & JSON export
- WCAG AA + AAA scoring
- Full 50–950 shade scale (11 stops)
- All 6 harmony types
- Dark & light mode preview
- Improvement suggestions
- Priority support
Start building accessible color systems today.
Free to start. No credit card required.