The signals.

Four hues for state — success, warning, danger, info — tuned into the warm-muted register so they read as calm, not alarming. They drive tints and fills, always with a shape and a label — never small body text on their own.

500

Moss

--status-success

Success · confirmed, positive.

HEX: #67956F
RGB: 103, 149, 111
CMYK: C31 M0 Y26 K42

3.4:1 · AA Large on white

500

Amber

--status-warning

Warning · caution, attention.

HEX: #CB7F3F
RGB: 203, 127, 63
CMYK: C0 M37 Y69 K20

3.2:1 · AA Large on white

500

Rust

--status-danger

Danger · error, destructive.

HEX: #B55B52
RGB: 181, 91, 82
CMYK: C0 M50 Y55 K29

4.6:1 · AA on white

500

Stone

--status-info

Info · neutral, informational.

HEX: #5570A3
RGB: 85, 112, 163
CMYK: C48 M31 Y0 K36

5.0:1 · AA on white

Color is never the only signal. Every status pairs the hue with a shape and a label — meaning never rides on color alone.

Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

8.5 × 11 · Portrait