Palette

Vaporwave Sunset Drive

Dreamy synthwave hues blend bold pinks and cool teals, perfect for a retro-futuristic journey.

vibrantretro5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#36224F#78229F#EF2A82#2FEF90#0FBFEA

Palette guide

How to use Vaporwave Sunset Drive

Overview

The Vaporwave Sunset Drive palette offers a dreamy synthwave journey, blending bold pinks and cool teals against a deep, enigmatic purple. With #36224F providing a rich, dark foundation, the palette ignites with the electrifying #78229F and the vivid #EF2A82. Complementing these are the refreshing #2FEF90 and the brilliant #0FBFEA, creating a vibrant, retro-futuristic contrast. This collection is perfect for designers aiming to capture the essence of a digital sunset cruise, offering a balance of depth and neon brilliance for captivating web designs, engaging app interfaces, or stunning graphic art that truly pops.

Best used for

Retro-themed website headers
Vaporwave music video aesthetics
Dynamic digital illustrations
Brand identity for creative agencies
Interactive UI elements and dashboards
Event promotions with a nostalgic twist

Suggested color roles

primary

Utilize #EF2A82 as the primary color for focal points, main headings, or call-to-action buttons to inject vibrant energy.

secondary

Employ #2FEF90 for secondary elements, background accents, or supporting graphics, offering a refreshing, cool contrast.

accent

Reserve #0FBFEA for highlights, interactive states, or small, impactful details, providing an additional bright pop of blue.

background

Use #36224F as the foundational background color to create depth and allow the brighter neon hues to stand out dramatically.

text

For body text, use white or a very light gray for optimal legibility against the dark purples, or a dark charcoal on the brighter teals.

Accessibility notes

Ensure sufficient contrast between #EF2A82 and its background, especially if used for text; check WCAG AA compliance.
The dark #36224F background provides excellent contrast for white or light gray text, enhancing readability.
Avoid using #2FEF90 for small text on light backgrounds; it's better suited for larger elements or graphical accents.
When pairing #0FBFEA with #2FEF90, ensure enough visual separation for users with color vision deficiencies.

Recommended combinations

Night Ride

Perfect for hero sections, using the deep purple as a canvas for a striking pink title and blue accents.

#36224F · #EF2A82 · #0FBFEA

Retro Glow

Ideal for gradients or layered shapes, blending the vibrant purple with the bright pink and green for a dynamic look.

#78229F · #2FEF90 · #EF2A82

Digital Dusk

Combine these for background patterns or UI elements that evoke a futuristic evening sky with neon highlights.

#36224F · #2FEF90 · #0FBFEA

CSS variables

:root {
  --vaporwave-sunset-drive-1: #36224F;
  --vaporwave-sunset-drive-2: #78229F;
  --vaporwave-sunset-drive-3: #EF2A82;
  --vaporwave-sunset-drive-4: #2FEF90;
  --vaporwave-sunset-drive-5: #0FBFEA;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "vaporwave-sunset-drive": {
        1: "#36224F",
        2: "#78229F",
        3: "#EF2A82",
        4: "#2FEF90",
        5: "#0FBFEA",
      }
    }
  }
}

Hex values

Color 1#36224F

Color 2#78229F

Color 3#EF2A82

Color 4#2FEF90

Color 5#0FBFEA

Accessibility

Contrast checker

1.7:1Fail

3.6:1AA18

9.3:1AAA

6.4:1AA

1.7:1Fail

2.1:1Fail

5.5:1AA

3.8:1AA18

3.6:1AA18

2.1:1Fail

2.6:1Fail

1.8:1Fail

9.3:1AAA

5.5:1AA

2.6:1Fail

1.4:1Fail

6.4:1AA

3.8:1AA18

1.8:1Fail

1.4:1Fail

Similar palettes

More like Vaporwave Sunset Drive

View all vibrant

Synthwave Midnight Drive

Synthwave Neon Horizon

Synthwave Sunset Drive

Arcade Neon Dreams

Electric Grapevine

Electric Synthwave Drive