OKLCH Pixel Palette

Free OKLCH palettes for pixel art, games and UI

5 followers

Free OKLCH palettes for pixel art, games and UI

5 followers

Create balanced OKLCH color palettes with 2–9 colors, pixel art previews, perceptual lightness analysis and polished PNG export.

This is the 2nd launch from OKLCH Pixel Palette. View more

OKLCH Pixel Palette

Launching today

Perceptual pixel palettes, now exported as production CSS

OKLCH Pixel Palette is a free, browser-local generator for pixel artists and UI developers. Build 2–9 color ramps, inspect perceptual lightness, preview sprites, and export production-ready CSS variables with universal HEX fallbacks and native OKLCH overrides. Artist workflows are covered too: Aseprite PAL, GIMP GPL, HEX, JSON, TXT, and PNG. No account required.

Free

Launch tags:Design Tools•Art•Developer Tools

Launch Team

Framer AI AgentsDesign and publish professional sites with AI

Promoted

Maker

📌

I made OKLCH Pixel Palette because attractive swatches kept failing when they reached a real sprite. The tool makes lightness steps visible, protects the sRGB boundary, flags colors that are perceptually too close, and shows every result on small pixel previews before export. I also removed accounts and cloud saving: the full workflow now stays in the browser. I would love examples of difficult seed colors or ramps that still need manual repair.

Report

1d ago

Maker

Shipped a new CSS workflow today. Export now downloads a ready-to-use .css file with HEX custom properties first, then native OKLCH overrides inside @supports. That avoids the subtle fallback problem you get when an unsupported color function is stored directly in a custom property.

The generator is still free and browser-local, with 2–9 colors, six harmony modes, sRGB gamut fitting, lightness inspection, sprite previews, and PAL/GPL/HEX/JSON/TXT/PNG exports. I would especially value feedback from pixel artists and design-system developers about the next format to support.

Report

1d ago

Previous OKLCH Pixel Palette Launches

OKLCH Pixel PaletteFree OKLCH palettes for pixel art, games and UI

Launched on August 7th, 2026

Forum Threads

p/oklch-pixel-palette

•

1d ago

Why OKLCH CSS variables still need a real fallback

I just added CSS export to OKLCH Pixel Palette and ran into a subtle compatibility detail worth sharing.

A custom property accepts almost any token sequence. That means this declaration can be stored even when the browser cannot render OKLCH:

--brand: oklch(62% 0.18 265);

The failure happens later when var(--brand) is used as a color, so putting a HEX declaration immediately before it is not a dependable fallback. The exported file now writes HEX custom properties first, then overrides them inside @supports (color: oklch(50% 0 0)).

View all