Palette

Neo Pixel Glitch

A high-tech, artificial glow of a futuristic city, full of vibrant, glitchy colors.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF00FF#00FFFF#FF007F#00FF7F#3300FF

Palette guide

How to use Neo Pixel Glitch

Overview

The Neo Pixel Glitch palette is an electrifying fusion of high-tech neon hues, perfectly capturing the chaotic energy of digital glitches and futuristic cityscapes. Featuring #FF00FF (magenta), #00FFFF (cyan), #FF007F (bright pink), #00FF7F (aqua green), and #3300FF (electric blue), this palette is inherently dynamic and bold. Designers will find it exceptional for projects aiming for a modern, edgy, and vibrant aesthetic, especially within tech, gaming, or artistic domains. Developers can implement these colors to create immersive user interfaces, interactive digital experiences, or striking branding that stands out with a unique, glitch-inspired appeal.

Best used for

Video game UI and visual effects
Cyberpunk art and illustrations
Music video graphics (synthwave, electronic)
Digital product showcases
Event branding for tech conferences
Experimental web design

Suggested color roles

primary

Use #3300FF for a deep, energetic primary, anchoring the vibrant spectrum for strong impact.

secondary

Apply #FF00FF for prominent headings or interactive elements, providing a strong, attention-grabbing glow.

accent

Highlight key information or call-to-action buttons with #00FFFF or #00FF7F for a sharp, electric contrast.

background

A very dark charcoal or black background is recommended to maximize the luminosity and impact of these neon colors.

text

Primarily use #FF00FF, #00FFFF, #FF007F, or #00FF7F for text against a dark background for exceptional visibility and a futuristic feel.

Accessibility notes

Ensure high contrast ratios for all neon text on dark backgrounds to meet accessibility standards.
Avoid using very similar neon shades for adjacent text elements to prevent readability issues.
The vibrancy of these colors helps with visibility, but consider font weight and size for small text.
Pairing these intense colors with a true black background (#000000) will yield the best contrast.

Recommended combinations

Digital Glitch

Ideal for creating dynamic visual effects, loading screens, or glitch art compositions.

#FF00FF · #00FFFF · #3300FF

Pixel Burst

Perfect for highlighting interactive elements or adding energetic accents to UI designs.

#FF007F · #00FF7F · #00FFFF

Synth Wave

Effective for branding or visuals needing a retro-futuristic, synthwave aesthetic with strong pops.

#3300FF · #FF00FF · #00FF7F

CSS variables

:root {
  --neo-pixel-glitch-1: #FF00FF;
  --neo-pixel-glitch-2: #00FFFF;
  --neo-pixel-glitch-3: #FF007F;
  --neo-pixel-glitch-4: #00FF7F;
  --neo-pixel-glitch-5: #3300FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "neo-pixel-glitch": {
        1: "#FF00FF",
        2: "#00FFFF",
        3: "#FF007F",
        4: "#00FF7F",
        5: "#3300FF",
      }
    }
  }
}

Hex values

Color 1#FF00FF

Color 2#00FFFF

Color 3#FF007F

Color 4#00FF7F

Color 5#3300FF

Accessibility

Contrast checker

2.5:1Fail

1.2:1Fail

2.3:1Fail

2.6:1Fail

2.5:1Fail

3:1AA18

1.1:1Fail

6.5:1AA

1.2:1Fail

3:1AA18

2.8:1Fail

2.2:1Fail

2.3:1Fail

1.1:1Fail

2.8:1Fail

6:1AA

2.6:1Fail

6.5:1AA

2.2:1Fail

6:1AA

Similar palettes

More like Neo Pixel Glitch

View all vibrant

Cyber Neon Glitch

Cyberpunk Glitch

Cyberpunk Glitchscape

Abstract Pop Glitch

AI Data Stream

Chroma Glitch Pop