Back to palettes

Palette

Vaporwave Dream

A dazzling, electric mix of bright neons and pastels, capturing a nostalgic 80s digital aesthetic.

vibrantretro5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF00FF#00FFFF#FFD700#FF4500#1E90FF

Palette guide

How to use Vaporwave Dream

Overview

The Vaporwave Dream palette is a dazzling explosion of neon and vibrant hues, perfectly capturing the iconic 80s digital aesthetic. Featuring electric magenta "#FF00FF", cyan "#00FFFF", bright gold "#FFD700", and a fiery orange "#FF4500", complemented by a vibrant dodger blue "#1E90FF", this collection screams retro-futurism. Designers can leverage these colors for eye-catching game interfaces, dynamic event promotions, or unique digital art. Developers will find these hex codes ideal for crafting high-energy, memorable UI themes. This palette excels in projects requiring a bold, nostalgic, and visually stimulating experience, ensuring an immersive and unforgettable user interaction.

Best used for

  • Retro gaming website designs
  • Electronic music album covers
  • Cyberpunk-themed app interfaces
  • Digital art and animation
  • Vibrant social media graphics
  • Event posters and flyers

Suggested color roles

primary

#FF00FF - A powerful, electric magenta, perfect for main calls-to-action, prominent headings, or hero sections, demanding attention.

secondary

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

accent

#FFD700 - A brilliant gold, ideal for highlights, progress indicators, or subtle decorative elements that need to pop.

background

#1E90FF - A vibrant dodger blue, providing a dynamic yet grounding backdrop that allows neon elements to shine. (Alternatively, use a very dark grey or black for higher contrast.)

text

#FF4500 - A fiery orange for striking headings or white for general body text on a dark or blue background to ensure readability.

Accessibility notes

  • Use the bright neon colors for large text or accents; pair with a dark background (e.g., black) for body text for readability.
  • Ensure sufficient contrast when using "#FF00FF", "#00FFFF", or "#FFD700" on a dark or "#1E90FF" background for interactive elements.
  • Avoid using multiple bright neons in close proximity for small text to prevent eye strain and ensure clarity.
  • Always test color combinations for WCAG AA compliance, especially for text and interactive components.

Recommended combinations

Electric Core

A vibrant blue base with magenta highlights and a golden accent, ideal for main interfaces and titles.

#1E90FF · #FF00FF · #FFD700

Cyber Contrast

High-contrast pairing of cyan and orange, accented with magenta, great for alerts, warnings, or dynamic sections.

#00FFFF · #FF4500 · #FF00FF

Neon Sunset

Blends magenta and gold against a blue backdrop, evoking a digital sunset, suitable for gradients or background visuals.

#FF00FF · #FFD700 · #1E90FF

CSS variables

:root {
  --vaporwave-dream-1: #FF00FF;
  --vaporwave-dream-2: #00FFFF;
  --vaporwave-dream-3: #FFD700;
  --vaporwave-dream-4: #FF4500;
  --vaporwave-dream-5: #1E90FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "vaporwave-dream": {
        1: "#FF00FF",
        2: "#00FFFF",
        3: "#FFD700",
        4: "#FF4500",
        5: "#1E90FF",
      }
    }
  }
}

Related searches

vaporwave aesthetic colorsneon cyberpunk palettebright 80s color schemesynthwave digital artretro futuristic palette

Palette colors

Hex values

Color 1#FF00FF
·
Color 2#00FFFF
·
Color 3#FFD700
·
Color 4#FF4500
·
Color 5#1E90FF
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.5:1Fail
2.2:1Fail
1.1:1Fail
1:1Fail
2
2.5:1Fail
1.1:1Fail
2.7:1Fail
2.6:1Fail
3
2.2:1Fail
1.1:1Fail
2.5:1Fail
2.3:1Fail
4
1.1:1Fail
2.7:1Fail
2.5:1Fail
1.1:1Fail
5
1:1Fail
2.6:1Fail
2.3:1Fail
1.1:1Fail

Similar palettes

More like Vaporwave Dream

View all vibrant
Arcade Neon Dreams
Retro Future Drive
Digital Retro Wave
Electric Grapevine
Electric Synthwave Drive
Neon Arcade Buzz