Back to palettes

Palette

Pixelated Arcade Glitch

A vibrant and edgy palette capturing the nostalgic energy of 8-bit games and early digital graphics with bold colors.

vibrantretro5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF00FF#00FFFF#ADFF2F#303030#A0A0A0

Palette guide

How to use Pixelated Arcade Glitch

Overview

The Pixelated Arcade Glitch palette offers a vibrant and edgy aesthetic, perfectly capturing the nostalgic energy of 8-bit games and early digital graphics. Its core features include striking magenta (#FF00FF), electric cyan (#00FFFF), and a surprising lime green (#ADFF2F) for an unexpected pop. Grounded by sophisticated dark gray (#303030) and a versatile medium gray (#A0A0A0), this palette is ideal for designers and developers looking to create modern tech-inspired designs with a retro twist. It excels in projects requiring a balance of bold digital vibrancy and urban coolness.

Best used for

  • Tech branding and startup identities
  • Cyberpunk or hacker-themed interfaces
  • Glitch art and digital distortion effects
  • Modern gaming UIs and dashboards
  • Dark mode application designs
  • Streaming channel graphics and overlays

Suggested color roles

primary

#FF00FF acts as a striking, futuristic primary, perfect for main calls to action, logos, or key visual highlights.

secondary

#00FFFF provides a cool, complementary tech feel, ideal for supporting information, navigation, or active states.

accent

#ADFF2F is an excellent accent for unexpected pops of color, warnings, or interactive elements that need high visibility.

background

The dark #303030 serves as a sophisticated, stable base that makes the vibrant colors truly stand out.

text

For optimal readability, use #ADFF2F or #00FFFF for text on the #303030 background. #A0A0A0 can be used for secondary text or subheadings.

Accessibility notes

  • The lime green #ADFF2F provides excellent contrast on the dark #303030 background, making it suitable for text.
  • Be cautious using #A0A0A0 for small text on #303030; ensure sufficient luminosity contrast for readability.
  • Always test color pairings for WCAG compliance, especially with the vibrant neon hues against darker shades.
  • Consider larger font sizes or bolding for critical text elements to enhance legibility with these bright colors.

Recommended combinations

Cyber Glitch

A dark, techy, and striking combination, perfect for main screen designs, loading screens, or brand headers.

#FF00FF · #00FFFF · #303030

System Alert

Provides high visibility and urgency, ideal for warning messages, notifications, or interactive feedback.

#ADFF2F · #FF00FF · #303030

Grayscale Pop

A subtle and sophisticated base with a vibrant highlight, great for secondary UI elements or data visualization.

#303030 · #A0A0A0 · #00FFFF

CSS variables

:root {
  --pixelated-arcade-glitch-1: #FF00FF;
  --pixelated-arcade-glitch-2: #00FFFF;
  --pixelated-arcade-glitch-3: #ADFF2F;
  --pixelated-arcade-glitch-4: #303030;
  --pixelated-arcade-glitch-5: #A0A0A0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "pixelated-arcade-glitch": {
        1: "#FF00FF",
        2: "#00FFFF",
        3: "#ADFF2F",
        4: "#303030",
        5: "#A0A0A0",
      }
    }
  }
}

Related searches

retro tech paletteglitch effect colorscyber punk designneon grayscaledark mode UI

Palette colors

Hex values

Color 1#FF00FF
·
Color 2#00FFFF
·
Color 3#ADFF2F
·
Color 4#303030
·
Color 5#A0A0A0
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.5:1Fail
2.6:1Fail
4.2:1AA18
1.2:1Fail
2
2.5:1Fail
1:1Fail
10.5:1AAA
2.1:1Fail
3
2.6:1Fail
1:1Fail
10.8:1AAA
2.1:1Fail
4
4.2:1AA18
10.5:1AAA
10.8:1AAA
5:1AA
5
1.2:1Fail
2.1:1Fail
2.1:1Fail
5:1AA

Similar palettes

More like Pixelated Arcade Glitch

View all vibrant
Synthwave Sundown Grid
Electric Grapevine
Neon Dream Sequence
Neon Vaporwave Nights
Pixelated Dream
Pixelated Game Grid