Back to palettes

Palette

Retro Vaporwave Sunset

An electrifying retro blend of neon pinks, purples, and blues, inspired by iconic vaporwave aesthetics.

vibrantretro5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF00FF#00FFFF#FF69B4#9370DB#00BFFF

Palette guide

How to use Retro Vaporwave Sunset

Overview

The Retro Vaporwave Sunset palette is an electrifying retro blend of neon pinks, purples, and blues, directly inspired by iconic vaporwave aesthetics. Featuring vibrant magenta '#FF00FF', brilliant cyan '#00FFFF', a playful hot pink '#FF69B4', a rich medium purple '#9370DB', and a bright sky blue '#00BFFF', this palette pulses with digital energy. It's designed for designers and developers seeking to create immersive, surreal, and stylishly nostalgic experiences. The high contrast and luminous quality of these colors make them perfect for captivating visual content, from digital interfaces to promotional materials that demand a distinct, retro-futuristic identity.

Best used for

  • Digital art and illustrations for vaporwave or synthwave themes
  • Music album covers and promotional graphics for electronic artists
  • Video game UI and environmental design for retro-futuristic games
  • Fashion and streetwear designs with a distinct cyber-aesthetic
  • Website and app interfaces aiming for a bold, artistic, and energetic look
  • Event branding for electronic music festivals or themed parties

Suggested color roles

primary

Utilize '#9370DB' as a strong, grounding purple for backgrounds or larger sections, providing a stable yet vibrant base.

secondary

Employ '#00BFFF' or '#FF69B4' for supporting elements, subheadings, or as a vibrant transitional color in gradients.

accent

Leverage '#FF00FF' and '#00FFFF' for high-impact calls-to-action, glowing effects, or key graphical elements that demand attention.

background

A gradient blending '#9370DB' with '#00BFFF' or '#FF69B4' creates a classic vaporwave sunset effect. A solid '#9370DB' offers a deep, atmospheric base.

text

For readability, use white or a very light gray on darker colors like '#9370DB'. For impactful headings, '#FF00FF' or '#00FFFF' can be effective against dark backgrounds, ensuring vibrant contrast.

Accessibility notes

  • Ensure sufficient contrast for text when using vibrant colors like '#FF00FF' or '#FF69B4' on lighter backgrounds like '#00FFFF' or '#00BFFF'.
  • Pair light text (e.g., white) with '#9370DB' for optimal readability.
  • Avoid using similar vibrant colors for text and background without careful contrast checking (e.g., '#FF00FF' on '#FF69B4').
  • Test color combinations with accessibility tools to meet WCAG guidelines, particularly for interactive elements and critical information.

Recommended combinations

Neon Horizon

Creates a classic vaporwave sunset. '#9370DB' for the deep sky, '#00BFFF' for the horizon, and '#FF00FF' for a striking sun or accent.

#9370DB · #00BFFF · #FF00FF

Cyber Glow

A super vibrant trio for high-energy graphics, interactive elements, or glowing text that needs to pop dramatically.

#FF00FF · #00FFFF · #FF69B4

Dream Wave

A softer, dreamier vaporwave feel. '#00BFFF' as a bright base, with '#FF69B4' for warmth and '#9370DB' for depth.

#00BFFF · #FF69B4 · #9370DB

CSS variables

:root {
  --retro-vaporwave-sunset-1: #FF00FF;
  --retro-vaporwave-sunset-2: #00FFFF;
  --retro-vaporwave-sunset-3: #FF69B4;
  --retro-vaporwave-sunset-4: #9370DB;
  --retro-vaporwave-sunset-5: #00BFFF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "retro-vaporwave-sunset": {
        1: "#FF00FF",
        2: "#00FFFF",
        3: "#FF69B4",
        4: "#9370DB",
        5: "#00BFFF",
      }
    }
  }
}

Related searches

vaporwave color schemeneon purple pink blueretro cyber aesthetic80s digital art palettevibrant synthwave gradient

Palette colors

Hex values

Color 1#FF00FF
·
Color 2#00FFFF
·
Color 3#FF69B4
·
Color 4#9370DB
·
Color 5#00BFFF
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.5:1Fail
1.2:1Fail
1.2:1Fail
1.5:1Fail
2
2.5:1Fail
2.1:1Fail
3:1AA18
1.7:1Fail
3
1.2:1Fail
2.1:1Fail
1.4:1Fail
1.2:1Fail
4
1.2:1Fail
3:1AA18
1.4:1Fail
1.8:1Fail
5
1.5:1Fail
1.7:1Fail
1.2:1Fail
1.8:1Fail

Similar palettes

More like Retro Vaporwave Sunset

View all vibrant
Vaporwave Neon Dream
Vaporwave Sunset Pulse
Arcade Neon Dreams
Electric Grapevine
Neon Dream Sequence
Neon Vaporwave Nights