03 / 09

Colour

Signal, Black, Grey, White — the palette, live values, and the combinations that pass.

Primitives

Signal
Primary Accent
Black
Primary Dark
Grey
Neutral
White
Primary Light

Grey Ramp

50
100
200
300
400
500
600
700
800
900

Ten neutrals between Black and White, interpolated in OKLCH so the steps are perceptually even and carry the brand's green undertone. 500 is the Grey primitive — --lexi-color-grey-500 and --lexi-color-grey are the same colour.

Channels — Alternative Signals

SIGNAL
mint
cyan
blue
violet
pink
coral
amber

Signal's siblings for charts, data, and status accents — hue rotated in 45° steps in OKLCH with Signal's lightness held as high as each hue can sustain real chroma (--lexi-color-channel-*). Signal remains the one brand accent; channels never take that role, and like Signal they are never text on light grounds.

Combinations

AaSignal on Black
AaBlack on Signal
AaBlack on White
AaWhite on Black
AaBlack on Grey
AaWhite on Grey
AaSignal + Border
Aa⚠ Low Contrast

Do not use Signal on White for text. Contrast fails WCAG 1.4.3 (~1.2:1). Use Signal only on dark backgrounds or for non-text accents.

Last updated on 2026-09-13