Palette

Digital Glitch Burst

A striking contrast of bold, electric colors against a deep black, symbolizing a sudden burst of digital data.

VibrantEnergetic5 colors

More Vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#000000#4CAF50#FFC107#FF5722#9C27B0

Palette guide

How to use Digital Glitch Burst

Overview

The Digital Glitch Burst palette offers a striking contrast of bold, electric colors against a deep #000000 black, symbolizing a sudden burst of digital data. Featuring vibrant green #4CAF50, energetic yellow #FFC107, intense orange #FF5722, and rich purple #9C27B0, this palette is perfect for designers aiming to convey disruption, energy, and a modern, electric aesthetic. It's ideal for projects that demand a high-impact visual, evoking the unpredictable yet captivating nature of a digital glitch, ensuring designs grab attention with their dynamic and bold presence.

Best used for

Gaming UI and effects
Cybersecurity dashboards
Tech event promotions
Abstract digital art
Warning and error interfaces
Vibrant brand identities

Suggested color roles

primary

The stark #000000 provides the essential, deep background for all other colors to intensely burst forth.

secondary

Use #4CAF50 or #9C27B0 for secondary elements or larger color blocks, maintaining the energetic feel.

accent

Any of #FFC107, #FF5722, or #9C27B0 can serve as a powerful accent for visual disruptions, warnings, or interactive elements.

background

#000000 is the indispensable background, allowing the vibrant colors to simulate glowing data bursts.

text

For text, #FFC107, #4CAF50, or #FF5722 on #000000 provides maximum visibility and a distinct glitch aesthetic.

Accessibility notes

Due to extreme vibrancy, use these colors for large text or headings. Avoid small body text as it can be visually jarring.
Ensure sufficient contrast by almost always pairing these bright colors with the #000000 background.
Avoid using bright colors on other bright colors (e.g., #FFC107 on #FF5722) as this creates very poor readability.
The palette is inherently high-contrast with black, but individual bright colors can be hard to distinguish from each other for colorblind users.

Recommended combinations

Impact Burst

Creates a high-energy focal point, ideal for alerts, call-to-actions, or sudden visual effects.

#000000 · #FFC107 · #FF5722

Digital Signal

Excellent for emphasizing data flow or system status, providing clear and vibrant indicators.

#000000 · #4CAF50 · #9C27B0

Glitch Harmony

Use for abstract graphic elements, blending contrasting hues against a dark canvas for a dynamic look.

#FFC107 · #9C27B0 · #000000

CSS variables

:root {
  --digital-glitch-burst-1: #000000;
  --digital-glitch-burst-2: #4CAF50;
  --digital-glitch-burst-3: #FFC107;
  --digital-glitch-burst-4: #FF5722;
  --digital-glitch-burst-5: #9C27B0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "digital-glitch-burst": {
        1: "#000000",
        2: "#4CAF50",
        3: "#FFC107",
        4: "#FF5722",
        5: "#9C27B0",
      }
    }
  }
}

Hex values

Color 1#000000

Color 2#4CAF50

Color 3#FFC107

Color 4#FF5722

Color 5#9C27B0

Accessibility

Contrast checker

7.6:1AAA

12.9:1AAA

6.6:1AA

3.3:1AA18

7.6:1AAA

1.7:1Fail

1.1:1Fail

2.3:1Fail

12.9:1AAA

1.7:1Fail

1.9:1Fail

3.9:1AA18

6.6:1AA

1.1:1Fail

1.9:1Fail

2:1Fail

3.3:1AA18

2.3:1Fail

3.9:1AA18

2:1Fail

Similar palettes

More like Digital Glitch Burst

View all Vibrant

City Night Electric

Digital Circuit Matrix

Electric Circuit Pulse

Electric Glitch Bloom

Cyberpunk Alley Glow

Digital Interface Glitch