Back to palettes

Palette

Electric Night Cityscape

A high-contrast palette reflecting the electrifying, vibrant lights of a bustling city at night.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Electric Night Cityscape 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 Night Cityscape.

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

Data visualization

#0B0E23#3B0086#8B00B9#FF00FF#00FFE1

Palette guide

How to use Electric Night Cityscape

Overview

The Electric Night Cityscape palette offers a high-contrast reflection of the electrifying, vibrant lights of a bustling city at night. It features a very dark #0B0E23 (Deep Indigo) as its foundation, complemented by the rich #3B0086 (Indigo) and striking #8B00B9 (Dark Magenta). The palette is truly electrified by the vivid #FF00FF (Magenta) and luminous #00FFE1 (Electric Cyan), creating stark, glowing contrasts. This combination is ideal for designs that need to convey an energetic, urban, and futuristic feel. Designers can leverage these hues for bold UI elements, city-themed branding, or digital art. Developers will find it excellent for creating immersive user experiences in applications or games set in a modern, bustling metropolis, particularly for dark mode interfaces.

Best used for

  • Urban nightlife branding
  • Cyberpunk game environments
  • Tech conference visuals
  • Music festival promotional materials
  • Digital art with neon cityscapes
  • Modern web dashboards

Suggested color roles

primary

#0B0E23 (Deep Indigo) - Provides a strong, grounding background, allowing the vibrant neon colors to truly pop and command attention, mimicking a night city sky.

secondary

#3B0086 (Indigo) - Offers a deep, sophisticated tone, suitable for secondary backgrounds, large UI sections, or subtle gradients, adding depth and mystery.

accent

#FF00FF (Magenta) - A powerful, energetic accent for calls-to-action, alerts, or details that demand immediate attention and a futuristic flair, like neon signs.

background

#0B0E23 (Deep Indigo) - The optimal choice for a dark, urban backdrop that makes the neon accents glow intensely, creating a vibrant night cityscape.

text

#00FFE1 (Electric Cyan) - Effective for striking headlines or short bursts of information against dark backgrounds. For body text on #0B0E23, white or a very light gray is recommended for readability.

Accessibility notes

  • Ensure high contrast when pairing #FF00FF or #00FFE1 with #0B0E23 or #3B0086 for text, checking WCAG guidelines.
  • Avoid using #8B00B9 for small text on dark backgrounds without sufficient contrast testing.
  • The intense nature of #FF00FF and #00FFE1 can cause eye strain; use sparingly for large blocks of text.
  • Prioritize white or very light text on #0B0E23 for optimal readability for body content.

Recommended combinations

City Night Glow

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

#0B0E23 · #FF00FF · #00FFE1

Urban Pulse

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

#3B0086 · #8B00B9 · #FF00FF

Electric Horizon

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

#00FFE1 · #0B0E23 · #3B0086

CSS variables

:root {
  --electric-night-cityscape-1: #0B0E23;
  --electric-night-cityscape-2: #3B0086;
  --electric-night-cityscape-3: #8B00B9;
  --electric-night-cityscape-4: #FF00FF;
  --electric-night-cityscape-5: #00FFE1;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "electric-night-cityscape": {
        1: "#0B0E23",
        2: "#3B0086",
        3: "#8B00B9",
        4: "#FF00FF",
        5: "#00FFE1",
      }
    }
  }
}

Related searches

electric urban colorsneon city designfuturistic night palettevibrant tech cityscapedark mode bright accents

Palette colors

Hex values

Color 1#0B0E23
·
Color 2#3B0086
·
Color 3#8B00B9
·
Color 4#FF00FF
·
Color 5#00FFE1
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.5:1Fail
6.1:1AA
14.9:1AAA
2
1.4:1Fail
1.8:1Fail
4.4:1AA18
10.7:1AAA
3
2.5:1Fail
1.8:1Fail
2.4:1Fail
5.9:1AA
4
6.1:1AA
4.4:1AA18
2.4:1Fail
2.4:1Fail
5
14.9:1AAA
10.7:1AAA
5.9:1AA
2.4:1Fail

Similar palettes

More like Electric Night Cityscape

View all vibrant
Cyber Glow Spectrum
Cyberpunk Street Beat
Downtown Neon Rhythm
Electric City Vibe
Neo Tokyo Rush
Neon Alley Glaze