Design

Five palettes, one token set.

Every colour on this site resolves through a custom property. Swap the tokens and the whole thing re-skins: same markup, same components, a different main colour driving all of it. Pick one and browse; it sticks until you reset.

Daylight

The original. Cobalt on white, mint and powder washes, charcoal pills as the only dense weight.

Ember

Golden hour. Burnt amber accent with the canvas warmed to match, so the colour never sits on a cold ground.

Use Ember#c2410c

Moss

Editorial. Deep forest green reads as ink more than as a link, and the cards trade their curves for corners.

Use Moss#15803d

Plum

The saturated one. Every surface leans toward the accent, so the page goes violet all the way through instead of neutral with a violet button.

Use Plum#7c3aed

Midnight

Inverted. Cyan carries the primary button, because a charcoal pill on a dark ground disappears.

Carbon

Brutalist mono. Square everything, 2px rules, headings in the mono stack, and one alarm red used only where you should click.

Use Carbon#e11900

How the swap works

Each palette is one small sheet of :root overrides loaded after the base stylesheet, roughly forty lines, no component rules duplicated. Midnight and Carbon add a handful of extra rules, because the base sheet hardcodes a few light values (divider rules, table borders, input outlines) that a full inversion has to restate.