Back to palettes

Palette

Electric Metro Glow

The dynamic and exhilarating glow of a futuristic metropolitan area at night, alive with electric energy.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Electric Metro Glow 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 Metro Glow.

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

Data visualization

#0F0F0F#00FFFF#FF00FF#0000CD#8A2BE2

Palette guide

How to use Electric Metro Glow

Overview

The Electric Metro Glow palette captures the dynamic and exhilarating glow of a futuristic metropolitan area at night, alive with electric energy. Anchored by a deep #0F0F0F (Near Black), it provides a stark canvas for the vibrant #00FFFF (Cyan), intense #FF00FF (Magenta), deep #0000CD (Medium Blue), and mysterious #8A2BE2 (Blue Violet). This high-contrast combination is perfect for projects demanding immediate visual impact and an edgy, energetic urban vibe. Designers can leverage these glowing hues to simulate neon lights, create bold typography, or design eye-catching graphics that pop. Developers can integrate this palette into interfaces for tech events, music apps, or digital platforms that aim to capture the essence of a bustling, futuristic city.

Best used for

  • Cyberpunk game environments
  • Nightclub or concert promotions
  • Tech event branding
  • Urban-themed app interfaces
  • Digital art with neon accents
  • Futuristic web design

Suggested color roles

primary

#0F0F0F (Near Black) - Serves as a strong, grounding background, allowing the vibrant neon colors to truly pop and command attention, mimicking a night sky.

secondary

#00FFFF (Cyan) - A powerful, energetic hue perfect for headlines, calls-to-action, or graphic elements that need to stand out boldly, like city lights.

accent

#FF00FF (Magenta) - Provides a striking, electric contrast, ideal for highlighting interactive elements, subheadings, or digital accents in a cyberpunk style.

background

#0F0F0F (Near Black) - The optimal choice for a dark, urban backdrop that makes the neon accents glow intensely, creating a metropolitan night scene.

text

#8A2BE2 (Blue Violet) - Effective for striking headlines or subheadings against a dark background. For body text on #0F0F0F, white or a very light gray is recommended for readability.

Accessibility notes

  • Ensure high contrast when pairing any neon color (#00FFFF, #FF00FF) with #0F0F0F for text, checking WCAG guidelines.
  • Avoid using #0000CD for small text on dark backgrounds, as it may lack sufficient contrast for readability.
  • The intense nature of #00FFFF and #FF00FF can cause eye strain; use sparingly for large blocks of text.
  • Prioritize white or very light text on #0F0F0F for optimal readability for body content.

Recommended combinations

Metro Neon

Creates a classic neon city glow, ideal for bold headlines, logos, or striking visual accents against a dark urban backdrop.

#0F0F0F · #00FFFF · #FF00FF

Electric Pulse

Perfect for vibrant UI elements or energetic graphics, offering a dynamic contrast that captures attention in a digital interface.

#8A2BE2 · #0000CD · #0F0F0F

City Glow

A high-energy combination for artistic projects, event promotions, or digital art, delivering maximum visual impact and futuristic flair.

#FF00FF · #00FFFF · #8A2BE2

CSS variables

:root {
  --electric-metro-glow-1: #0F0F0F;
  --electric-metro-glow-2: #00FFFF;
  --electric-metro-glow-3: #FF00FF;
  --electric-metro-glow-4: #0000CD;
  --electric-metro-glow-5: #8A2BE2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "electric-metro-glow": {
        1: "#0F0F0F",
        2: "#00FFFF",
        3: "#FF00FF",
        4: "#0000CD",
        5: "#8A2BE2",
      }
    }
  }
}

Related searches

electric city colorsfuturistic urban paletteneon metro designcyberpunk night themevibrant tech city

Palette colors

Hex values

Color 1#0F0F0F
·
Color 2#00FFFF
·
Color 3#FF00FF
·
Color 4#0000CD
·
Color 5#8A2BE2
·

Accessibility

Contrast checker

1
2
3
4
5
1
15.3:1AAA
6.1:1AA
1.7:1Fail
3.2:1AA18
2
15.3:1AAA
2.5:1Fail
8.9:1AAA
4.8:1AA
3
6.1:1AA
2.5:1Fail
3.6:1AA18
1.9:1Fail
4
1.7:1Fail
8.9:1AAA
3.6:1AA18
1.9:1Fail
5
3.2:1AA18
4.8:1AA
1.9:1Fail
1.9:1Fail

Similar palettes

More like Electric Metro Glow

View all vibrant
Electric Future Drive
Neon Alley Burst
Neon Urban Pulse
Urban Night Chroma
Vibrant City Neon
Abstract City Lights