Palette

Neon Alley Pulse

Bold, glowing neons against a dark backdrop capture the electrifying energy of a futuristic urban night.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Neon Alley Pulse 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 Neon Alley Pulse.

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

Data visualization

#FF00FF#00FFFF#39FF14#0F0F0F#6A0DAD

Palette guide

How to use Neon Alley Pulse

Overview

The "Neon Alley Pulse" palette is an electrifying fusion of vivid neons and profound darkness, designed to capture the pulsating energy of a futuristic urban night. It features intense magenta (#FF00FF), brilliant cyan (#00FFFF), and a sharp lime green (#39FF14), grounded by a deep, almost black (#0F0F0F) and a rich dark violet (#6A0DAD). This palette offers a striking contrast, allowing the neon elements to truly pop and command attention. Designers will find it exceptional for creating cyberpunk aesthetics, high-tech interfaces, and dynamic branding. Developers can leverage these hex codes for impactful UI elements, game environments, or digital experiences that require a bold, modern, and energetic feel.

Best used for

Cyberpunk video game visuals and branding
High-tech product interfaces and dashboards
Music event promotion materials (EDM, synthwave)
Dark mode UI themes
Futuristic digital art and illustrations
Esports team logos and merchandise

Suggested color roles

primary

#FF00FF (Intense Magenta) - Use for critical calls-to-action, primary navigation, or prominent branding elements.

secondary

#00FFFF (Brilliant Cyan) - Ideal for highlighting active states, secondary information, or graphical accents.

accent

#39FF14 (Sharp Lime Green) - Reserve for small, high-impact elements like notifications, status indicators, or subtle interactive glows.

background

#0F0F0F (Deep Almost Black) - Provides the perfect canvas for the neon colors to emanate their intense glow.

text

#00FFFF (Brilliant Cyan) or a very light gray - For headings and essential text; use a slightly muted version for longer body copy on dark backgrounds.

Accessibility notes

Ensure text in #FF00FF, #00FFFF, or #39FF14 has sufficient contrast against the #0F0F0F background.
Avoid placing #FF00FF directly on #6A0DAD for text due to potential low contrast.
Use a tool to check WCAG AA compliance for all text and interactive element color pairings.
Be cautious with using multiple bright neons for conveying distinct information without other visual cues, as it can be challenging for some users.

Recommended combinations

Dark Cyber

Perfect for dark mode interfaces, setting prominent UI elements against a deep background.

#0F0F0F · #FF00FF · #00FFFF

Electric Glow

Use for dynamic visual effects, progress bars, or a vibrant header section.

#6A0DAD · #39FF14 · #FF00FF

Night Pulse

Provides a sophisticated dark theme with a subtle pop of electric blue for interactive elements.

#0F0F0F · #6A0DAD · #00FFFF

CSS variables

:root {
  --neon-alley-pulse-1: #FF00FF;
  --neon-alley-pulse-2: #00FFFF;
  --neon-alley-pulse-3: #39FF14;
  --neon-alley-pulse-4: #0F0F0F;
  --neon-alley-pulse-5: #6A0DAD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "neon-alley-pulse": {
        1: "#FF00FF",
        2: "#00FFFF",
        3: "#39FF14",
        4: "#0F0F0F",
        5: "#6A0DAD",
      }
    }
  }
}

Hex values

Color 1#FF00FF

Color 2#00FFFF

Color 3#39FF14

Color 4#0F0F0F

Color 5#6A0DAD

Accessibility

Contrast checker

2.5:1Fail

2.3:1Fail

6.1:1AA

2.9:1Fail

2.5:1Fail

1.1:1Fail

15.3:1AAA

7.4:1AAA

2.3:1Fail

1.1:1Fail

14.1:1AAA

6.8:1AA

6.1:1AA

15.3:1AAA

14.1:1AAA

2.1:1Fail

2.9:1Fail

7.4:1AAA

6.8:1AA

2.1:1Fail

Similar palettes

More like Neon Alley Pulse

View all vibrant

Cyber Glow Graffiti

Cyberpunk City Glow

Cyberpunk Street Haze

Electric Future Drive

Neo-Tokyo Streetlights

Neon Alley Thrill