back to palettes
Color lane

Klieg

Three saturated highlighters on a deep blue-black night — magenta, cyan, amber — bright like neon over wet asphalt yet placed with restraint so the dark stays the ground. Bright and clean, never muddy; the brightness reads as glow, not noise.

Signature · the star
primary accentMarquee Magenta · #ff2e88
Transit Cyan · #22e0ff
On-Air Amber · #ffb02e
Neutrals · the ground
bg
#0a0e1a
surface
#121829
text
#f4f6ff
muted
#8b93b5
border
#232c47
Semantic · functional accessory
success
warning
error
info
Ramps
neutral
Download .cssneonnightmagentacyanamber
Do
  • · Use the three accents like highlighters on the deep night ground — magenta to signal, cyan to route, amber for live.
  • · Let glow and wet reflection carry the brightness; keep neutrals cool and dark.
  • · Keep semantic colour to one small status light per row, with a text label.
Don't
  • · Wash the ground pale or invert to white.
  • · Add a fourth loud accent or let two accents fight on one surface.
  • · Use a coloured surface fill for status — use a single glowing dot instead.
try it

remix with this palette

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

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