Back to palettes

Palette

Neon Alley Glaze

A dazzling array of electric hues, reflecting off wet pavement in a bustling, neon-lit urban alley.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#00FF00#00FFFF#FF00FF#FFD700#FF4500

Palette guide

How to use Neon Alley Glaze

Overview

The 'Neon Alley Glaze' palette is a dazzling array of electric hues, perfectly reflecting off wet pavement in a bustling, neon-lit urban alley. This collection features vibrant #00FF00 (Lime Green), #00FFFF (Cyan), #FF00FF (Magenta), #FFD700 (Golden Yellow), and #FF4500 (Orange Red). Without a dark base provided, it's designed for maximum saturation and intensity, best showcased against deep charcoals or blacks. This palette is ideal for designers and developers seeking to create energetic, almost hyper-real digital experiences that burst with artificial light and dynamic color, evoking a sense of vibrant, futuristic city life.

Best used for

  • event and festival branding
  • vibrant digital advertising
  • motion graphics and animations
  • youth-focused app designs
  • cyber-themed art installations
  • streaming platform aesthetics

Suggested color roles

primary

Utilize #00FFFF (Cyan) as a dominant, cool primary color for main UI elements, impactful headlines, or large graphical accents, providing a crisp, digital glow.

secondary

Employ #FF00FF (Magenta) for secondary calls-to-action, contrasting elements, or to create a vibrant, warm tension against the primary cyan.

accent

Apply #FFD700 (Golden Yellow) sparingly for critical highlights, small icons, or to simulate a bright, reflective glint, ensuring maximum visibility.

background

To enhance the 'glaze' effect, pair this palette with a deep charcoal or pure black background (e.g., #1A1A1A or #000000) for dramatic contrast.

text

For body text, use a crisp white or light gray against a dark background. For headings, #00FFFF or #FF00FF offer excellent contrast and a futuristic feel on a dark base.

Accessibility notes

  • Ensure all bright neon colors have sufficient contrast when used as text against a dark background.
  • Avoid placing bright neons directly on other bright neons for critical text or interactive elements to maintain legibility.
  • Consider color blindness when using #00FF00 and #FF4500 in close proximity; ensure alternative visual cues are present.
  • Interactive elements should have clear focus states that stand out prominently against the surrounding design.

Recommended combinations

Wet Pavement

Ideal for simulating reflections, glossy surfaces, or main content areas that need a vibrant, shimmering effect.

#00FFFF · #FF00FF · #FFD700

Hazard/Attention

Perfect for urgent alerts, warning messages, or dynamic elements that require immediate and high-energy attention.

#FF4500 · #00FF00 · #FF00FF

Cyber Glow

Use for layered graphical effects, subtle background glows, or energetic transitions that evoke a digital, electrified ambiance.

#00FF00 · #FFD700 · #00FFFF

CSS variables

:root {
  --neon-alley-glaze-1: #00FF00;
  --neon-alley-glaze-2: #00FFFF;
  --neon-alley-glaze-3: #FF00FF;
  --neon-alley-glaze-4: #FFD700;
  --neon-alley-glaze-5: #FF4500;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "neon-alley-glaze": {
        1: "#00FF00",
        2: "#00FFFF",
        3: "#FF00FF",
        4: "#FFD700",
        5: "#FF4500",
      }
    }
  }
}

Related searches

neon glaze colorsvibrant city paletteelectric street artbright urban themecyberpunk reflections

Palette colors

Hex values

Color 1#00FF00
·
Color 2#00FFFF
·
Color 3#FF00FF
·
Color 4#FFD700
·
Color 5#FF4500
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
2.3:1Fail
1:1Fail
2.5:1Fail
2
1.1:1Fail
2.5:1Fail
1.1:1Fail
2.7:1Fail
3
2.3:1Fail
2.5:1Fail
2.2:1Fail
1.1:1Fail
4
1:1Fail
1.1:1Fail
2.2:1Fail
2.5:1Fail
5
2.5:1Fail
2.7:1Fail
1.1:1Fail
2.5:1Fail

Similar palettes

More like Neon Alley Glaze

View all vibrant
Cyber Glow Spectrum
Cyberpunk Alley Light
Cyberpunk Street Beat
Digital Pixel Bloom
Electric City Neon
Electric Night Cityscape