Local-First Color Studio
Create color systems that work.
OpenPalette is a local-first, open-source color studio for designers and developers. Generate palettes, check accessibility, build token scales, and export production-ready color systems — all in your browser. No account needed.
Everything you need to work with color.
Nine integrated tools that share a single palette. No context switching, no cloud sync.
Studio
Full palette editor with drag swatches, quick-tune sliders, harmony modes, undo/redo, and inline color picker.
Open StudioExplore
320 curated palettes across 8 styles and 8 topics. Search, filter, and open any palette directly in the Studio.
Browse PalettesExtract
Upload any image and extract a palette in one click. Six extraction modes for any creative direction.
Extract ColorsContrast
WCAG contrast checker with AA/AAA pass/fail grades and smart replacement suggestions for failing pairs.
Check ContrastVisualizer
Preview palettes across 7 real-world templates — hero, dashboard, buttons, forms, tables, alerts, pricing.
Preview PalettesColors
150-color library organized by category. Browse, search, and copy individual colors with a single click.
Browse ColorsTokens
Generate complete design token scales from any base color. Export as CSS, Tailwind, JSON, SCSS, XML, or Swift.
Generate TokensGradient
Gradient studio with 14 presets and a full stop editor. Create smooth linear and radial gradients.
Make GradientsAccessibility
Contrast matrix, color blindness simulation, theme pair tester, typography contrast, and full audit checklist.
Audit ColorsBuilt for privacy, by design.
OpenPalette runs entirely in your browser. No data leaves your machine, no account is required, and no tracking scripts are loaded. Your palette data stays in localStorage — right where it belongs.
Light Mode Preview
Body text sample. The quick brown fox jumps over the lazy dog. Reading comfort depends on sufficient contrast between foreground and background.
Dark Mode Preview
Body text sample. The quick brown fox jumps over the lazy dog. Reading comfort depends on sufficient contrast between foreground and background.
Local-First
Everything runs client-side. Palette generation, color math, export rendering — all computed in your browser.
No Accounts
No sign-up, no login, no email. Open the page and start creating. Your work is saved to localStorage between sessions.
Zero Tracking
No analytics, no telemetry, no third-party scripts. OpenPalette respects your privacy completely.
Open Source
MIT-licensed on GitHub. Fork it, customize it, or deploy your own instance. Contributions welcome.
Professional exports for every platform.
Export palettes and token scales in 11 formats. Copy with one click or download as a file. Every format is production-ready.
Common workflows.
Design a brand palette
- Generate a palette in Studio
- Check contrast in Accessibility
- Preview across UI templates
- Export tokens for your dev team
Extract from inspiration
- Drop a photo into Extract
- Choose an extraction mode
- Fine-tune colors in Studio
- Save and share the URL
Build a design system
- Lock in your primary color
- Generate the full token scale
- Preview on real UI components
- Export as CSS, Tailwind, or JSON
For designers, developers, and teams.
Whether you're building a design system, extracting a palette from a photo, or auditing an existing scheme for accessibility — OpenPalette adapts. No subscriptions, no seats, no limits.
- Product designers crafting UI color systems
- Frontend developers building component libraries
- Brand designers defining visual identities
- Students learning color theory and accessibility
- Open source maintainers shipping design systems
- Anyone who needs great colors, fast
Start creating. No sign-up required.
Open the studio and begin working with color immediately. Everything runs in your browser.