Back to palettes

Palette

Synthwave Sunset Drive

A bold, glowing palette evoking the electric energy of an 80s retro-futuristic cityscape at sunset.

vibrantretro5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF00FF#00FFFF#FF69B4#8A2BE2#00BFFF

Palette guide

How to use Synthwave Sunset Drive

Overview

The Synthwave Sunset Drive palette is a dynamic collection of neon hues, perfect for projects aiming for an electric 80s retro-futuristic vibe. This palette features the intense magenta #FF00FF, the bright cyan #00FFFF, and the playful hot pink #FF69B4. Complementing these are the deep violet #8A2BE2 and the vivid sky blue #00BFFF, creating a powerful sense of energy and nostalgia. Designers can harness these colors to craft bold, high-energy visuals for digital interfaces, branding, or creative content that demands attention and evokes a sense of vibrant, futuristic optimism.

Best used for

  • Gaming interfaces and streaming overlays
  • Electronic music event branding
  • Retro-style apparel and merchandise
  • Digital art and illustration
  • Sci-fi themed web design
  • Animated logos and title sequences

Suggested color roles

primary

Use #FF00FF (Intense Magenta) for dominant interactive elements, primary headlines, or key visual anchors.

secondary

Apply #00FFFF (Bright Cyan) for secondary calls-to-action, navigation accents, or to create striking visual breaks.

accent

Reserve #FF69B4 (Hot Pink) or #00BFFF (Vivid Sky Blue) for small, impactful details, icons, or hover states.

background

A deep, dark background like black or a very dark gray works best to make these neon colors truly pop. Alternatively, use #8A2BE2 for a rich, moody base.

text

White or a very light gray is recommended for text against the dark colors, or a dark charcoal like #333333 on a very light background if the palette is used in a more subdued way.

Accessibility notes

  • Due to the high vibrancy, ensure sufficient contrast for text when using these colors, especially for body copy.
  • Pairing #FF00FF or #00FFFF with black or very dark gray backgrounds ensures good readability.
  • Avoid using light text on light neon backgrounds (e.g., white on #00BFFF) without checking contrast ratios.
  • Consider using these bright colors primarily for accents and larger display text, with more subdued colors for body text.

Recommended combinations

Neon City

Excellent for striking headers, hero images, or dramatic backgrounds in digital interfaces, capturing a true synthwave feel.

#FF00FF · #00FFFF · #8A2BE2

Sunset Pop

Ideal for playful branding elements, call-to-action buttons, or vibrant illustrations, offering a lighter, energetic mood.

#FF69B4 · #00BFFF · #00FFFF

Deep Glow

Use for sophisticated yet electric designs, such as app interfaces or futuristic branding, where depth meets vibrant highlights.

#8A2BE2 · #FF00FF · #00BFFF

CSS variables

:root {
  --synthwave-sunset-drive-1: #FF00FF;
  --synthwave-sunset-drive-2: #00FFFF;
  --synthwave-sunset-drive-3: #FF69B4;
  --synthwave-sunset-drive-4: #8A2BE2;
  --synthwave-sunset-drive-5: #00BFFF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "synthwave-sunset-drive": {
        1: "#FF00FF",
        2: "#00FFFF",
        3: "#FF69B4",
        4: "#8A2BE2",
        5: "#00BFFF",
      }
    }
  }
}

Related searches

synthwave color palette generator80s neon aesthetic colorsretro futuristic color schemesvibrant vaporwave colorselectric magenta cyan palette

Palette colors

Hex values

Color 1#FF00FF
·
Color 2#00FFFF
·
Color 3#FF69B4
·
Color 4#8A2BE2
·
Color 5#00BFFF
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.5:1Fail
1.2:1Fail
1.9:1Fail
1.5:1Fail
2
2.5:1Fail
2.1:1Fail
4.8:1AA
1.7:1Fail
3
1.2:1Fail
2.1:1Fail
2.3:1Fail
1.2:1Fail
4
1.9:1Fail
4.8:1AA
2.3:1Fail
2.8:1Fail
5
1.5:1Fail
1.7:1Fail
1.2:1Fail
2.8:1Fail

Similar palettes

More like Synthwave Sunset Drive

View all vibrant
Electric Grapevine
Neon Dream Sequence
Retro Glow Grid
Synthwave Midnight Drive
Synthwave Neon Horizon
Synthwave Sundown Grid