Back to palettes

Palette

Neon Alley Glitch

An electrifying mix of hyper-bright, artificial colors, capturing a chaotic neon alleyway.

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

#FF3366#00FFFF#99FF33#FF66CC#33FFCC

Palette guide

How to use Neon Alley Glitch

Overview

The 'Neon Alley Glitch' palette is an electrifying mix of hyper-bright, artificial colors, capturing a chaotic and dynamic neon alleyway aesthetic. With no dark base provided, it relies on the intense interplay of #FF3366 (Vibrant Pink), #00FFFF (Electric Cyan), #99FF33 (Lime Glitch), #FF66CC (Bubblegum Pink), and #33FFCC (Aqua Glitch). This palette is perfect for designers and developers aiming to create experimental, high-energy digital experiences with a distinct glitch-art or cyberpunk feel. Its vivid, almost unsettling combinations ensure that projects will stand out, demanding attention with their simulated digital disruption.

Best used for

  • glitch art and digital installations
  • experimental UI/UX design
  • club and music event visuals
  • streaming platform graphics
  • youth fashion and streetwear branding
  • abstract motion graphics

Suggested color roles

primary

Utilize #00FFFF (Electric Cyan) as a dominant, cool primary color for main interactive elements, key information, or large graphical accents, embodying a digital, glitchy feel.

secondary

Employ #FF3366 (Vibrant Pink) for secondary calls-to-action, contrasting panels, or to add a warm, energetic counterpoint against the primary cyan, hinting at digital corruption.

accent

Apply #99FF33 (Lime Glitch) sparingly for critical alerts, loading indicators, or to create a sharp, almost acidic visual pop, enhancing the glitch effect.

background

To maximize visual impact, pair this palette with a deep black or very dark gray (e.g., #000000 or #111111) as the primary background.

text

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

Accessibility notes

  • High contrast is essential for all combinations; avoid using bright colors on bright backgrounds for text or critical information.
  • Ensure all text against a recommended dark background uses sufficiently bright colors for optimal readability.
  • Consider potential legibility issues for users with color vision deficiencies when similar hues like #FF3366 and #FF66CC are used in close proximity.
  • Interactive elements should have clearly defined states (hover, active) using the most contrasting colors to ensure usability amidst the visual chaos.

Recommended combinations

Glitch UI

Forms a core for experimental user interfaces, creating a dynamic, almost broken digital aesthetic with vibrant interactive elements.

#00FFFF · #FF3366 · #99FF33

Data Visualization

Ideal for charts, graphs, or data overlays, where distinct bright hues ensure clear differentiation and a futuristic look.

#33FFCC · #FF66CC · #00FFFF

Dynamic Overlay

Use for layered graphics, energetic transitions, or background elements to evoke a sense of digital distortion and vibrancy.

#FF3366 · #99FF33 · #FF66CC

CSS variables

:root {
  --neon-alley-glitch-2-1: #FF3366;
  --neon-alley-glitch-2-2: #00FFFF;
  --neon-alley-glitch-2-3: #99FF33;
  --neon-alley-glitch-2-4: #FF66CC;
  --neon-alley-glitch-2-5: #33FFCC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "neon-alley-glitch-2": {
        1: "#FF3366",
        2: "#00FFFF",
        3: "#99FF33",
        4: "#FF66CC",
        5: "#33FFCC",
      }
    }
  }
}

Related searches

neon glitch colorscyberpunk brightsvibrant digital paletteexperimental UIelectric aesthetic

Palette colors

Hex values

Color 1#FF3366
·
Color 2#00FFFF
·
Color 3#99FF33
·
Color 4#FF66CC
·
Color 5#33FFCC
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.8:1Fail
2.8:1Fail
1.4:1Fail
2.8:1Fail
2
2.8:1Fail
1:1Fail
2.1:1Fail
1:1Fail
3
2.8:1Fail
1:1Fail
2.1:1Fail
1:1Fail
4
1.4:1Fail
2.1:1Fail
2.1:1Fail
2:1Fail
5
2.8:1Fail
1:1Fail
1:1Fail
2:1Fail

Similar palettes

More like Neon Alley Glitch

View all vibrant
Cyberpunk Street Beat
Digital Pixel Bloom
Neon Alley Glaze
Neon Alley Surge
Neon Arcade Drive
Abstract Pop Glitch