← Back to homepage

OKLCH · Fixed Ramp

One color in. A full system out.

Pick a single seed color. Everything below — every role, every shade, every harmony — is derived from it mathematically in OKLCH space: fixed lightness and chroma curves per step, hue held constant per role.

H 265° · C 0.190 · L 0.64

RGB 109, 95, 245OKLCH 0.64 0.19 265°

Role palette

Eight semantic roles, each a full 50–950 scale from the fixed OKLCH ramp. Click any swatch to copy its hex.

UI preview

The same palette, wired directly into a mock dashboard via CSS custom properties — no hardcoded colors below.

app.yourproduct.com/team
Active users
4,218
▲ 12.4%
Monthly revenue
$38.2k
▲ 4.1%
Churn rate
2.6%
▼ 0.8%
Heads up
A new version of the design system is available.
Deployed
Your changes are live on production.
Approaching limit
You've used 82% of your monthly quota.
Payment failed
Update your billing details to avoid service interruption.

Invite a teammate

Team members

Amara Osei
OwnerActive
Diego Marín
AdminActive
Priya Nair
MemberPending

Color theory explorer

The same seed, related by classic hue relationships. Lightness and chroma are held constant per row — only hue moves.

Copied