OpenPalette
LiveLocal-first color studio in the browser. Next.js 16/Tailwind. MIT.
1. Full-Featured Color Harmony Engine
OpenPalette generates palettes from 2 to 10 colors across 7 harmony modes — analogous, monochromatic, complementary, triadic, split complementary, tetradic, and random. Lock individual colors to keep them fixed during regeneration. Hit the spacebar to generate a new palette instantly. Undo support lets you backtrack. Every operation runs in-browser with pure HSL math — no server calls, no latency.
2. Accessibility Validation Suite
Every palette comes with WCAG AA and AAA contrast validation, scored and displayed per color pair. Three color blindness simulation modes — protanopia, deuteranopia, and tritanopia — show how your palette looks to users with each condition. When a pair fails contrast requirements, OpenPalette suggests accessible replacement colors that preserve the harmony.
3. Multi-Format Export Pipeline
Export your palette as CSS variables, SCSS variables, Tailwind config, plain JSON, SVG swatches (for design tools), PNG strips (for presentations), or PDF color sheets. Copy individual colors as HEX, RGB, HSL, or Tailwind class snippets. Everything runs client-side — no backend, no uploads.
4. Image Color Extraction
Upload an image and extract its dominant colors via the browser Canvas API. Two extraction modes — vibrant (saturated, prominent colors) and muted (softer, background tones) — give you different starting points. The image never leaves your device.
5. Shareable URL State
The entire palette is encoded in the URL, making it trivial to share via a single link. A localStorage-backed collections library supports tagging, search, favorites, history, deduplication, and custom sorting — all without a database or account.
Part of the Kovina ecosystem
A collection of open-source tools built for ownership, permanence, and everyday use.
Explore All Projects