back to palettes
Color lane

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.

Signature · the star
primary accentVermilion spot · #e8472a
Night indigo field · #16264a
Indigo register · #5b7fb9
Neutrals · the ground
bg
#0e1a33
surface
#16264a
text
#f2ecdd
muted
#9fb0ce
border
#0a1124
Semantic · functional accessory
success
warning
error
info
Download .cssindigo-nightsumi-inkvermilion-spotmokuhangadark-mode
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.
Don't
  • · 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 it

remix with this palette

Drop Yobanashi Night onto any UI language and swap the art style — the preview recolors live.

UI language
Palette · fixed
Yobanashi Night
Art style
Landing Page
live preview · recolored + filled