back to palettes
Color lane

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.

Signature · the star
primary accentSignal Yellow · #e8c400
Instrument Graphite · #2e3133
Bone Ink · #edebe6
Neutrals · the ground
bg
#16181a
surface
#1f2225
text
#edebe6
muted
#8a8f92
border
#2c3033
Semantic · functional accessory
success
warning
error
info
Download .cssdarkgraphitesignal-yellowmonochromeengineered
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.
Don't
  • · 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 it

remix with this palette

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

UI language
Palette · fixed
Signal & Graphite
Art style
Landing Page
live preview · recolored + filled