Back to palettes

Palette

Cyber Neon Glitch

Sharp, glowing neons against a stark black, mimicking the thrilling visual chaos of a digital glitch.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#080708#01BAEF#EE6C4D#F4D35E#E8FF00

Palette guide

How to use Cyber Neon Glitch

Overview

The Cyber Neon Glitch palette features sharp, glowing neons against a stark black, mimicking the thrilling visual chaos of a digital glitch. With the near-black #080708 as its base, it erupts with the electric cyan of #01BAEF, the fiery orange of #EE6C4D, the vibrant yellow of #F4D35E, and the intense lime of #E8FF00. This palette is ideal for designers creating high-impact, disruptive visuals, glitch art, or branding that demands attention and conveys a cutting-edge, experimental feel. Developers will find these colors excellent for crafting dynamic error states, loading screens, or interactive elements that truly stand out in a digital landscape.

Best used for

  • Glitch art and digital installations
  • Cyberpunk game aesthetics and UI
  • Electronic music album art and visuals
  • Experimental web design and interactive experiences
  • Event branding for tech or art festivals
  • Abstract motion graphics and video effects

Suggested color roles

primary

#01BAEF - A dominant, electrifying cyan, perfect for primary branding elements or high-impact calls-to-action.

secondary

#EE6C4D - A vibrant, fiery orange, ideal for complementary interactive elements or striking graphic accents.

accent

#E8FF00 - A bold, pure neon lime that provides an aggressive highlight, suitable for warnings, errors, or critical alerts.

background

#080708 - A very dark, almost black hue, creating an immersive and deep canvas for the glowing elements.

text

#F4D35E - This vibrant yellow offers excellent readability for headings and key information against dark backgrounds. For body text, use white or a very light gray.

Accessibility notes

  • Extreme caution is needed for text contrast; many color combinations will fail WCAG AA. Use very dark or very light text.
  • Avoid using #EE6C4D, #F4D35E, and #E8FF00 for large blocks of text; reserve them for accents and short statements.
  • The palette's high saturation and contrast can be jarring; use sparingly for users with light sensitivity.
  • Due to reliance on primary color hues, ensure alternative indicators for color-blind users, such as patterns or icons.

Recommended combinations

Digital Static

Simulating system errors or warnings with striking orange on a dark background, accented by cyan.

#080708 · #01BAEF · #EE6C4D

Neon Flare

Creating chaotic, vibrant overlays or background patterns that mimic digital disruption with bright glows.

#E8FF00 · #F4D35E · #01BAEF

Tech Pulse

Bold interactive elements or energy indicators with orange and cyan against a deep, dark background.

#EE6C4D · #01BAEF · #080708

CSS variables

:root {
  --cyber-neon-glitch-1: #080708;
  --cyber-neon-glitch-2: #01BAEF;
  --cyber-neon-glitch-3: #EE6C4D;
  --cyber-neon-glitch-4: #F4D35E;
  --cyber-neon-glitch-5: #E8FF00;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cyber-neon-glitch": {
        1: "#080708",
        2: "#01BAEF",
        3: "#EE6C4D",
        4: "#F4D35E",
        5: "#E8FF00",
      }
    }
  }
}

Related searches

neon glitch art colorscyberpunk vibrant palettedigital disruption aesthetichigh contrast tech designelectric future color scheme

Palette colors

Hex values

Color 1#080708
·
Color 2#01BAEF
·
Color 3#EE6C4D
·
Color 4#F4D35E
·
Color 5#E8FF00
·

Accessibility

Contrast checker

1
2
3
4
5
1
8.9:1AAA
6.6:1AA
13.7:1AAA
17.9:1AAA
2
8.9:1AAA
1.3:1Fail
1.5:1Fail
2:1Fail
3
6.6:1AA
1.3:1Fail
2.1:1Fail
2.7:1Fail
4
13.7:1AAA
1.5:1Fail
2.1:1Fail
1.3:1Fail
5
17.9:1AAA
2:1Fail
2.7:1Fail
1.3:1Fail

Similar palettes

More like Cyber Neon Glitch

View all vibrant
AI Data Stream
Cybernetic Spectrum Surge
Electric Circuit Flow
Neo Pixel Glitch
Neon Grid Overload
City Neon Jungle