Skip to results

Design Color Tokens

Visual Design · color, tokens

Updated 2026-07-28

Colors should represent meaning, not appearance.
Avoid:

blue-500.
gray-dark.
red-button.

Prefer:

color.background.primary.
color.text.secondary.
color.action.danger.
color.status.success.

A semantic system survives redesigns.
Colors change. Meaning stays.

Related guides