Palette

Glitch Pop

Electric, jarring colors that pop with a digital energy, reminiscent of 90s acid house and glitch aesthetics.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#00FF00#FF00FF#00FFFF#FFFF00#8A2BE2

Palette guide

How to use Glitch Pop

Overview

The Glitch Pop palette is a high-voltage collection of pure, unadulterated neon, embodying the raw energy of digital rave culture and retro cyber aesthetics. Featuring electric green #00FF00, vibrant magenta #FF00FF, dazzling cyan #00FFFF, brilliant yellow #FFFF00, and a striking royal blue #8A2BE2, this palette is a designer's playground for creating truly eye-popping visuals. It's perfect for projects that demand a bold, energetic, and slightly chaotic feel. Developers can leverage these extreme colors to build user interfaces, game environments, or promotional materials that are unforgettable, dynamic, and pulsating with a distinct 90s digital vibe.

Best used for

Retro gaming aesthetics
Electronic music event promotions
Virtual reality interfaces
Experimental web design
Digital art installations
Youth-oriented tech branding

Suggested color roles

primary

#FF00FF - A powerful magenta, excellent for dominant graphic elements, calls-to-action, or striking background sections.

secondary

#00FFFF - A bright cyan, perfect for active states, navigation, or secondary information blocks that need to glow.

accent

#FFFF00 - A pure yellow, ideal for highlights, alerts, or small details that require maximum luminosity and pop.

background

#8A2BE2 - A rich royal blue. While vibrant, it can provide a strong, less overwhelming backdrop than the pure neons, allowing other colors to truly shine. For full backgrounds, consider a deep black.

text

#00FF00 - A vivid green. Use this for large display text or headings against very dark backgrounds. For body text, a stark white or black is necessary for readability, as this palette is extremely bright.

Accessibility notes

This palette presents significant accessibility challenges due to extreme brightness and low contrast between many color pairs.
Always use black or white text for readability against these vibrant colors, and check contrast ratios meticulously.
Avoid relying solely on color to convey information; use icons, text labels, or patterns as well.
Be cautious with #FFFF00 for text, as it often has poor contrast even against darker colors, making it hard to read.

Recommended combinations

Cyber-Rave Interface

Layer these pure neons with black text and outlines for a high-energy, digital interface.

#FF00FF · #00FFFF · #00FF00

Glitched Typography

Use #FFFF00 for primary text, with #FF00FF and #8A2BE2 as offset shadows or glitch effects.

#FFFF00 · #FF00FF · #8A2BE2

Dynamic Background

Create a pulsating, animated background effect for digital displays or event projections.

#00FFFF · #00FF00 · #FFFF00

CSS variables

:root {
  --glitch-pop-1: #00FF00;
  --glitch-pop-2: #FF00FF;
  --glitch-pop-3: #00FFFF;
  --glitch-pop-4: #FFFF00;
  --glitch-pop-5: #8A2BE2;
}

Tailwind config

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

Hex values

Color 1#00FF00

Color 2#FF00FF

Color 3#00FFFF

Color 4#FFFF00

Color 5#8A2BE2

Accessibility

Contrast checker

2.3:1Fail

1.1:1Fail

1.3:1Fail

4.3:1AA18

2.3:1Fail

2.5:1Fail

2.9:1Fail

1.9:1Fail

1.1:1Fail

2.5:1Fail

1.2:1Fail

4.8:1AA

1.3:1Fail

2.9:1Fail

1.2:1Fail

5.5:1AA

4.3:1AA18

1.9:1Fail

4.8:1AA

5.5:1AA

Similar palettes

More like Glitch Pop

View all vibrant

Chroma Glitch Pop

Cyber Neon Grid

Cybernetic Glitch Stream

Digital Ghost Pixel

Digital Glitch Matrix

Digital Pixel Bloom