Build better color palettes with OKLCH
Create balanced palettes for pixel art, games and interfaces. Preview every color, inspect perceptual lightness and export a polished palette card.
Features
Everything you need to design perceptually uniform color schemes for digital media.
2–9 color palettes
Generate custom color ramps from 2 to 9 slots with automatic lightness scale balancing.
Perceptual OKLCH controls
Harness uniform lightness perception to create predictable color relationships and smooth ramps.
Pixel art previews
Instantly test color palettes on classic game sprites (potion, gem, shield, hero) and full mosaic grids.
Lightness analysis
Inspect perceptual lightness distribution on an interactive ladder graph sorted from dark to light.
sRGB gamut protection
Guard against out-of-bounds screen colors using automated gamut fitting to preserve color distinction.
Polished PNG & Artist export
Export CSS variables with HEX fallbacks, crisp PNG cards, and palette files for GIMP, Krita, Aseprite, JASC, HEX, TXT, and JSON.
How it works
Three simple steps to craft balanced color palettes.
Choose a base color
Pick any starting HEX color seed using the visual color picker or manual text input.
Select a harmony and size
Choose complementary, split-complementary, or analogous rules with 2 to 9 color slots.
Preview, inspect and export
Verify lightness steps on the ladder chart, test pixel art scenes, and download your PNG card.
Generate starting palettes from text descriptions
Type a scene, mood, or idea to get a starting color palette you can edit in OKLCH tools.
Describe what you need in English or Russian — such as "winter forest", "purple cave", "deep sea horror", or "pale pink sunrise". A local text model in your browser maps your prompt to an initial OKLCH palette for pixel art, illustration, UI, and web design without calling external AI APIs.
AI inference runs locally in the browser. The required model assets are downloaded on first use; generation does not use a remote AI inference API.
Why OKLCH?
Perceptually uniform color theory for modern digital design
Perceptual Lightness vs. RGB/HSL
Traditional RGB and HSL color models do not reflect how human eyes perceive brightness. In HSL, yellow and blue at 50% lightness appear completely different in brightness.
When you modify hue in OKLCH, perceived brightness remains predictable. This allows game artists and UI designers to build harmonious color ramps without unintended contrast drops.
Lightness Ladder & Gamut Protection
The Lightness Ladder analyzes palette entries along a single lightness scale from 0 (darkest) to 1 (lightest). It reveals colors that are too close in value before you start drawing.
Because OKLCH can represent colors beyond standard monitor capabilities, our sRGB gamut protection algorithm automatically fits out-of-bounds values into sRGB display limits while preserving pairwise distinction.
Built for creators
Pixel artists
Craft cohesive retro ramps and sprite palettes with uniform lightness steps.
Game developers
Design distinct character, environment, and item color schemes for 2D/3D games.
UI designers
Create accessible interface color systems with calibrated contrast levels.
Frontend developers
Export clear HEX strings and OKLCH color parameters directly to CSS.
Frequently Asked Questions
Learn more about OKLCH color theory and usage.
What is OKLCH?▼
Is the palette generator free?▼
Can I use the palettes commercially?▼
Why does the tool protect the sRGB gamut?▼
How does the AI palette generator work?▼
Ready to craft your pixel palette?
Launch the studio editor to build, test, and export your OKLCH color schemes.