Back to palettes

Palette

Neon Vaporwave Dream

Electric magentas, cyans, and yellows create a vibrant, digital landscape reminiscent of vaporwave aesthetics.

vibrantretro5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF00FF#00FFFF#FFFF00#FF69B4#4B0082

Palette guide

How to use Neon Vaporwave Dream

Overview

The Neon Vaporwave Dream palette evokes a vibrant, digital landscape reminiscent of classic vaporwave aesthetics. It features electric magenta #FF00FF, cool cyan #00FFFF, brilliant yellow #FFFF00, playful hot pink #FF69B4, and a deep indigo #4B0082. This collection offers designers a rich array of high-contrast, glowing colors perfect for capturing a retro-futuristic mood with a dreamy, ethereal quality. Developers can utilize these hex codes to create immersive web experiences, striking game visuals, or unique branding that stands out with its distinct 80s nostalgia and modern digital flair, especially when combined with gradients and geometric shapes.

Best used for

  • Vaporwave album covers and music videos
  • Retro-themed game development and UI
  • 80s inspired fashion and apparel branding
  • Digital art and abstract landscapes
  • Twitch stream graphics and overlays
  • Creative coding projects and animations

Suggested color roles

primary

#FF00FF (Electric Magenta) - Ideal for main calls-to-action, key headlines, or dominant graphical elements that define the vaporwave vibe.

secondary

#00FFFF (Cool Cyan) - Excellent for secondary navigation, interactive elements, or background gradients, providing essential contrast.

accent

#FFFF00 (Brilliant Yellow) - Use sparingly for sun effects, subtle highlights, or to draw attention to specific details with a glowing touch.

background

#4B0082 (Deep Indigo) - Provides a strong, atmospheric base that allows the neon colors to truly pop and creates depth for the dreamy aesthetic.

text

#FF69B4 (Hot Pink) - Effective for short, impactful text or decorative elements. For body text, consider white or a very light gray against #4B0082 for optimal readability.

Accessibility notes

  • Ensure sufficient contrast between neon text and backgrounds, especially for #FFFF00 on other bright hues; prefer dark backgrounds.
  • Avoid placing #FF00FF and #FF69B4 directly against each other for small text due to their similar hue and brightness.
  • Use #4B0082 as a primary background to maximize the legibility of the brighter neon colors.
  • Test color pairings for readability, particularly for users with color vision deficiencies, as high saturation can be challenging.

Recommended combinations

Dreamscape

A classic vaporwave combination for backgrounds, large headers, or abstract digital art, creating depth and glow.

#4B0082 · #FF00FF · #00FFFF

Synth Pop

Energetic and playful, suitable for youth-oriented designs, event promotions, or vibrant social media graphics.

#FF69B4 · #FFFF00 · #00FFFF

Neon Abyss

Offers a striking contrast, ideal for highlighting key information or creating impactful calls-to-action against a deep background.

#4B0082 · #FFFF00 · #FF00FF

CSS variables

:root {
  --neon-vaporwave-dream-1: #FF00FF;
  --neon-vaporwave-dream-2: #00FFFF;
  --neon-vaporwave-dream-3: #FFFF00;
  --neon-vaporwave-dream-4: #FF69B4;
  --neon-vaporwave-dream-5: #4B0082;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "neon-vaporwave-dream": {
        1: "#FF00FF",
        2: "#00FFFF",
        3: "#FFFF00",
        4: "#FF69B4",
        5: "#4B0082",
      }
    }
  }
}

Related searches

vaporwave color schemeneon dream palette80s futuristic colorsmagenta cyan yellow indigoretro digital aesthetic

Palette colors

Hex values

Color 1#FF00FF
·
Color 2#00FFFF
·
Color 3#FFFF00
·
Color 4#FF69B4
·
Color 5#4B0082
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.5:1Fail
2.9:1Fail
1.2:1Fail
4.1:1AA18
2
2.5:1Fail
1.2:1Fail
2.1:1Fail
10.3:1AAA
3
2.9:1Fail
1.2:1Fail
2.5:1Fail
12.1:1AAA
4
1.2:1Fail
2.1:1Fail
2.5:1Fail
4.9:1AA
5
4.1:1AA18
10.3:1AAA
12.1:1AAA
4.9:1AA

Similar palettes

More like Neon Vaporwave Dream

View all vibrant
Retro Synth Wave
Retro Synth Wave
Synthwave Neon Horizon
Vaporwave Sunset Drive
80s Arcade Glow
Electric Synthwave Drive