Back to palettes

Palette

Cyberpunk Alley Glow

The grimy yet vibrant world of a cyberpunk alley, illuminated by the synthetic glow of neon signs and digital interfaces.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#1A1A1A#00BFFF#FF00FF#00FF00#32CD32

Palette guide

How to use Cyberpunk Alley Glow

Overview

The "Cyberpunk Alley Glow" palette plunges designers into the grimy yet vibrant world of a futuristic alley, illuminated by synthetic neon. This palette is built on a stark contrast of deep #1A1A1A (very dark gray) with electric blues and greens. Key vibrant players include #00BFFF (deep sky blue), #FF00FF (magenta), #00FF00 (lime green), and #32CD32 (lime green, slightly darker). This combination is perfect for projects that need to convey a raw, high-tech urban atmosphere. Developers can use these distinct colors to create compelling visual hierarchies in applications or games, ensuring interactive elements and data visualizations pop with a genuine cyberpunk flair. It's an ideal choice for interfaces that demand an edgy, energetic, and visually striking aesthetic.

Best used for

  • Sci-fi game environment design
  • Futuristic UI/HUD elements
  • Digital art and concept illustration
  • Music video aesthetics
  • Event promotion for gaming or tech
  • Dark mode application themes

Suggested color roles

primary

Utilize #00BFFF (Deep Sky Blue) for main interactive elements, primary branding, or prominent headings.

secondary

Apply #FF00FF (Magenta) for secondary calls to action, alerts, or key visual accents that demand attention.

accent

Employ #00FF00 (Lime Green) for highlights, success states, or small, impactful details that need to pop.

background

Use #1A1A1A (Very Dark Gray) as the dominant background, providing a deep, shadowy canvas for the neon lights.

text

For general legibility on dark backgrounds, use white (#FFFFFF) or a very light gray. For headings, #00BFFF or #FF00FF can be used.

Accessibility notes

  • Ensure strong contrast between neon colors and #1A1A1A background for all text and interactive elements.
  • Avoid using #00FF00 or #32CD32 for small body text; they are best for larger headings or accents.
  • Be mindful of color blindness when combining #00FF00 and #32CD32, as they are very similar.
  • Use a consistent, readable font size for text, especially when using vibrant colors on dark backgrounds.

Recommended combinations

Alley Glare

Excellent for creating stark, glowing contrasts in UI elements, headers, or digital signage.

#00BFFF · #FF00FF · #1A1A1A

Neon Circuit

Ideal for representing digital circuits, code displays, or tech-infused elements with a green glow.

#00FF00 · #32CD32 · #1A1A1A

Urban Flux

Perfect for energetic gradients, futuristic lighting effects, or dynamic transitions in motion graphics.

#FF00FF · #00BFFF · #32CD32

CSS variables

:root {
  --cyberpunk-alley-glow-3-1: #1A1A1A;
  --cyberpunk-alley-glow-3-2: #00BFFF;
  --cyberpunk-alley-glow-3-3: #FF00FF;
  --cyberpunk-alley-glow-3-4: #00FF00;
  --cyberpunk-alley-glow-3-5: #32CD32;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cyberpunk-alley-glow-3": {
        1: "#1A1A1A",
        2: "#00BFFF",
        3: "#FF00FF",
        4: "#00FF00",
        5: "#32CD32",
      }
    }
  }
}

Related searches

cyberpunk neon dark palettefuturistic urban colorsdeep sky blue magenta greentech alley aestheticdigital glow color scheme

Palette colors

Hex values

Color 1#1A1A1A
·
Color 2#00BFFF
·
Color 3#FF00FF
·
Color 4#00FF00
·
Color 5#32CD32
·

Accessibility

Contrast checker

1
2
3
4
5
1
8.2:1AAA
5.5:1AA
12.7:1AAA
8.2:1AAA
2
8.2:1AAA
1.5:1Fail
1.5:1Fail
1:1Fail
3
5.5:1AA
1.5:1Fail
2.3:1Fail
1.5:1Fail
4
12.7:1AAA
1.5:1Fail
2.3:1Fail
1.5:1Fail
5
8.2:1AAA
1:1Fail
1.5:1Fail
1.5:1Fail

Similar palettes

More like Cyberpunk Alley Glow

View all vibrant
Cyber City Synth
Cyber Neon Pulse
Cybernetic Glitch Neon
Digital Glitch Pulse
Electric Synth Pulse
Neon Flux Horizon