I built a theme engine for white-label apps using OKLCH color science

Name: I built a theme engine for white-label apps using OKLCH color science
Availability: InStock
Author: grga

by grga·Apr 6, 2026·5 points·0 comments

Visit Project View on HN

AI Analysis

●●●BangerBig BrainSlickWizardry

Generates accessible, perceptually uniform themes from one hex code using OKLCH math.

Strengths

•Uses OKLCH color space to ensure perceptual uniformity across different hues.
•Built-in accessibility checks guarantee contrast ratios for generated foregrounds.
•Zero-dependency runtime library with presets for shadcn/ui and MUI.

Weaknesses

•OKLCH support is still maturing in older browsers and design tools.
•Niche appeal limited to developers building dynamic theming systems.

Post Description

I worked on many apps where each customer needs their own branded theme.

The problem is that you can't just shift hue and call it a day. Yellow at 50% lightness looks completely different from blue at 50%.

That's why I built this library to generate perceptually uniform themes. Zero dependencies, runs at runtime, outputs CSS vars, Tailwind tokens, SCSS, or JSON. Ships with presets for shadcn/ui and MUI.

try it out quickly: npx hextimate "#006677"