Palette

Retro Neon Dream

Electrifying and vivid, a nostalgic trip back to the glowing neon signs of the 80s.

VibrantRetro5 colors

More Vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Retro Neon Dream 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 Neon Dream.

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

Data visualization

#FF00FF#00FFFF#39FF14#FFD700#FF0054

Palette guide

How to use Retro Neon Dream

Overview

The "Retro Neon Dream" palette is an electrifying dive into the heart of 80s nostalgia, featuring a dazzling array of luminous, high-contrast colors. This vibrant scheme pulsates with the intense magenta of #FF00FF and the cool, electric cyan of #00FFFF, creating a dynamic visual tension. The glowing lime green #39FF14 adds an unexpected jolt, while the classic neon yellow #FFD700 brings sunny energy. A hot pink #FF0054 rounds out the palette, enhancing its playful, energetic vibe. Designers can utilize these bold hues to craft truly unforgettable digital experiences, perfect for projects that demand a futuristic retro aesthetic with maximum visual impact and a distinct sense of fun.

Best used for

80s themed events or promotions
Electronic music festival branding
Vaporwave or synthwave art
Arcade game interfaces
Youth fashion or streetwear branding
Dynamic motion graphics or video intros

Suggested color roles

primary

#FF00FF (A dazzling magenta, excellent for primary calls-to-action or hero elements that need to pop.)

secondary

#00FFFF (An electric cyan, providing a cool, high-tech counterpoint, ideal for interactive elements or navigation.)

accent

#39FF14 (A vibrant neon green, perfect for highlights, notifications, or small, energetic details.)

background

#FF0054 (A deep hot pink that can serve as an intense background for lighter neon elements, or as a strong primary.)

text

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

Accessibility notes

All highly saturated neon colors (#FF00FF, #00FFFF, #39FF14, #FF0054) will generally require white or very light text for sufficient contrast.
#FFD700 (yellow) will require dark text for readability.
Avoid using these bright colors as backgrounds for large blocks of body text; reserve them for headings or accents.
Be cautious with color combinations like #FF00FF and #FF0054 for color-blind users; ensure distinct visual cues.

Recommended combinations

Cyber Glow

Creates an intense, futuristic neon aesthetic, perfect for digital interfaces or event branding.

#FF00FF · #00FFFF · #39FF14

Electric Sunset

A vibrant, energetic blend, ideal for eye-catching headlines or social media graphics.

#FFD700 · #FF0054 · #00FFFF

Retro Pulse

Combines warm and cool neon for a dynamic, playful effect, great for interactive elements.

#FF0054 · #39FF14 · #FF00FF

CSS variables

:root {
  --retro-neon-dream-1: #FF00FF;
  --retro-neon-dream-2: #00FFFF;
  --retro-neon-dream-3: #39FF14;
  --retro-neon-dream-4: #FFD700;
  --retro-neon-dream-5: #FF0054;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "retro-neon-dream": {
        1: "#FF00FF",
        2: "#00FFFF",
        3: "#39FF14",
        4: "#FFD700",
        5: "#FF0054",
      }
    }
  }
}

Hex values

Color 1#FF00FF

Color 2#00FFFF

Color 3#39FF14

Color 4#FFD700

Color 5#FF0054

Accessibility

Contrast checker

2.5:1Fail

2.3:1Fail

2.2:1Fail

1.2:1Fail

2.5:1Fail

1.1:1Fail

3.1:1AA18

2.3:1Fail

1.1:1Fail

1:1Fail

2.9:1Fail

2.2:1Fail

1.1:1Fail

1:1Fail

2.8:1Fail

1.2:1Fail

3.1:1AA18

2.9:1Fail

2.8:1Fail

Similar palettes

More like Retro Neon Dream

Retro Neon Dream

See it in context.

Ready when you are.

Built with Retro Neon Dream.

How to use Retro Neon Dream

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Cyber Glow

Electric Sunset

Retro Pulse

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Retro Neon Dream