Back to palettes

Palette

Cyberpunk Alley Neon

A high-octane mix of electric blues, purples, and greens, capturing the pulsating energy of a futuristic city alley.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#00FFFF#FF00FF#8A2BE2#32CD32#FFD700

Palette guide

How to use Cyberpunk Alley Neon

Overview

The "Cyberpunk Alley Neon" palette delivers a high-octane mix of electric blues, purples, and greens, perfectly capturing the pulsating energy of a futuristic city alley. Featuring prominent hues like #00FFFF (cyan), #FF00FF (magenta), #8A2BE2 (blue violet), #32CD32 (lime green), and #FFD700 (gold), this palette is inherently dynamic and bold. It's an excellent choice for designers aiming to convey a sense of high-tech urgency and vibrant urban life. Developers will find these colors incredibly effective for creating distinct interactive states, urgent notifications, and visually engaging data displays. The strong contrasts ensure that key elements always stand out, making it ideal for interfaces that demand attention and a compelling, energetic user experience.

Best used for

  • Sci-fi game HUDs and UI elements
  • Futuristic web and app design
  • Digital art and graphic novels
  • Event branding for tech or gaming conventions
  • Motion graphics and visual effects
  • High-energy marketing campaigns

Suggested color roles

primary

Utilize #00FFFF (Cyan) for main interactive elements, primary branding, or prominent headings to establish a clear focal point.

secondary

Apply #FF00FF (Magenta) for secondary calls to action, important notifications, or vibrant accents that demand attention.

accent

Employ #FFD700 (Gold) for energetic highlights, warning indicators, or elements needing a sharp, luxurious pop.

background

A deep charcoal or black (#000000) is recommended as a background to make these vivid neons truly pop and create depth.

text

For general legibility on dark backgrounds, use white (#FFFFFF) or very light gray. For impactful headings, #00FFFF or #FFD700 are strong choices.

Accessibility notes

  • Ensure very high contrast when placing any neon color text on other bright neons or medium tones like #8A2BE2.
  • Avoid using #32CD32 or #FFD700 for small body text; they are best reserved for larger headings or accents.
  • Test color combinations for color blindness, especially between #32CD32 and the blue/purple hues.
  • Pair these vibrant colors with a very dark background to enhance readability and reduce visual strain.

Recommended combinations

Electric Pulse

Excellent for creating dynamic gradients, interactive button states, or glowing UI elements.

#00FFFF · #FF00FF · #8A2BE2

Tech Glow

Ideal for energetic data visualizations, progress bars, or highlighting key information in a tech interface.

#32CD32 · #FFD700 · #00FFFF

Urban Night

Perfect for abstract backgrounds, dramatic lighting effects, or atmospheric elements in digital art.

#FF00FF · #8A2BE2 · #FFD700

CSS variables

:root {
  --cyberpunk-alley-neon-2-1: #00FFFF;
  --cyberpunk-alley-neon-2-2: #FF00FF;
  --cyberpunk-alley-neon-2-3: #8A2BE2;
  --cyberpunk-alley-neon-2-4: #32CD32;
  --cyberpunk-alley-neon-2-5: #FFD700;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cyberpunk-alley-neon-2": {
        1: "#00FFFF",
        2: "#FF00FF",
        3: "#8A2BE2",
        4: "#32CD32",
        5: "#FFD700",
      }
    }
  }
}

Related searches

cyberpunk neon palettefuturistic city colorsvibrant tech aestheticcyan magenta gold schemedigital urban glow

Palette colors

Hex values

Color 1#00FFFF
·
Color 2#FF00FF
·
Color 3#8A2BE2
·
Color 4#32CD32
·
Color 5#FFD700
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.5:1Fail
4.8:1AA
1.7:1Fail
1.1:1Fail
2
2.5:1Fail
1.9:1Fail
1.5:1Fail
2.2:1Fail
3
4.8:1AA
1.9:1Fail
2.8:1Fail
4.2:1AA18
4
1.7:1Fail
1.5:1Fail
2.8:1Fail
1.5:1Fail
5
1.1:1Fail
2.2:1Fail
4.2:1AA18
1.5:1Fail

Similar palettes

More like Cyberpunk Alley Neon

View all vibrant
Neo Tokyo Pop
City Neon Pulse
Cyber City Synth
Cyber Glow Spectrum
Cyberpunk Afterglow
Cyberpunk Alley Light