Back to palettes

Palette

Retro Game Grid

Electric neons against a dark background evoke the nostalgic feel of vintage arcade games.

vibrantretro5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Retro Game Grid 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 Retro Game Grid.

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

Data visualization

#212121#39FF14#FF00E6#FFED00#00FFFF

Palette guide

How to use Retro Game Grid

Overview

The Retro Game Grid palette delivers a powerful 80s tech aesthetic with its striking contrast of dark and electric neons. Grounded by a deep charcoal #212121, it features a vibrant electric green #39FF14, a bold fuchsia #FF00E6, a bright neon yellow #FFED00, and a dazzling cyan #00FFFF. This combination is ideal for designers and developers crafting experiences that evoke vintage arcade screens, digital interfaces, or synthwave-inspired art. The palette effectively balances a sleek, dark foundation with explosive, glowing accents, perfect for conveying a sense of digital nostalgia and energetic playfulness in branding, web design, or game development.

Best used for

  • Retro gaming interfaces
  • Synthwave album covers
  • Dark mode UI themes
  • Tech event branding
  • Digital art and illustrations
  • Live streaming overlays

Suggested color roles

primary

#212121 - A deep, dark charcoal serving as an excellent background or base color, allowing the neons to truly pop.

secondary

#39FF14 - An electric green, perfect for interactive elements, status indicators, or glowing text effects.

accent

#FF00E6 - A vivid fuchsia, ideal for calls-to-action, warnings, or adding a feminine yet energetic touch to designs.

background

#212121 - This dark charcoal provides the perfect canvas for the glowing neon accents, creating depth and focus.

text

#FFED00 - A bright neon yellow for primary text on the dark background, or pure white for optimal contrast and readability.

Accessibility notes

  • Ensure all neon text colors, especially #FFED00 and #39FF14, have sufficient contrast against the dark #212121 background.
  • Avoid using the neon colors as primary text on light backgrounds; they are best suited for dark surfaces.
  • Reserve the brightest neons for highlights and interactive elements rather than large blocks of body text to prevent eye strain.
  • Always test color combinations with WCAG contrast checkers to ensure readability for all users.

Recommended combinations

Grid Glow

A quintessential retro gaming look, perfect for dark mode UI, game grids, or tech-focused branding.

#212121 · #39FF14 · #FFED00

Cyber Pop

Energetic and futuristic, ideal for accentuating key features, loading screens, or dynamic infographics.

#FF00E6 · #00FFFF · #212121

Digital Pulse

A vibrant triad for interactive elements, progress bars, or any design needing a burst of neon energy.

#39FF14 · #FF00E6 · #FFED00

CSS variables

:root {
  --retro-game-grid-1: #212121;
  --retro-game-grid-2: #39FF14;
  --retro-game-grid-3: #FF00E6;
  --retro-game-grid-4: #FFED00;
  --retro-game-grid-5: #00FFFF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "retro-game-grid": {
        1: "#212121",
        2: "#39FF14",
        3: "#FF00E6",
        4: "#FFED00",
        5: "#00FFFF",
      }
    }
  }
}

Related searches

80s neon color palettedark mode gaming colorssynthwave UI designretro tech aestheticelectric green fuchsia palette

Palette colors

Hex values

Color 1#212121
·
Color 2#39FF14
·
Color 3#FF00E6
·
Color 4#FFED00
·
Color 5#00FFFF
·

Accessibility

Contrast checker

1
2
3
4
5
1
11.9:1AAA
4.9:1AA
13.3:1AAA
12.8:1AAA
2
11.9:1AAA
2.4:1Fail
1.1:1Fail
1.1:1Fail
3
4.9:1AA
2.4:1Fail
2.7:1Fail
2.6:1Fail
4
13.3:1AAA
1.1:1Fail
2.7:1Fail
1:1Fail
5
12.8:1AAA
1.1:1Fail
2.6:1Fail
1:1Fail

Similar palettes

More like Retro Game Grid

View all vibrant
Retro Futurism Grid
80s Arcade Glow
Electric Synthwave Drive
Neon Dream Sequence
Neon Synthwave Pulse
Neon Vapor Wave