Back to palettes

Palette

Retro Pixel Blast

A lively, pixelated burst of neon colors, reminiscent of an 80s arcade game.

vibrantretro5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Retro Pixel Blast 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 Pixel Blast.

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

Data visualization

#FF00FF#00FFFF#39FF14#FFFF00#FF6347

Palette guide

How to use Retro Pixel Blast

Overview

The "Retro Pixel Blast" palette is an explosive fusion of neon and classic gaming aesthetics, designed for maximum visual impact. This scheme dazzles with the intense magenta of #FF00FF and the cool, electric cyan of #00FFFF, creating a dynamic, almost digital glow. The vibrant lime green #39FF14 adds a punchy, energetic element, while the bright yellow #FFFF00 ensures clear visibility. A bold, warm coral #FF6347 provides a softer, yet still energetic, counterpoint. Designers can leverage these eye-catching hues to craft highly engaging and playful interfaces, perfect for projects that celebrate 80s arcade culture, digital art, or any brand seeking a vibrant, unforgettable presence.

Best used for

  • 80s themed game interfaces
  • Digital art and pixel art projects
  • Vibrant event promotions (music, tech)
  • Youth-oriented branding (clothing, apps)
  • Animated intros or motion graphics
  • Websites needing an energetic, playful feel

Suggested color roles

primary

#FF00FF (A dazzling magenta, ideal for primary calls-to-action, hero elements, or key interactive components.)

secondary

#00FFFF (An electric cyan, providing a cool, high-tech contrast, perfect for navigation or secondary buttons.)

accent

#39FF14 (A vibrant neon green, excellent for alerts, highlights, or small, energetic icons.)

background

#FF6347 (A warm, inviting coral that offers a vibrant yet less stark backdrop for the brighter neons.)

text

Use white or light gray on #FF00FF, #00FFFF, #39FF14, #FF6347. Use dark gray or black on #FFFF00.

Accessibility notes

  • Highly saturated colors (#FF00FF, #00FFFF, #39FF14, #FF6347) will generally require white or very light text for sufficient contrast.
  • #FFFF00 (yellow) requires dark text for readability.
  • Avoid using these bright colors as backgrounds for large blocks of body text; reserve them for headings or accents.
  • Be mindful of color-blind users when using combinations like #FF00FF and #FF6347; ensure alternative cues for information.

Recommended combinations

Neon Surge

Creates an intense, electric feel, ideal for dynamic interfaces or vaporwave-inspired designs.

#FF00FF · #00FFFF · #39FF14

Pixel Pop

A playful, energetic mix, great for interactive elements, game scores, or vibrant headlines.

#FFFF00 · #FF6347 · #00FFFF

Warm Glow

Combines warmth with neon brilliance, suitable for impactful calls-to-action or themed sections.

#FF6347 · #FF00FF · #FFFF00

CSS variables

:root {
  --retro-pixel-blast-1: #FF00FF;
  --retro-pixel-blast-2: #00FFFF;
  --retro-pixel-blast-3: #39FF14;
  --retro-pixel-blast-4: #FFFF00;
  --retro-pixel-blast-5: #FF6347;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "retro-pixel-blast": {
        1: "#FF00FF",
        2: "#00FFFF",
        3: "#39FF14",
        4: "#FFFF00",
        5: "#FF6347",
      }
    }
  }
}

Related searches

80s pixel art colorsneon gaming paletteretro cyan magenta yellowbright arcade color schemevibrant digital art colors

Palette colors

Hex values

Color 1#FF00FF
·
Color 2#00FFFF
·
Color 3#39FF14
·
Color 4#FFFF00
·
Color 5#FF6347
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.5:1Fail
2.3:1Fail
2.9:1Fail
1.1:1Fail
2
2.5:1Fail
1.1:1Fail
1.2:1Fail
2.3:1Fail
3
2.3:1Fail
1.1:1Fail
1.3:1Fail
2.2:1Fail
4
2.9:1Fail
1.2:1Fail
1.3:1Fail
2.7:1Fail
5
1.1:1Fail
2.3:1Fail
2.2:1Fail
2.7:1Fail

Similar palettes

More like Retro Pixel Blast

View all vibrant