Back to palettes

Palette

Glitch Pixelated Flow

A dynamic mix of dark grays and bright, contrasting neons, simulating a digital glitch aesthetic.

VibrantEnergetic5 colors
More Vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Glitch Pixelated Flow 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 Glitch Pixelated Flow.

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

Data visualization

#424242#00BCD4#E040FB#FFEB3B#F44336

Palette guide

How to use Glitch Pixelated Flow

Overview

The Glitch Pixelated Flow palette merges a solid dark foundation with an electrifying array of neon brights, perfectly capturing the dynamic and chaotic spirit of digital glitch art. With a grounding dark grey #424242, this palette explodes with vibrant teal #00BCD4, vivid magenta #E040FB, luminous yellow #FFEB3B, and fiery red #F44336. It’s an ideal choice for designers aiming to create an energetic, modern, and slightly edgy aesthetic. Developers will find these colors excellent for crafting engaging user interfaces, interactive elements, and gaming visuals that require strong visual impact and a sense of digital movement and disruption.

Best used for

  • Retro arcade game interfaces
  • Music streaming app branding
  • Tech conference visual identity
  • Abstract data visualization
  • Dynamic motion graphics
  • Urban street art inspired designs

Suggested color roles

primary

#424242 - A solid, dark grey, serving as an excellent base for backgrounds, text, or main structural elements, allowing the bright colors to truly pop.

secondary

#00BCD4 - A vivid teal, perfect for navigation, active states, or prominent content sections, offering a cool, digital feel.

accent

#E040FB - A striking magenta, ideal for calls-to-action, alerts, or key interactive elements that demand immediate attention and a futuristic glow.

background

#424242 - This deep grey provides the necessary contrast for the vibrant neon accents, creating a high-energy, modern backdrop.

text

#FFEB3B - A bright yellow, suitable for headings or large display text against dark backgrounds. For body text on #424242, white or a very light grey would be more readable.

Accessibility notes

  • Ensure that the bright colors like #FFEB3B and #E040FB have sufficient contrast against #424242 for all text and interactive elements.
  • Avoid using #F44336 for small text against #424242 without checking contrast; it might be borderline.
  • Use white or very light text on #424242 for general readability, especially for body copy.
  • Consider using outlines or additional visual cues for interactive elements, not just color, to aid color-blind users.

Recommended combinations

Dark Mode Glitch

#424242 as the main dark theme, with #00BCD4 for active elements and #E040FB for alerts or highlights.

#424242 · #00BCD4 · #E040FB

Neon Data Points

Use these bright colors to represent different data sets or categories against a dark background.

#FFEB3B · #F44336 · #00BCD4

Pixel Art Accent

#424242 for outlines or shadows, with #FFEB3B and #F44336 for vibrant pixelated fills and effects.

#424242 · #FFEB3B · #F44336

CSS variables

:root {
  --glitch-pixelated-flow-1: #424242;
  --glitch-pixelated-flow-2: #00BCD4;
  --glitch-pixelated-flow-3: #E040FB;
  --glitch-pixelated-flow-4: #FFEB3B;
  --glitch-pixelated-flow-5: #F44336;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "glitch-pixelated-flow": {
        1: "#424242",
        2: "#00BCD4",
        3: "#E040FB",
        4: "#FFEB3B",
        5: "#F44336",
      }
    }
  }
}

Related searches

neon glitch aestheticdark mode vibrant palettepixel art colorscyberpunk UI colorsenergetic digital art

Palette colors

Hex values

Color 1#424242
·
Color 2#00BCD4
·
Color 3#E040FB
·
Color 4#FFEB3B
·
Color 5#F44336
·

Accessibility

Contrast checker

1
2
3
4
5
1
4.4:1AA18
3:1AA18
8.2:1AAA
2.7:1Fail
2
4.4:1AA18
1.5:1Fail
1.9:1Fail
1.6:1Fail
3
3:1AA18
1.5:1Fail
2.7:1Fail
1.1:1Fail
4
8.2:1AAA
1.9:1Fail
2.7:1Fail
3:1AA18
5
2.7:1Fail
1.6:1Fail
1.1:1Fail
3:1AA18

Similar palettes

More like Glitch Pixelated Flow

View all Vibrant
Digital Glitch
Digital Interface Glitch
Glitch System Interface
Neon Jungle Synth
Urban Neon Flux
Abstract Brush Stroke