Back to palettes

Palette

Neon Synthwave Wave

Bold, artificial lights that pulse with the electrifying energy and aesthetic of 80s synthwave music videos.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Neon Synthwave Wave 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 Neon Synthwave Wave.

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

Data visualization

#FF0099#00FFFF#FFCC00#39FF14#8A2BE2

Palette guide

How to use Neon Synthwave Wave

Overview

The Neon Synthwave Wave palette pulses with the electrifying energy of 80s music videos, offering a bold and artificial light aesthetic. Featuring the powerful #FF0099 (Deep Pink), the crisp #00FFFF (Cyan), and the radiant #FFCC00 (Orange-Yellow), this collection is designed for maximum visual impact. The inclusion of #39FF14 (Lime Green) adds a sharp, energetic jolt, while #8A2BE2 (Blue Violet) provides a grounding, yet still vibrant, depth. This palette is incredibly useful for designers aiming to capture a dynamic, retro-futuristic mood in digital interfaces, branding, or any creative project demanding an unapologetically vibrant and electric presence.

Best used for

  • Music video production and graphics
  • Retro arcade game interfaces
  • Cyberpunk themed web design
  • Event branding for festivals
  • Motion graphics and animated titles
  • Vibrant digital illustrations

Suggested color roles

primary

Utilize #FF0099 (Deep Pink) for dominant calls-to-action or hero elements to convey strong energy and style.

secondary

Employ #00FFFF (Cyan) for secondary navigation, important data visualizations, or as a striking background accent.

accent

Leverage #FFCC00 (Orange-Yellow) and #39FF14 (Lime Green) for glowing highlights, interactive states, or small, impactful details.

background

A deep black or dark charcoal background is highly recommended to ensure these intense neons truly pop and maintain legibility.

text

For body text, use crisp white or light gray. For headlines or interactive text, #FFCC00 or #00FFFF can be very effective against very dark backgrounds.

Accessibility notes

  • Ensure high contrast ratios, especially when pairing bright neons for text on vibrant backgrounds.
  • Prioritize dark backgrounds to enhance the legibility of neon text and UI elements.
  • Avoid using #FFCC00 or #39FF14 for small text against similarly bright or light backgrounds.
  • Test for visual vibration effects when highly saturated colors are placed in close proximity.

Recommended combinations

Electric Glide

Ideal for dynamic gradients, retro-futuristic banners, or vibrant UI backgrounds.

#FF0099 · #00FFFF · #FFCC00

Synthwave Pop

Creates a lively, energetic contrast, great for accents, interactive elements, or striking illustrations.

#39FF14 · #8A2BE2 · #FF0099

Cyber Glow

Use for compelling headlines, data visualizations, or focal points against a deep background.

#00FFFF · #FFCC00 · #8A2BE2

CSS variables

:root {
  --neon-synthwave-wave-1: #FF0099;
  --neon-synthwave-wave-2: #00FFFF;
  --neon-synthwave-wave-3: #FFCC00;
  --neon-synthwave-wave-4: #39FF14;
  --neon-synthwave-wave-5: #8A2BE2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "neon-synthwave-wave": {
        1: "#FF0099",
        2: "#00FFFF",
        3: "#FFCC00",
        4: "#39FF14",
        5: "#8A2BE2",
      }
    }
  }
}

Related searches

neon 80s color schemesynthwave vibrant paletteelectric cyberpunk colorsretro future neonbright fluorescent palette

Palette colors

Hex values

Color 1#FF0099
·
Color 2#00FFFF
·
Color 3#FFCC00
·
Color 4#39FF14
·
Color 5#8A2BE2
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.9:1Fail
2.4:1Fail
2.7:1Fail
1.6:1Fail
2
2.9:1Fail
1.2:1Fail
1.1:1Fail
4.8:1AA
3
2.4:1Fail
1.2:1Fail
1.1:1Fail
3.9:1AA18
4
2.7:1Fail
1.1:1Fail
1.1:1Fail
4.4:1AA18
5
1.6:1Fail
4.8:1AA
3.9:1AA18
4.4:1AA18

Similar palettes

More like Neon Synthwave Wave

View all vibrant
Cyberpunk Alley Glow
Cyberpunk Electric Surge
Electric Future Drive
Electric Neon Dream
Electro Arcade Surge
Neon Retro Gradient