Palette

Cyberpunk Glitch Neon

High-contrast, electric hues that represent the digital chaos and vibrant glow of a futuristic city.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#00FF00#FF00FF#00FFFF#FF0000#0000FF

Palette guide

How to use Cyberpunk Glitch Neon

Overview

The "Cyberpunk Glitch Neon" palette features high-contrast, electric hues that represent the digital chaos and vibrant glow of a futuristic city. This powerful collection includes #00FF00 (lime green), #FF00FF (magenta), #00FFFF (cyan), #FF0000 (red), and #0000FF (blue). It's an exceptional choice for designers aiming to convey an energetic, dynamic, and visually aggressive mood. Developers will find these colors highly effective for creating distinct UI elements, urgent notifications, and captivating visual effects in games or applications. The strong contrast ensures that key elements pop, making this palette ideal for interfaces that demand attention and a compelling, immersive user experience that vibrates with digital energy.

Best used for

Sci-fi game HUDs and UI elements
Futuristic web and app design
Digital art and graphic novels
Event branding for tech or gaming conventions
Motion graphics and visual effects
High-energy marketing campaigns

Suggested color roles

primary

Utilize #00FFFF (Cyan) for main interactive elements, primary branding, or prominent headings to establish a clear focal point.

secondary

Apply #FF00FF (Magenta) for secondary calls to action, important notifications, or vibrant accents that demand attention.

accent

Employ #FF0000 (Red) for energetic highlights, warning indicators, or elements needing a sharp, urgent pop.

background

A deep charcoal or black (#000000) is recommended as a background to make these vivid neons truly pop and create depth.

text

For general legibility on dark backgrounds, use white (#FFFFFF) or very light gray. For impactful headings, #00FFFF or #00FF00 are strong choices.

Accessibility notes

Ensure very high contrast when placing any neon color text on other bright neons or dark backgrounds.
Avoid using #FF0000 or #0000FF for small body text; they are best reserved for larger headings or accents.
Test color combinations for color blindness, especially between #00FF00 (green) and #FF0000 (red).
Pair these vibrant colors with a very dark background to enhance readability and reduce visual strain.

Recommended combinations

Digital Chaos

Excellent for creating dynamic glitches, error states, or high-energy transitions in digital interfaces.

#00FFFF · #FF00FF · #FF0000

Electric Circuit

Ideal for energetic data visualizations, progress bars, or highlighting key information in a tech interface.

#00FF00 · #0000FF · #FF00FF

Neon Flare

Perfect for abstract backgrounds, dramatic lighting effects, or atmospheric elements in digital art.

#00FFFF · #FF0000 · #00FF00

CSS variables

:root {
  --cyberpunk-glitch-neon-1: #00FF00;
  --cyberpunk-glitch-neon-2: #FF00FF;
  --cyberpunk-glitch-neon-3: #00FFFF;
  --cyberpunk-glitch-neon-4: #FF0000;
  --cyberpunk-glitch-neon-5: #0000FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cyberpunk-glitch-neon": {
        1: "#00FF00",
        2: "#FF00FF",
        3: "#00FFFF",
        4: "#FF0000",
        5: "#0000FF",
      }
    }
  }
}

Hex values

Color 1#00FF00

Color 2#FF00FF

Color 3#00FFFF

Color 4#FF0000

Color 5#0000FF

Accessibility

Contrast checker

2.3:1Fail

1.1:1Fail

2.9:1Fail

6.3:1AA

2.3:1Fail

2.5:1Fail

1.3:1Fail

2.7:1Fail

1.1:1Fail

2.5:1Fail

3.2:1AA18

6.9:1AA

2.9:1Fail

1.3:1Fail

3.2:1AA18

2.1:1Fail

6.3:1AA

2.7:1Fail

6.9:1AA

2.1:1Fail

Similar palettes

More like Cyberpunk Glitch Neon

View all vibrant

Cyber City Synth

Cyber Glow Synth

Cybernetic Circuit Glow

Cybernetic Funk

Cybernetic Future Glow

Cyberpunk Alley Light