Palette

Digital Glitch Pulse

A harsh, electrifying combination of neon brights and deep darks, capturing the aesthetic of a digital error.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#00FFFF#FF00FF#FFFF00#000000#4B0082

Palette guide

How to use Digital Glitch Pulse

Overview

The Digital Glitch Pulse palette is a harsh, electrifying combination of neon brights and deep darks, capturing the aesthetic of a digital error. Featuring brilliant cyan (#00FFFF), electric magenta (#FF00FF), vibrant yellow (#FFFF00), stark black (#000000), and deep indigo (#4B0082), this palette is perfect for designers and developers creating projects with a cyberpunk, futuristic, or dark tech vibe. Its high contrast and intense luminosity make it ideal for eye-catching UI elements, dramatic backgrounds, and impactful branding. The deep indigo adds a layer of mysterious depth, complementing the raw energy of the neon hues and the grounding effect of black.

Best used for

Cyberpunk game aesthetics
Electronic music album covers
Dark mode UI designs
Futuristic branding
Motion graphics and VFX
Sci-fi themed event promotions

Suggested color roles

primary

Utilize #000000 as the dominant background or base, providing a stark canvas for the vibrant accents.

secondary

Employ #00FFFF or #FF00FF for primary interactive elements, highlights, or key data points.

accent

Apply #FFFF00 for urgent calls-to-action, warnings, or to add a burst of high visibility.

background

A deep #000000 background is crucial to enhance the glowing effect of the neon colors. #4B0082 can be used for secondary background areas.

text

For text against dark backgrounds, #00FFFF, #FF00FF, or #FFFF00 offer excellent legibility and a digital feel.

Accessibility notes

Ensure sufficient contrast for all text, especially when using neon colors against #000000 or #4B0082.
Avoid using #FFFF00 text on #00FFFF or #FF00FF backgrounds due to poor contrast and potential visual vibration.
The intense luminosity of the neon colors may be overwhelming for some users; use them strategically for emphasis.
Prioritize #00FFFF or #FF00FF for essential interactive elements to ensure clear visibility.

Recommended combinations

Dark Glitch

Excellent for core UI elements, navigation, and backgrounds in a dark mode interface.

#000000 · #00FFFF · #FF00FF

Pulse Warning

Ideal for alerts, warnings, or to highlight critical information with a striking visual contrast.

#000000 · #FFFF00 · #4B0082

Neon Abyss

Suitable for creating atmospheric backgrounds, subtle gradients, or decorative elements.

#4B0082 · #00FFFF · #FF00FF

CSS variables

:root {
  --digital-glitch-pulse-1: #00FFFF;
  --digital-glitch-pulse-2: #FF00FF;
  --digital-glitch-pulse-3: #FFFF00;
  --digital-glitch-pulse-4: #000000;
  --digital-glitch-pulse-5: #4B0082;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "digital-glitch-pulse": {
        1: "#00FFFF",
        2: "#FF00FF",
        3: "#FFFF00",
        4: "#000000",
        5: "#4B0082",
      }
    }
  }
}

Hex values

Color 1#00FFFF

Color 2#FF00FF

Color 3#FFFF00

Color 4#000000

Color 5#4B0082

Accessibility

Contrast checker

2.5:1Fail

1.2:1Fail

16.7:1AAA

10.3:1AAA

2.5:1Fail

2.9:1Fail

6.7:1AA

4.1:1AA18

1.2:1Fail

2.9:1Fail

19.6:1AAA

12.1:1AAA

16.7:1AAA

6.7:1AA

19.6:1AAA

1.6:1Fail

10.3:1AAA

4.1:1AA18

12.1:1AAA

1.6:1Fail

Similar palettes

More like Digital Glitch Pulse

View all vibrant

Cyber City Synth

Cyber Neon Pulse

Cybernetic Glitch Neon

Cybernetic Vista Glow

Cyberpunk Afterglow

Cyberpunk Alley Glow