Tide Tokens
Tokens

Every token, read live.

Nothing on this page is typed in by hand. Each value is probed from the live CSS in the theme you are looking at right now. Flip the sun/moon in the bar and the whole page re-reads itself as night beach.

Coral, the money colour

One action colour, spent like money. Brand-verbatim from Design Language v2.

Sand

Sun-bleached neutrals: page, cards, wells, hairlines.

Sea-glass

The accent ramp and the tint of every glass pane.

Late light & ink

Warm sun steps; ink as ocean slate and driftwood.

Semantic aliases

The names components actually read. These remap between light and dark.

Type scale

UI stack for work, Nunito display for brand moments, mono for data.

Spacing scale

4pt base, scaled by the density knob.

Radius

One corner knob for components; small, medium and pill steps for the rest.

Motion & the five knobs

Durations divide by the speed knob; easing is the wave settling.