Back to palettes

Signal & Graphite

A dark, engineered monochrome — deep graphite and warm bone ink with one lit signal-yellow mark, calm and precise like a calibrated instrument at rest.

cool, yellow.

Download .css

Colours

3 signature colours, 5 neutrals, 4 semantic.

Signature

Signal Yellow#E8C400
Instrument Graphite#2E3133
Bone Ink#EDEBE6

Neutrals

bg#16181A
surface#1F2225
text#EDEBE6
muted#8A8F92
border#2C3033

Semantic

success#6FA56B
warning#D9A441
error#D5604A
info#6E94B0

dark, graphite, signal-yellow, monochrome, engineered, functional-modernism

Using it

Do

  • Build on the graphite ground; carry content on raised plates and recessed tracks separated by hairline keylines.
  • Let signal-yellow mark exactly one live, focused, filling, or out-of-spec element; keep semantics quiet.
  • Use bone ink for headlines and figures; mono muted-grey for labels, codes, and dimension callouts.

Avoid

  • Do not fill large surfaces with yellow or add a second saturated hue alongside it.
  • Do not let the amber warning read as the signal-yellow; keep semantics small and secondary.
  • Do not soften the graphite into muddy mid-greys; keep the ground deep and the contrast high.

Try a remix

Drop Signal & Graphite onto any UI language and swap the art style. The preview recolours live.

UI language
Palette
Signal & Graphite
Art style