Back to palettes

Palette

Pixel Game Glam

Explodes with the flashy, vibrant energy of a classic pixel arcade game, full of bold contrasts.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Pixel Game Glam 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 Pixel Game Glam.

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

Data visualization

#00FFFF#7FFF00#FF00FF#000000#FFFF00

Palette guide

How to use Pixel Game Glam

Overview

The Pixel Game Glam palette explodes with the flashy, vibrant energy of a classic arcade. This high-contrast collection, featuring electric hues like #00FFFF (Cyan), #7FFF00 (Chartreuse), #FF00FF (Magenta), #FFFF00 (Yellow), and a grounding #000000 (Black), is perfect for designers and developers aiming to evoke nostalgia with a modern, energetic twist. Its bold and luminous colors are inherently dynamic, making them ideal for projects that demand immediate attention and a strong, playful identity. Leverage these exact hex codes to build interfaces, branding, or digital art that truly pops.

Best used for

  • Retro arcade game interfaces and assets
  • Vibrant tech startup branding
  • Music video aesthetics and stage lighting
  • Digital art and illustration with a cyberpunk feel
  • Streetwear and fashion design graphics
  • Event promotions for gaming conventions or retro parties

Suggested color roles

primary

#FF00FF (Magenta) serves as an electrifying primary, perfect for focal points, main characters, or key interactive elements that need to stand out with bold energy.

secondary

#00FFFF (Cyan) acts as a fantastic secondary, offering a cool counterpoint to the magenta. Use it for secondary buttons, highlights, or accentuating digital interfaces.

accent

#FFFF00 (Yellow) is the ultimate accent for power-ups, alerts, glowing effects, or critical notifications. Its intense brightness ensures immediate visibility.

background

#000000 (Black) provides the essential deep, dark canvas that allows all the vibrant colors to truly glow, mimicking classic arcade screens and creating dramatic contrast.

text

#7FFF00 (Chartreuse) is excellent for vibrant, readable headings or interactive text against a dark background. For body text on black, consider a very light grey or near-white for optimal legibility.

Accessibility notes

  • Ensure sufficient contrast when pairing any vibrant color with black for text; test using accessibility tools.
  • Avoid using #FF00FF and #00FFFF directly adjacent for large text blocks for users with certain color vision deficiencies.
  • Be mindful of flashing animations with these intense colors, as they can be problematic for users with photosensitivity.
  • While high contrast, some combinations (e.g., #FFFF00 on #7FFF00) might lack sufficient luminance difference for readability.

Recommended combinations

Neon UI Glow

Ideal for digital interfaces, navigation, or holographic displays where a dark background makes vibrant elements pop.

#000000 · #00FFFF · #FF00FF

Power-Up Alert

Perfect for game elements like health bars, power-up indicators, or critical system alerts that demand immediate attention.

#7FFF00 · #FFFF00 · #000000

Cyber Glitch

Use this trio for dynamic visual effects, glitch art, or energetic transitions that capture a retro-futuristic, almost chaotic vibe.

#FF00FF · #00FFFF · #7FFF00

CSS variables

:root {
  --pixel-game-glam-1: #00FFFF;
  --pixel-game-glam-2: #7FFF00;
  --pixel-game-glam-3: #FF00FF;
  --pixel-game-glam-4: #000000;
  --pixel-game-glam-5: #FFFF00;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "pixel-game-glam": {
        1: "#00FFFF",
        2: "#7FFF00",
        3: "#FF00FF",
        4: "#000000",
        5: "#FFFF00",
      }
    }
  }
}

Related searches

neon game colorsretro arcade palettecyberpunk color schemevibrant tech designpixel art colors

Palette colors

Hex values

Color 1#00FFFF
·
Color 2#7FFF00
·
Color 3#FF00FF
·
Color 4#000000
·
Color 5#FFFF00
·

Accessibility

Contrast checker

1
2
3
4
5
1
1:1Fail
2.5:1Fail
16.7:1AAA
1.2:1Fail
2
1:1Fail
2.4:1Fail
16.2:1AAA
1.2:1Fail
3
2.5:1Fail
2.4:1Fail
6.7:1AA
2.9:1Fail
4
16.7:1AAA
16.2:1AAA
6.7:1AA
19.6:1AAA
5
1.2:1Fail
1.2:1Fail
2.9:1Fail
19.6:1AAA

Similar palettes

More like Pixel Game Glam

View all vibrant
Retro Arcade Neon
Retro Arcade Pop
Synthwave Cyberscape
AI Data Stream
Arcade Game Flash
Arcade Pixel Rush