Back to palettes

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.

cool, amber.

Download .css

Colours

3 signature colours, 5 neutrals, 4 semantic.

Signature

Signal Amber#F2A33C
Viaduct Teal#4FB6B0
Rail Steel#3A4C58

Neutrals

bg#0E1418
surface#16212A
text#EAF1F4
muted#9DB1BD
border#2C3B45

Semantic

success#7FC06A
warning#F2A33C
error#E2614C
info#4FB6B0

night-ink-dark, signal-amber, viaduct-teal, transit, high-contrast, single-loud-accent, cool-neutrals

Using it

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.

Avoid

  • 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 a remix

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

UI language
Palette
Kōka
Art style