Back to palettes

Palette

Neon Vapor Wave

A bold, futuristic mix of glowing neons, reminiscent of 80s aesthetic and digital art.

vibrantretro5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF00FF#00FFFF#FFD700#8A2BE2#00FF7F

Palette guide

How to use Neon Vapor Wave

Overview

The Neon Vapor Wave palette is a bold, futuristic mix of glowing neons, reminiscent of 80s aesthetics and digital art. It features an enchanting magenta #FF00FF, a cool cyan #00FFFF, a radiant gold #FFD700, a mystical blue-violet #8A2BE2, and a vibrant spring green #00FF7F. This palette offers designers a rich foundation for creating visuals that blend retro charm with a modern, digital edge, perfect for evoking a sense of nostalgic future. Developers can apply these hex codes to build web and app interfaces, animations, or branding that require a distinct vaporwave or synthwave feel, ensuring a unique and memorable user experience.

Best used for

  • Vaporwave and synthwave music album art
  • Retro-futuristic game aesthetics
  • 80s inspired branding and logos
  • Digital art and abstract geometric designs
  • Twitch stream overlays and YouTube channel branding
  • Nostalgic tech product interfaces

Suggested color roles

primary

#FF00FF (Enchanting Magenta) - Ideal for main calls-to-action, key headlines, or dominant graphical elements, setting a vibrant, retro tone.

secondary

#00FFFF (Cool Cyan) - Excellent for secondary information, interactive links, or background gradients, providing a classic vaporwave contrast.

accent

#FFD700 (Radiant Gold) - Use sparingly for subtle highlights, sun effects, or premium features, adding warmth and a touch of luxury.

background

#8A2BE2 (Mystical Blue-Violet) - A deep, atmospheric background color that enhances the neon accents and grounds the retro aesthetic.

text

#00FF7F (Vibrant Spring Green) - Effective for short, impactful text or decorative elements. For body text, consider a bright white or light gray against #8A2BE2 for readability.

Accessibility notes

  • Ensure sufficient contrast when pairing neon colors like #FF00FF and #00FFFF with backgrounds, especially for text.
  • Avoid placing #FFD700 directly on #00FF7F without a clear distinction, due to potential low contrast.
  • Use #8A2BE2 as a strong background color, ensuring lighter text colors like white or light cyan are highly legible.
  • Test color combinations for readability, especially for users with color vision deficiencies, as some neon pairs can be challenging.

Recommended combinations

Synth Sunset

Creates a classic vaporwave gradient effect, perfect for backgrounds, headers, or atmospheric digital scenes.

#8A2BE2 · #FF00FF · #FFD700

Digital Dream

A vibrant, energetic trio for game interfaces, abstract art, or any design needing a strong, electric retro feel.

#00FFFF · #00FF7F · #FF00FF

Retro Glow

Offers a balanced, moody yet vibrant combination for website footers, subtle branding, or decorative elements.

#8A2BE2 · #00FF7F · #FFD700

CSS variables

:root {
  --neon-vapor-wave-1: #FF00FF;
  --neon-vapor-wave-2: #00FFFF;
  --neon-vapor-wave-3: #FFD700;
  --neon-vapor-wave-4: #8A2BE2;
  --neon-vapor-wave-5: #00FF7F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "neon-vapor-wave": {
        1: "#FF00FF",
        2: "#00FFFF",
        3: "#FFD700",
        4: "#8A2BE2",
        5: "#00FF7F",
      }
    }
  }
}

Related searches

vaporwave color palette hex80s neon aesthetic colorssynthwave design paletteretro futuristic UI colorsmagenta cyan gold green violet

Palette colors

Hex values

Color 1#FF00FF
·
Color 2#00FFFF
·
Color 3#FFD700
·
Color 4#8A2BE2
·
Color 5#00FF7F
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.5:1Fail
2.2:1Fail
1.9:1Fail
2.3:1Fail
2
2.5:1Fail
1.1:1Fail
4.8:1AA
1.1:1Fail
3
2.2:1Fail
1.1:1Fail
4.2:1AA18
1:1Fail
4
1.9:1Fail
4.8:1AA
4.2:1AA18
4.4:1AA18
5
2.3:1Fail
1.1:1Fail
1:1Fail
4.4:1AA18

Similar palettes

More like Neon Vapor Wave

View all vibrant
80s Arcade Glow
Neon Synthwave Pulse
Retro Synth Wave
Retro Synthwave Pulse
Synthwave City Pop
Synthwave Dusk