Back to palettes

Palette

Electric Synthwave Drive

Bold fuchsias, electric blues, and vibrant yellows pulsate with the energy of a retro future.

vibrantretro5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF00C3#8A2BE2#00FFFF#FFD700#00FF00

Palette guide

How to use Electric Synthwave Drive

Overview

The Electric Synthwave Drive palette pulses with the vibrant, retro-futuristic energy of the 80s, perfect for projects demanding a dynamic and nostalgic feel. Featuring electric fuchsia (#FF00C3), radiant amethyst (#8A2BE2), dazzling aqua (#00FFFF), brilliant gold (#FFD700), and luminous lime green (#00FF00), this collection offers high-contrast options for eye-catching designs. Designers and developers can leverage these intense hues to create immersive experiences, from digital interfaces to physical merchandise. The palette’s bold nature ensures elements stand out, making it ideal for conveying excitement and a distinct cyberpunk or retro-gaming aesthetic. It’s a powerful tool for visual storytelling that evokes a sense of speed and digital artistry.

Best used for

  • 80s retro game interfaces and assets
  • Synthwave music album covers and promotional materials
  • Dynamic event posters and flyers
  • Cyberpunk themed website designs
  • Animated digital art and motion graphics
  • Vibrant apparel and merchandise designs

Suggested color roles

primary

Use electric fuchsia (#FF00C3) or radiant amethyst (#8A2BE2) for dominant branding elements, large headings, or energetic calls-to-action.

secondary

Dazzling aqua (#00FFFF) or brilliant gold (#FFD700) work well for supporting sections, subheadings, or secondary interactive elements.

accent

Luminous lime green (#00FF00) provides a sharp, energetic pop, ideal for small interactive elements, notifications, or highlights that demand immediate attention.

background

A deep charcoal or near-black background provides the best contrast, allowing the neon colors to truly glow and define the synthwave aesthetic.

text

For body text, use white or a very light gray on dark backgrounds for optimal readability. For headings or short bursts of text, any of the vibrant palette colors can be used against a dark ground.

Accessibility notes

  • Ensure sufficient contrast when pairing any two vibrant colors, especially for text, by checking WCAG guidelines.
  • Use larger font sizes or bolding for text with lower contrast ratios to improve readability.
  • Avoid placing #00FF00 or #FFD700 directly on a light background as contrast will be poor.
  • Prioritize dark backgrounds for body text to maximize the legibility of the bright palette colors.

Recommended combinations

Neon Glow

Ideal for creating striking gradients, hero sections, or animated effects that simulate neon lights.

#8A2BE2 · #00FFFF · #FF00C3

Retro Accent

Perfect for calls-to-action, buttons, or iconography against a dark background, ensuring high visibility and energy.

#FF00C3 · #FFD700 · #00FF00

Digital Pulse

Excellent for data visualizations, progress bars, or UI elements where a vibrant, futuristic feel is desired.

#00FFFF · #8A2BE2 · #FFD700

CSS variables

:root {
  --electric-synthwave-drive-1: #FF00C3;
  --electric-synthwave-drive-2: #8A2BE2;
  --electric-synthwave-drive-3: #00FFFF;
  --electric-synthwave-drive-4: #FFD700;
  --electric-synthwave-drive-5: #00FF00;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "electric-synthwave-drive": {
        1: "#FF00C3",
        2: "#8A2BE2",
        3: "#00FFFF",
        4: "#FFD700",
        5: "#00FF00",
      }
    }
  }
}

Related searches

synthwave color schemes80s neon color paletteretro futuristic design colorsvibrant cyberpunk aestheticdynamic electric color guide

Palette colors

Hex values

Color 1#FF00C3
·
Color 2#8A2BE2
·
Color 3#00FFFF
·
Color 4#FFD700
·
Color 5#00FF00
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.8:1Fail
2.5:1Fail
2.5:1Fail
2
1.7:1Fail
4.8:1AA
4.2:1AA18
4.3:1AA18
3
2.8:1Fail
4.8:1AA
1.1:1Fail
1.1:1Fail
4
2.5:1Fail
4.2:1AA18
1.1:1Fail
1:1Fail
5
2.5:1Fail
4.3:1AA18
1.1:1Fail
1:1Fail

Similar palettes

More like Electric Synthwave Drive

View all vibrant
Neon Dream Sequence
Neon Synthwave Pulse
Retro Glow Grid
Synthwave Horizon Glitch
Synthwave Neon Horizon
Synthwave Sun Beam