Gestalt Color

Monolex design system

Color with coordinates, not guesses. A core hue acts as a gravity center; identity stays stable while lightness, chroma, and flow change around it.

Move the gravity center

62%

0.14

245°

oklch(62% 0.14 245)

Suggested foreground: white

Three coordinates. Three meanings.

OKLCH separates what a color does from what it is. Each axis carries a distinct part of the interface hierarchy.

L · 0–100%Prominence

Lightness controls how strongly information steps forward without changing its category.

C · 0–0.4Attention

Chroma controls intensity. Monolex uses 0.12 as a restrained default and 0.15 as a practical safe ceiling.

H · 0–360°Identity

Hue identifies the category. It can stay fixed while lightness and chroma adapt to context.

Maximum separation, no clustering.

Each new identity rotates by the golden angle—137.507764°. The sequence distributes colors around the wheel without hand-picked exceptions.

φ = (1 + √5) / 2
golden angle = 360 / φ² = 137.507764°
agent step = 137.5 / 5 = 27.5°

Core is identity. Flow is relation.

Core colors live in polar OKLCH coordinates. Derived states mix in Cartesian OKLAB, creating predictable paths between gravity centers.

Core · OKLCH

Fixed hue. Stable identity. The anchor that other states orbit.

Flow · OKLAB

A linear mix toward white. The relation changes; the source remains legible.

Human advantage
Brightness, urgency, and category stop competing in one value.
AI advantage
Colors can be generated, compared, and transformed as explicit coordinates.
Fast project check
|ΔL| > 40 is used as a lightness heuristic—not as a replacement for a WCAG contrast ratio.
Terminal reality
Equal perceived brightness helps warnings, agents, and file identities share one dense text field.