Palette

Cyberpunk Glitch Glow

A futuristic palette pulsing with the electrifying, artificial glow of a high-tech cityscape.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#00FFFF#FF00FF#8A2BE2#111111#39FF14

Palette guide

How to use Cyberpunk Glitch Glow

Overview

The "Cyberpunk Glitch Glow" palette pulses with the electrifying, artificial glow of a high-tech cityscape, perfect for sci-fi and dark-themed designs. This collection features #00FFFF (cyan), #FF00FF (magenta), #8A2BE2 (blue violet), #111111 (very dark gray), and #39FF14 (electric green). It's an exceptional choice for designers aiming to convey an energetic, mysterious, and high-tech urban atmosphere. 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.

Best used for

Sci-fi game environments and character design
Futuristic app interfaces and dashboards
Digital art and concept illustration
Music video aesthetics and album covers
Event branding for tech conferences or festivals
Dark mode application themes

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 #39FF14 (Electric Green) for energetic highlights, success states, or subtle glows in digital interfaces.

background

Use #111111 (Very Dark Gray) as the foundational background, providing a deep, shadowy canvas for the neon lights.

text

For optimal legibility on dark backgrounds, use white (#FFFFFF) or a very light gray. For headings, #00FFFF or #FF00FF are impactful.

Accessibility notes

Ensure very high contrast between neon colors and #111111 background for all text and interactive elements.
Avoid using #39FF14 or #FF00FF directly for small body text; they are better suited for larger headings or accents.
Test combinations for color blindness, especially with #39FF14 (green) and #8A2BE2 (blue violet).
The dark background helps visual comfort, but strategic use of bright neons is key to prevent visual fatigue.

Recommended combinations

Glitch Core

Excellent for creating atmospheric backgrounds, subtle digital glows, or tech interfaces in dark modes.

#00FFFF · #FF00FF · #111111

Electric Surge

Ideal for striking call-to-action buttons, energetic data visualizations, or spotlight effects.

#39FF14 · #8A2BE2 · #111111

Cyber Pulse

Perfect for vibrant gradients, interactive states, or highlighting key features in a futuristic interface.

#8A2BE2 · #00FFFF · #FF00FF

CSS variables

:root {
  --cyberpunk-glitch-glow-1: #00FFFF;
  --cyberpunk-glitch-glow-2: #FF00FF;
  --cyberpunk-glitch-glow-3: #8A2BE2;
  --cyberpunk-glitch-glow-4: #111111;
  --cyberpunk-glitch-glow-5: #39FF14;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cyberpunk-glitch-glow": {
        1: "#00FFFF",
        2: "#FF00FF",
        3: "#8A2BE2",
        4: "#111111",
        5: "#39FF14",
      }
    }
  }
}

Hex values

Color 1#00FFFF

Color 2#FF00FF

Color 3#8A2BE2

Color 4#111111

Color 5#39FF14

Accessibility

Contrast checker

2.5:1Fail

4.8:1AA

15.1:1AAA

1.1:1Fail

2.5:1Fail

1.9:1Fail

6:1AA

2.3:1Fail

4.8:1AA

1.9:1Fail

3.2:1AA18

4.4:1AA18

15.1:1AAA

6:1AA

3.2:1AA18

13.9:1AAA

1.1:1Fail

2.3:1Fail

4.4:1AA18

13.9:1AAA

Similar palettes

More like Cyberpunk Glitch Glow

View all vibrant

Cyberpunk City Lights

Neon Future Street

Celestial Aurora Burst

Cyber Glow Graffiti

Cyber Glow Spectrum

Cybernetic Vista Glow