Back to palettes

Palette

Digital Glitch Static

A chaotic yet captivating burst of bright colors interrupted by static, reflecting digital disruptions.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF00FF#00FFFF#808080#C0C0C0#00FF00

Palette guide

How to use Digital Glitch Static

Overview

The Digital Glitch Static palette offers a chaotic yet captivating burst of bright colors interrupted by static, reflecting digital disruptions. Featuring electric magenta (#FF00FF), brilliant cyan (#00FFFF), cool grey (#808080), light silver (#C0C0C0), and vivid green (#00FF00), this palette is perfect for designers and developers creating projects with a tech-forward, abstract, or disruptive aesthetic. Its blend of vibrant neons and neutral greys allows for both energetic highlights and grounding elements. This palette is ideal for UI designs that need to convey a sense of modernism, digital art, or visual effects that simulate digital interference, providing a unique balance of order and chaos.

Best used for

  • Abstract digital art
  • Tech brand identity
  • UI with 'glitch' effects
  • Game menus and HUDs
  • Motion graphics for tech events
  • Modern website designs

Suggested color roles

primary

Use #808080 or #C0C0C0 as the foundational background or base, offering a neutral ground.

secondary

Employ #00FFFF or #FF00FF for primary interactive elements, calls-to-action, or key data points.

accent

Apply #00FF00 for highlights, status indicators, or to introduce a fresh, energetic pop.

background

Light grey (#C0C0C0) or mid-grey (#808080) can serve as versatile backgrounds, allowing neons to stand out.

text

For general text, a dark charcoal or black provides good contrast. For headlines, #00FF00 or #FF00FF can be used against grey backgrounds.

Accessibility notes

  • Ensure sufficient contrast when using #FF00FF, #00FFFF, or #00FF00 text on #808080 or #C0C0C0 backgrounds.
  • Avoid using #C0C0C0 for small text on #808080 backgrounds due to potential low contrast.
  • Test combinations of neon colors for legibility, especially for users with color vision deficiencies.
  • Prioritize strong contrast for interactive elements and essential information, possibly using a dark neutral for text.

Recommended combinations

Static Glitch

Ideal for UI elements, backgrounds, or data visualizations that need a modern, digital edge.

#808080 · #FF00FF · #00FFFF

Cyber Static

Excellent for light-themed interfaces, highlights, or to add a vibrant, tech-infused pop.

#C0C0C0 · #00FF00 · #FF00FF

Glitch Pop

Suitable for graphic overlays, abstract patterns, or elements requiring a vibrant yet grounded aesthetic.

#00FFFF · #00FF00 · #808080

CSS variables

:root {
  --digital-glitch-static-2-1: #FF00FF;
  --digital-glitch-static-2-2: #00FFFF;
  --digital-glitch-static-2-3: #808080;
  --digital-glitch-static-2-4: #C0C0C0;
  --digital-glitch-static-2-5: #00FF00;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "digital-glitch-static-2": {
        1: "#FF00FF",
        2: "#00FFFF",
        3: "#808080",
        4: "#C0C0C0",
        5: "#00FF00",
      }
    }
  }
}

Related searches

digital static colorsneon grey palettetech glitch aestheticmodern abstract colorsvibrant disruptive palette

Palette colors

Hex values

Color 1#FF00FF
·
Color 2#00FFFF
·
Color 3#808080
·
Color 4#C0C0C0
·
Color 5#00FF00
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.5:1Fail
1.3:1Fail
1.7:1Fail
2.3:1Fail
2
2.5:1Fail
3.1:1AA18
1.5:1Fail
1.1:1Fail
3
1.3:1Fail
3.1:1AA18
2.2:1Fail
2.9:1Fail
4
1.7:1Fail
1.5:1Fail
2.2:1Fail
1.3:1Fail
5
2.3:1Fail
1.1:1Fail
2.9:1Fail
1.3:1Fail

Similar palettes

More like Digital Glitch Static

View all vibrant
Cyber Glitch Array
Cyber Glitch Flicker
Digital Glitch Matrix
Digital Glitch Static
Digital Glitch Stream
Abstract Art Strokes