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)).
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.
