After Dark Colour Palette

The city after midnight: deep midnight blue sky, the warm glow of streetlamps, neon signs reflected in wet streets, and the charcoal of buildings becoming silhouettes. This is not quite as intense as Tokyo Neon but shares its nocturnal energy. A sophisticated dark palette with just enough colour to feel alive. For nightlife brands, music platforms, late-night delivery apps, cocktail bars, and anything that comes alive when the sun goes down.

Colour codes

  • Midnight Blue #0B1628 background
  • Streetlamp #E8C547 primary
  • Neon Sign #FF4F6F accent
  • Night Sky #4A90D9 secondary
  • Moonlight #E0E0E0 text

Usage guidance

This is a dark-mode palette. Midnight Blue is your background, deep and enveloping. Streetlamp is your primary, a warm golden yellow for headers, primary buttons, and key elements that need to glow against the dark. Neon Sign provides the electric accent for hover states, alerts, and moments of energy. Night Sky blue works for links, secondary actions, and supporting elements. Moonlight is your text colour, soft white that does not glare. Use the warm and cool accents to create depth, like light sources in a dark scene.

Learn and explore

Choosing website colours Check colour contrast