Back to palettes

Wheatpaste

Confrontational and nocturnal: bright photocopied paper shouting off a grimy dark wall under a single sodium light. Loud, handled, utilitarian — never pretty or soft.

warm, amber.

Download .css

Colours

3 signature colours, 5 neutrals, 4 semantic.

Signature

Sodium Amber#f2b705
Tar Black#16140f
Xerox Paper#f4f0e6

Neutrals

bg#16140f
surface#f4f0e6
text#16140f
muted#6f6a5c
border#16140f

Semantic

success#9aa06a
warning#f2b705
error#c2552e
info#7f8a8d

sodium-amber, tar-black, xerox-paper, monochrome-plus-one, high-contrast, anti-design, flyposted, warm-dark

Using it

Do

  • Keep amber as a single highlighter per region — live tags, one primary button, focus rings, chart/meter peak.
  • Run bright paper scraps against the tar-black wall for contrast; let the wall show between them.
  • Hold semantic colours quiet; warning shares the amber, success/error/info stay muted and never primary.

Avoid

  • Do not wash a surface in amber or use it as a background fill.
  • Do not soften to a pale paper ground or pure white; the ground is tar-black.
  • Do not introduce a second bright accent — one amber only.

Try a remix

Drop Wheatpaste onto any UI language and swap the art style. The preview recolours live.

UI language
Palette
Wheatpaste
Art style