success
Solid · on-color text Emphasis dot + word Icon + word Surface chip
info
Solid · on-color text Emphasis dot + word Icon + word Surface chip
warning
Solid · on-color text Emphasis dot + word Icon + word Surface chip
error
Solid · on-color text Emphasis dot + word Icon + word Surface chip
neutral
Solid · on-color text Emphasis dot + word Icon + word Surface chip
pending
Solid · on-color text Emphasis dot + word Icon + word Surface chip

03 · Neutral, one color, several meanings

Where Paused, Unconfigured and Read-only live

Same --neutral color as the card above. The icon carries the specific reason; nothing here is a new token.

Unavailable / disabled
Icon + word Surface chip
Paused
Icon + word Surface chip
Not yet configured
Icon + word Surface chip
Restricted / read-only
Icon + word Surface chip

04 · A separate severity scale

Notice → Alert → Warning → Critical

For system-wide banners, not per-item status — a different question from the family grid above. Each reference swatch is the token's own hue; the banner below it is that token's –surface pairing, the same role pattern as "Surface chip" above, applied full-width.

Notice

hsl(206 85% 27%) · #0A4D7F — reuses Info’s hue, not a new color

Scheduled maintenance this weekend

Alert

hsl(262 55% 55%) · #7B4DCB — new. Replaces the legacy brick, hsl(16 80% 41%) · #BC4215, which read too heavy next to Warning

Service degraded for some users

Warning

hsl(33 90% 47%) · #E4830C — same hue as the Warning status tier above

Service degraded for most users

Critical

hsl(332 100% 43%) · #DB0066 — unchanged legacy value, kept for severity only

Full outage — investigating

Runtime palette

Every color in this spec, 50–900

Each family's own hue, held constant, running from a light tint (50) to a near-black shade (900). The values used elsewhere on this page sit around 500–700 on each ramp.

success--success

50
100
200
300
400
500
600
700
800
900

info--info

50
100
200
300
400
500
600
700
800
900

warning--warning

50
100
200
300
400
500
600
700
800
900

error--error

50
100
200
300
400
500
600
700
800
900

neutral--neutral

50
100
200
300
400
500
600
700
800
900

pending--pending

50
100
200
300
400
500
600
700
800
900

alert--alert

50
100
200
300
400
500
600
700
800
900

critical--critical

50
100
200
300
400
500
600
700
800
900