01Signal
The signature. Actions, key moments, and recognition.
Quiet base. Clear signal.
Our palette starts in the dark. Warm neutrals give the work room to breathe; a sharp chartreuse brings recognition and purpose to the moments that matter.
01Signal
02Ink
03Paper
04Graphite
Select a hex value to copy it. Use the shared tokens when building a project.
A LITTLE GOES A LONG WAY
Lead with the dark. Finish with Signal.
A useful starting point for a brand surface. This is a visual balance, not a pixel quota: large dark areas, clear text, and a few intentional accents.
60 / INK25 / PAPER10 / SIGNAL05 / GRAPHITE
SUPPORTING CAST
Useful, never distracting.
Stone keeps secondary text readable. Divider quietly separates content. Sky and Lilac are optional accents for product identities and data, used with a clear purpose.
Stone
Secondary text
Divider
Decorative separators
Sky
Product accent
Lilac
Product accent
CLARITY IS A REQUIREMENT
Pair colors with confidence.
These combinations meet WCAG AA for normal text (4.5:1). Use these exact pairs for text and essential actions. Divider is only for decoration; essential controls need a stronger border.
| Combination | Preview | Contrast | Normal text |
|---|---|---|---|
| Paper on Ink | Full signal. | 16.79:1 | AA PASS |
| Ink on Signal | Full signal. | 16.46:1 | AA PASS |
| Signal on Ink | Full signal. | 16.46:1 | AA PASS |
| Stone on Ink | Full signal. | 7.58:1 | AA PASS |
Give color a job.
Use Signal for the primary action, the mark, or a key piece of information. Pair Signal backgrounds with Ink text. For print, proof a physical sample; screen colors won’t reproduce exactly.
Keep the signal legible.
Avoid Paper text on Signal, Signal text on Paper, and muted text on light surfaces. Never communicate success, failure, or selection through color alone.