Palette

Fluorescent Arcade Glow

A high-contrast, glowing palette, like stepping into a vibrant arcade at the height of the 80s, full of kinetic energy.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Fluorescent Arcade Glow 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 Fluorescent Arcade Glow.

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

Data visualization

#00FFFF#FF00FF#7FFF00#8A2BE2#000000

Palette guide

How to use Fluorescent Arcade Glow

Overview

The Fluorescent Arcade Glow palette is a high-contrast, glowing collection reminiscent of an 80s arcade, full of kinetic energy and digital flair. Featuring electric cyan #00FFFF, vibrant magenta #FF00FF, and energetic lime #7FFF00, grounded by true black #000000, this palette is perfect for projects seeking a retro-futuristic or synthwave aesthetic. Designers and developers can utilize these intense hues to create immersive, nostalgic experiences, making interfaces and content pop with digital vibrancy and a playful, energetic mood.

Best used for

Retro gaming interfaces and assets
Synthwave music album art and branding
80s-themed event promotions
High-contrast digital art and illustrations
Youth-focused tech and entertainment platforms
Interactive dark mode UI designs

Suggested color roles

primary

Use #FF00FF for main headers, key calls-to-action, or dominant graphical elements to capture immediate attention.

secondary

Apply #00FFFF for supporting text, interactive states, or background patterns, offering a cool counterpoint.

accent

Utilize #7FFF00 for alerts, important notifications, or subtle glowing effects to add an extra jolt of energy.

background

The deep #000000 is crucial for allowing the neon colors to truly glow and create a high-contrast, immersive environment.

text

White or #00FFFF on the #000000 background ensures excellent readability, while #FF00FF can be used for larger display text.

Accessibility notes

Ensure sufficient contrast for text, especially with #7FFF00 on #000000, which offers strong readability.
Avoid using highly saturated colors like #FF00FF for long paragraphs on a dark background; use white or #00FFFF instead.
Test color combinations for users with color vision deficiencies, as some neon pairings can be challenging.
The high contrast with black makes this palette generally accessible for critical text, but be mindful of smaller font sizes.

Recommended combinations

Arcade Retro

Classic 80s arcade feel, ideal for backgrounds, UI elements, and glowing text effects.

#00FFFF · #FF00FF · #000000

Synthwave Glow

For a more nuanced synthwave aesthetic, combining purple depth with bright green and blue accents.

#8A2BE2 · #7FFF00 · #00FFFF

Digital Burst

A vibrant triad for energetic highlights, interactive buttons, or dynamic graphical overlays.

#FF00FF · #00FFFF · #7FFF00

CSS variables

:root {
  --fluorescent-arcade-glow-1: #00FFFF;
  --fluorescent-arcade-glow-2: #FF00FF;
  --fluorescent-arcade-glow-3: #7FFF00;
  --fluorescent-arcade-glow-4: #8A2BE2;
  --fluorescent-arcade-glow-5: #000000;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "fluorescent-arcade-glow": {
        1: "#00FFFF",
        2: "#FF00FF",
        3: "#7FFF00",
        4: "#8A2BE2",
        5: "#000000",
      }
    }
  }
}

Hex values

Color 1#00FFFF

Color 2#FF00FF

Color 3#7FFF00

Color 4#8A2BE2

Color 5#000000

Accessibility

Contrast checker

2.5:1Fail

1:1Fail

4.8:1AA

16.7:1AAA

2.5:1Fail

2.4:1Fail

1.9:1Fail

6.7:1AA

1:1Fail

2.4:1Fail

4.6:1AA

16.2:1AAA

4.8:1AA

1.9:1Fail

4.6:1AA

3.5:1AA18

16.7:1AAA

6.7:1AA

16.2:1AAA

3.5:1AA18

Similar palettes

More like Fluorescent Arcade Glow

View all vibrant

Arcade Power-Up

Digital Synth Grid

Electric Future Pulse

Electric Sunset Vapor

Neon Retro Gradient

Synthwave Circuit City