Shared website theme.

Cool neutral surfaces, dark ink, and three purposeful accents. See the colors together, change a swatch, and tell me what feels right.

THE PALETTE, IN CONTEXT

PEOPLE. PURPOSE. POSSIBILITY.

A purpose, carried through.

Agent violet. Human amber. Outcome teal.

PS–014 / BRIEF DELIVERED

THE AGENT

Get the lead developer’s status

A request, its purpose, and the context it carries.

Violet · active request

THE PERSON

Integration tests are blocked

A release dependency, heard and understood.

Amber · conversation

THE OUTCOME

Sam owns access · by 14:00

An owned next step in a delivered status brief.

Teal · confirmed

SHARED SURFACES · PRECISE TYPE · RESTRAINED MOTIONALL GRAPHICS GENERATED IN JAVASCRIPT

The twelve colors.

Click a color to edit it, or type a hex value. The preview updates live.

Text contrast, in context.

Ratios compare the actual foreground and background colors. 4.5:1 is the usual minimum for small text; 3:1 for large text. Muted labels and amber text may need darker variants at small sizes.