Palette

Cyberpunk Alley Glitch

Electric and vibrant, this palette captures the chaotic energy of a cyberpunk night scene.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#00FF00#00FFFF#FF00FF#8A2BE2#483D8B

Palette guide

How to use Cyberpunk Alley Glitch

Overview

The Cyberpunk Alley Glitch palette brings a high-octane, futuristic energy to any design, perfectly encapsulating the chaotic glow of a dystopian night. Dominated by electric neons like #00FF00 (vivid green), #00FFFF (bright cyan), and #FF00FF (intense magenta), this palette is ideal for projects demanding a bold, digital aesthetic. These vibrant hues are expertly grounded by deeper, more mysterious tones such as #8A2BE2 (blue violet) and #483D8B (dark slate blue), which provide essential contrast and depth. Designers can leverage this combination to create dynamic interfaces, striking visuals, or immersive game environments that evoke a sense of technological disruption and urban grit. Developers will find these distinct colors easy to implement for UI states, animations, and visual accents that pop with a unique, energetic vibe.

Best used for

Futuristic UI/UX design (e.g., game interfaces, sci-fi apps)
Digital art and illustrations with a cyberpunk theme
Event branding for tech conferences or music festivals
Gaming environments and character design
Motion graphics and animated sequences
Apparel and merchandise design for niche markets

Suggested color roles

primary

Utilize #00FFFF (Cyan) for main interactive elements, primary branding, or key information displays.

secondary

Apply #FF00FF (Magenta) for secondary calls to action, prominent headings, or visual indicators.

accent

Employ #00FF00 (Bright Green) for alerts, success states, or small, impactful details that require immediate attention.

background

Use #483D8B (Dark Slate Blue) as a deep, atmospheric base that allows the neon colors to truly glow and stand out.

text

For optimal legibility against dark backgrounds, use white (#FFFFFF) or near-white text. For headings on #483D8B, #00FF00 can be effective.

Accessibility notes

Ensure sufficient contrast between neon colors and dark backgrounds for text and UI elements.
Avoid using #00FF00, #00FFFF, or #FF00FF directly for small body text due to their high luminosity on dark backgrounds.
Check color blindness compatibility, especially with combinations involving #00FF00 (green) and #8A2BE2 (blue-violet).
Use the darker #483D8B for larger text blocks or as a background for lighter text to improve readability.

Recommended combinations

Neon Glitch

Ideal for creating dynamic, high-contrast visual glitches or energetic UI elements and notifications.

#00FF00 · #FF00FF · #483D8B

Cyber Sunset

Great for atmospheric backgrounds, digital skies, or gradients in futuristic landscapes and abstract art.

#00FFFF · #8A2BE2 · #483D8B

Electric Code

Perfect for glowing text, interactive buttons, or data visualization in a high-tech interface or game HUD.

#FF00FF · #00FFFF · #00FF00

CSS variables

:root {
  --cyberpunk-alley-glitch-1: #00FF00;
  --cyberpunk-alley-glitch-2: #00FFFF;
  --cyberpunk-alley-glitch-3: #FF00FF;
  --cyberpunk-alley-glitch-4: #8A2BE2;
  --cyberpunk-alley-glitch-5: #483D8B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cyberpunk-alley-glitch": {
        1: "#00FF00",
        2: "#00FFFF",
        3: "#FF00FF",
        4: "#8A2BE2",
        5: "#483D8B",
      }
    }
  }
}

Hex values

Color 1#00FF00

Color 2#00FFFF

Color 3#FF00FF

Color 4#8A2BE2

Color 5#483D8B

Accessibility

Contrast checker

1.1:1Fail

2.3:1Fail

4.3:1AA18

6.6:1AA

1.1:1Fail

2.5:1Fail

4.8:1AA

7.2:1AAA

2.3:1Fail

2.5:1Fail

1.9:1Fail

2.9:1Fail

4.3:1AA18

4.8:1AA

1.9:1Fail

1.5:1Fail

6.6:1AA

7.2:1AAA

2.9:1Fail

1.5:1Fail

Similar palettes

More like Cyberpunk Alley Glitch

View all vibrant

Cybernetic Glitch Neon

Cybernetic Pulse Beat

Cyberpunk Glitchscape

Cyberpunk Neon Blaze

Chroma Glitch Pop

Cyber City Synth