Palette

Vaporwave Neon Dream

An electrifying palette inspired by 80s vaporwave aesthetics, blending vibrant neons with dark, moody backgrounds.

vibrantretro5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF00FF#00FFFF#FF6347#8A2BE2#000000

Palette guide

How to use Vaporwave Neon Dream

Overview

The Vaporwave Neon Dream palette is a powerful blend of intense neon and deep darkness, capturing the quintessential 80s vaporwave aesthetic. Featuring electric magenta "#FF00FF", vibrant cyan "#00FFFF", a striking coral "#FF6347", and a rich blue-violet "#8A2BE2", all dramatically grounded by pure black "#000000", this palette screams retro-digital. Designers can leverage these colors for edgy game interfaces, immersive virtual environments, or bold music branding. Developers will find these hex codes perfect for crafting high-contrast, dynamic UI themes. This palette excels in projects requiring a visually stunning, nostalgic, and impactful experience, ensuring an unforgettable and immersive user interaction.

Best used for

Retro-futuristic game UI
Electronic music video aesthetics
Cyberpunk graphic novels
Dark mode web applications
Event branding for tech conferences
Fashion lines with a digital edge

Suggested color roles

primary

#FF00FF - An intensely vibrant magenta, perfect for main calls-to-action, active states, or prominent headers, ensuring high visibility.

secondary

#00FFFF - A bright, cool cyan, excellent for secondary information, interactive elements, or providing a strong visual contrast against black.

accent

#FF6347 - A vivid coral-orange, ideal for high-impact accents, warning messages, or drawing attention to key features.

background

#000000 - Pure black, providing the ultimate dark canvas that makes the neon colors pop with maximum intensity.

text

#8A2BE2 - A rich blue-violet for striking headings or white for general body text on the black background to ensure readability.

Accessibility notes

Use the neon colors for large text or accents; always pair with "#000000" or white for body text for readability.
Ensure sufficient contrast when using "#FF00FF", "#00FFFF", or "#FF6347" on the black background for interactive elements.
Avoid using multiple bright neons in close proximity for small text to prevent eye strain and maintain clarity.
Always test color combinations for WCAG AA compliance, especially for text and critical UI components.

Recommended combinations

Dark Synth

The classic vaporwave base: black background with electric magenta and cyan highlights for striking visuals.

#000000 · #FF00FF · #00FFFF

Neon Pop

Uses coral and blue-violet against black for a dynamic, high-contrast effect, great for alerts or prominent sections.

#FF6347 · #8A2BE2 · #000000

Digital Sunset

Blends magenta and coral against black, evoking a digital sunset, suitable for gradients or background elements.

#FF00FF · #FF6347 · #000000

CSS variables

:root {
  --vaporwave-neon-dream-1: #FF00FF;
  --vaporwave-neon-dream-2: #00FFFF;
  --vaporwave-neon-dream-3: #FF6347;
  --vaporwave-neon-dream-4: #8A2BE2;
  --vaporwave-neon-dream-5: #000000;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "vaporwave-neon-dream": {
        1: "#FF00FF",
        2: "#00FFFF",
        3: "#FF6347",
        4: "#8A2BE2",
        5: "#000000",
      }
    }
  }
}

Hex values

Color 1#FF00FF

Color 2#00FFFF

Color 3#FF6347

Color 4#8A2BE2

Color 5#000000

Accessibility

Contrast checker

2.5:1Fail

1.1:1Fail

1.9:1Fail

6.7:1AA

2.5:1Fail

2.3:1Fail

4.8:1AA

16.7:1AAA

1.1:1Fail

2.3:1Fail

2:1Fail

7.1:1AAA

1.9:1Fail

4.8:1AA

2:1Fail

3.5:1AA18

6.7:1AA

16.7:1AAA

7.1:1AAA

3.5:1AA18

Similar palettes

More like Vaporwave Neon Dream

View all vibrant

Retro Vaporwave Sunset

Vaporwave Sunset Pulse

Arcade Neon Dreams

Neon Vaporwave Nights

Pixel Neon Rush

Retro Synthwave Sunset