Four values,one accent.
The four.
Click any value to copy it. Every value shown here is read from the palette itself rather than transcribed, including the neutrals derived from it.
The logo’s orange. Marks, fills, and the single accent.
The warm black. Type, dark bands, and the pigment every neutral is mixed from.
The light. The default surface, and the ink on char.
The lift. Type on ember, and the one surface above paper.
The neutrals.
Four neutrals, and this is the complete list. Each one is char or paper at a fixed strength — two thinned into the light side, two into the dark — which is what keeps the palette warm instead of drifting gray. Use them exactly as they are.
The three surfaces.
Two light and one dark. Two adjacent sections should never share a tone — paper meeting tint is a small step but it is a real edge, and it is the only pair of light surfaces the brand has.
The default. Most surfaces.
A step down, for a light area next to a light area. The same value the neutrals table lists — one name, two jobs.
The anchor. Roughly a fifth of any layout.
Ember is a shape, not a letterform.
On every surface it is a fill, a rule or a mark, and on none of them is it type. It measures well enough on char to be set as text and is still not set as text there — legibility is what makes a pairing possible, not what makes it ours. Scarcity is what keeps the orange meaning “this is the argument” rather than “this is our color”.
That is the complete list, and it does not get longer on a dark surface. Ember is legible on char — the measurement is not the point — but it is a mark and a fill on every surface, never a letterform on any of them. A dark section should feel like the color finally arrived; it arrives as an arc, a rule, a marker or a fill. Never, on any surface: a second orange, tints or shades of this one, char set on top of an ember fill, or more than about two ember events in a single viewport.
Contrast, computed.
Ratios calculated from the palette values themselves, so the table cannot fall out of step with them. Two pairs fall below AA and are marked; both are permitted only in the roles noted.
A dark mode color system is approved for screen-heavy, technical contexts where a dark background helps keep attention and clarity on the content presented — the approved use cases, the one surface-and-ink pairing, the accent rules, and what the wrong version looks like.
View the dark variant