Back to palettes

Palette

Neon Alley Glitch

Harsh, electric colors mimicking the flickering signs and digital glitches of a cyberpunk alley.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF00FF#00FFFF#FFFF00#8A2BE2#191970

Palette guide

How to use Neon Alley Glitch

Overview

The "Neon Alley Glitch" palette is a high-energy, vibrant collection designed to evoke the chaotic beauty of a cyberpunk cityscape. Featuring electric magenta (#FF00FF), luminous cyan (#00FFFF), and dazzling yellow (#FFFF00), it's perfectly balanced by the deep, moody tones of blue violet (#8A2BE2) and midnight blue (#191970). This combination creates a striking visual contrast, ideal for projects demanding an edgy, futuristic aesthetic. Developers can leverage these bold hues for UI elements that pop, while designers will find them excellent for branding, digital art, and interactive experiences that aim to convey dynamism and a sense of digital disruption. The palette's intense glow against dark anchors makes it incredibly versatile for conveying modern, tech-driven themes.

Best used for

  • Cyberpunk game UI and environments
  • Music festival branding and event posters
  • Tech startup websites and app interfaces
  • Digital art and motion graphics
  • Vibrant streetwear or fashion design
  • Esports team branding

Suggested color roles

primary

#FF00FF (Electric Magenta) - Use as a dominant, attention-grabbing color for key interactive elements, headlines, or brand focal points.

secondary

#00FFFF (Luminous Cyan) - Excellent for secondary calls-to-action, active states, or supporting visual information against the darker background.

accent

#FFFF00 (Dazzling Yellow) - Reserve for small, critical alerts, notifications, or to highlight specific data points for maximum impact.

background

#191970 (Midnight Blue) - Provides a deep, stable base that allows the neon colors to truly glow and stand out.

text

#00FFFF (Luminous Cyan) or white - For headings and important text against dark backgrounds; use a near-white for body copy for readability.

Accessibility notes

  • Ensure sufficient contrast between the neon hues (e.g., #FF00FF, #00FFFF, #FFFF00) and the dark background #191970.
  • Avoid placing #FFFF00 (yellow) directly on #00FFFF (cyan) or #FF00FF (magenta) as contrast may be insufficient for text.
  • For text, pair light colors like #00FFFF with the dark #191970 background, checking WCAG AA standards.
  • Be mindful of color-blind users; rely on more than just color for conveying information, especially with similar bright hues.

Recommended combinations

Cyber Contrast

Ideal for dark mode interfaces, where #FF00FF provides primary highlights and #00FFFF offers secondary actions against #191970.

#191970 · #FF00FF · #00FFFF

Glitch Pop

Use for dynamic graphical elements or short, impactful calls-to-action where high energy is desired.

#8A2BE2 · #FFFF00 · #FF00FF

Deep Electric

A more subdued but still vibrant combination suitable for information panels or subtle interactive states.

#191970 · #8A2BE2 · #00FFFF

CSS variables

:root {
  --neon-alley-glitch-1: #FF00FF;
  --neon-alley-glitch-2: #00FFFF;
  --neon-alley-glitch-3: #FFFF00;
  --neon-alley-glitch-4: #8A2BE2;
  --neon-alley-glitch-5: #191970;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "neon-alley-glitch": {
        1: "#FF00FF",
        2: "#00FFFF",
        3: "#FFFF00",
        4: "#8A2BE2",
        5: "#191970",
      }
    }
  }
}

Related searches

cyberpunk color schemesneon design paletteglitch art colorsvibrant ui designelectric theme hex codes

Palette colors

Hex values

Color 1#FF00FF
·
Color 2#00FFFF
·
Color 3#FFFF00
·
Color 4#8A2BE2
·
Color 5#191970
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.5:1Fail
2.9:1Fail
1.9:1Fail
4.7:1AA
2
2.5:1Fail
1.2:1Fail
4.8:1AA
11.8:1AAA
3
2.9:1Fail
1.2:1Fail
5.5:1AA
13.8:1AAA
4
1.9:1Fail
4.8:1AA
5.5:1AA
2.5:1Fail
5
4.7:1AA
11.8:1AAA
13.8:1AAA
2.5:1Fail

Similar palettes

More like Neon Alley Glitch

View all vibrant
City Neon Jungle
Cyber Glitch Future
Cyber Neon Glitch
Cyber Neon Pulse
Cybernetic Glitch Neon
Cybernetic Pulse Beat