back to palettes
Color lane

Kōka

Night-shift transit ops: deep viaduct-night ink lit by a single signal-amber mark and a cooler viaduct teal. Disciplined, energetic, calm.

Signature · the star
primary accentSignal Amber · #f2a33c
Viaduct Teal · #4fb6b0
Rail Steel · #3a4c58
Neutrals · the ground
bg
#0e1418
surface
#16212a
text
#eaf1f4
muted
#9db1bd
border
#2c3b45
Semantic · functional accessory
success
warning
error
info
Download .cssnight-ink-darksignal-amberviaduct-tealtransithigh-contrast
Do
  • · Use signal amber only for live/departing state and the single primary action.
  • · Keep viaduct teal for transfers and info; let steel carry the route-line.
  • · Pair every semantic colour with a label.
  • · Anchor everything on the deep night-ink ground.
Don't
  • · Do not spread amber as a decorative fill or background wash.
  • · Do not add a third loud accent or a neon gradient.
  • · Do not lift the ground to warm paper or pure white.
try it

remix with this palette

Drop Kōka onto any UI language and swap the art style — the preview recolors live.

UI language
Palette · fixed
Kōka
Art style
Landing Page
live preview · recolored + filled