Eraser. Neon blueprint on black velvet.

Primary brand accent — headline words, diagram group borders, and the violet offset shadow that makes hero cards pop off the canvas

Softened brand accent — used where Iris Glow would be too saturated, particularly in headline strokes and lighter decorative borders

Accent shadow tone — paired with the 6px solid-offset shadow recipe to make Iris Glow feel grounded on the dark canvas

Cool accent — second headline color and decorative border accent; the blue counterpart to the violet brand system

Warm accent — third headline color, brings the gold/amber note into the multi-word display treatment

Warm accent — fourth headline color, the pink note that completes the four-color headline palette

Deepest shadow tone — used in the 6px 6px 0 hard-offset shadow under standard cards

Page canvas and card fill background — the dark base everything sits on

Subtle borders — the barely-there divider for low-emphasis separation

Muted borders and dividers, secondary structural lines on dark surfaces

Subtle link borders for de-emphasized text links

Muted text and link borders — body copy de-emphasized, nav text in resting state

Primary text and dominant border color across the interface — the single most-used color in the system

Secondary text color and heading borders where Bone is too cool

Primary action fill — the only CTA button background; also used for high-emphasis text on dark surfaces