Back to palettes

Yobanashi Night

A nocturne struck from a mokuhanga woodblock: deep indigo night, sumi ink, off-white kozo, and one vermilion spot held for the beat that matters.

cool, indigo.

Download .css

Colours

3 signature colours, 5 neutrals, 4 semantic.

Signature

Vermilion spot#E8472A
Night indigo field#16264A
Indigo register#5B7FB9

Neutrals

bg#0E1A33
surface#16264A
text#F2ECDD
muted#9FB0CE
border#0A1124

Semantic

success#4FB286
warning#E0A53D
error#E8472A
info#5B7FB9

indigo-night, sumi-ink, vermilion-spot, mokuhanga, dark-mode, cool-neutrals

Using it

Do

  • Use vermilion as the single spotlight per view; keep indigo and pine quieter.
  • Pair kozo text on indigo/sumi for high contrast; tune neutrals cool to the indigo temperature.
  • Let sumi carry frames and offset shadow blocks.

Avoid

  • Make a semantic colour (warning/error) visually primary.
  • Introduce a warm cream or white surface.
  • Spread vermilion across many elements until the beat is lost.

Try a remix

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

UI language
Palette
Yobanashi Night
Art style