02 - Colour

Eight tokens. Locked.

Near-black that isn't black, off-white that isn't white, one high-voltage yellow, one clay red. No hex codes exist outside the token files. Click any swatch to copy its hex.

Primary palette

Text and borders

Status colours

Fixed across the products - dashboard and driver app use these exact values for charger and payment state. They never appear in marketing copy or chrome.

Combinations

The pairings that pass contrast. If a pairing isn't here, don't use it.

Off-white on near-blacktext-primary / bg-primary · body default

Near-black on off-whitetext-on-elevated / bg-elevated · panels

Near-black on yellowprimary CTA · never white text on yellow

Yellow on near-blackemphasis spans, wordmark · large sizes

Clay on near-blackeyebrows, secondary highlights · large text only

Muted on near-blackcaptions and metadata only, never body-critical copy

Rules

Use the variables. var(--accent-primary), never the hex. Hex codes live in the token file and nowhere else.

Don't

No sustainability green in brand surfaces, no pure white, no pure black, no rainbow gradients. The status green is product UI, not brand.

Yellow is scarce. One primary CTA per view, emphasis spans, the wordmark. Scarcity is what keeps it high-voltage.

Don't

Don't put muted grey on yellow or clay on off-white body text - both fail contrast at body sizes.