Back to palettes

Palette

Electric City Night

A high-contrast palette of dark urban shadows illuminated by electric neon signs and streetlights.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Electric City Night reads on buttons, badges, and alerts before you commit.

This alert border and accent use the palette's detail color.

Marketing banner

Launch

Built with Electric City Night.

A bolder treatment that stretches the primary and secondary colors across a full gradient banner.

Data visualization

#0F0F0F#4B0082#FF00FF#00FFFF#FFD700

Palette guide

How to use Electric City Night

Overview

The "Electric City Night" palette presents a high-contrast blend of dark urban shadows illuminated by electric neon signs and streetlights. It features a very deep Near Black (#0F0F0F) and a rich Indigo (#4B0082) as foundational darks. The electrifying glow comes from intense Magenta (#FF00FF), vibrant Cyan (#00FFFF), and a brilliant Gold (#FFD700). This collection is perfect for designers creating cyberpunk, tech-noir, or energetic digital experiences that evoke a sense of urban mystery and dynamic nightlife. Developers can use these high-contrast hues to build immersive UIs and visual effects that pop against a dark backdrop.

Best used for

  • Cyberpunk game interfaces or marketing
  • Nightlife venue branding or promotions
  • Sci-fi film titles or promotional materials
  • Urban exploration photography websites
  • Digital art with a dark, electric theme
  • E-sports event branding

Suggested color roles

primary

#0F0F0F (Near Black) - The dominant background color, providing a dramatic canvas for the vibrant neon elements.

secondary

#4B0082 (Indigo) - Ideal for subheadings, secondary backgrounds, or to add subtle depth to the dark theme.

accent

#FF00FF (Magenta) - Perfect for urgent alerts, calls-to-action, or small icons that demand immediate attention with a warm, energetic glow.

background

#0F0F0F (Near Black) - Creates a deep, immersive environment, making the glowing magenta, cyan, and gold pop intensely, simulating city lights.

text

#00FFFF (Cyan) - Offers excellent readability for headings and important text on the dark backgrounds. #FFD700 or pure white can also be used for specific highlights.

Accessibility notes

  • Ensure #00FFFF text on #0F0F0F background meets WCAG contrast standards.
  • Avoid using highly saturated colors like #FF00FF or #FFD700 for small body text to prevent eye strain.
  • Prioritize using the dark backgrounds for all neon text to maximize contrast and readability.
  • For interactive elements, ensure distinct visual cues for hover/focus states, possibly using #FFD700.

Recommended combinations

Urban Neon

Near-black background with glowing cyan text and magenta highlights, perfect for cyberpunk interfaces.

#0F0F0F · #00FFFF · #FF00FF

Night Glow

Deep indigo with gold and cyan elements, ideal for data points or atmospheric accents.

#4B0082 · #FFD700 · #00FFFF

Electric Pulse

Magenta and cyan against near-black, suitable for vibrant graphics or interactive elements.

#FF00FF · #00FFFF · #0F0F0F

CSS variables

:root {
  --electric-city-night-2-1: #0F0F0F;
  --electric-city-night-2-2: #4B0082;
  --electric-city-night-2-3: #FF00FF;
  --electric-city-night-2-4: #00FFFF;
  --electric-city-night-2-5: #FFD700;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "electric-city-night-2": {
        1: "#0F0F0F",
        2: "#4B0082",
        3: "#FF00FF",
        4: "#00FFFF",
        5: "#FFD700",
      }
    }
  }
}

Related searches

electric city night colorscyberpunk dark neonvibrant urban glownight city palettehigh contrast tech UI

Palette colors

Hex values

Color 1#0F0F0F
·
Color 2#4B0082
·
Color 3#FF00FF
·
Color 4#00FFFF
·
Color 5#FFD700
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
6.1:1AA
15.3:1AAA
13.7:1AAA
2
1.5:1Fail
4.1:1AA18
10.3:1AAA
9.2:1AAA
3
6.1:1AA
4.1:1AA18
2.5:1Fail
2.2:1Fail
4
15.3:1AAA
10.3:1AAA
2.5:1Fail
1.1:1Fail
5
13.7:1AAA
9.2:1AAA
2.2:1Fail
1.1:1Fail

Similar palettes

More like Electric City Night

View all vibrant
City Night Graffiti
Cybernetic Rainwash
Cyberpunk City Glow
Cyberpunk Street Haze
Electric City Night
Electric City Nights