Back to palettes

Palette

Retro Synth Wave

An homage to vibrant 80s aesthetics, pulsating with electric colors and nostalgic energy.

vibrantretro5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Retro Synth Wave 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 Synth Wave.

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

Data visualization

#FF00FF#00FFFF#FF4500#9370DB#32CD32

Palette guide

How to use Retro Synth Wave

Overview

The Retro Synth Wave palette is an homage to vibrant 80s aesthetics, pulsating with electric colors and nostalgic energy, perfect for designers and developers crafting bold, futuristic experiences. It features a striking magenta (#FF00FF), a cool cyan (#00FFFF), a fiery orange-red (#FF4500), a medium purple (#9370DB), and a vibrant lime green (#32CD32). This selection is ideal for creating designs that are dynamic, edgy, and full of character. Use #FF00FF for high-energy focal points and #9370DB as an atmospheric base to transport users to a neon-lit, retro-futuristic world.

Best used for

  • 80s-inspired video game UI and graphics
  • Synthwave music promotional materials and album art
  • Digital art and motion graphics with a retro-futuristic theme
  • Retro-futuristic event branding and social media
  • Fashion and apparel designs with a bold 80s edge
  • Animated intros and title sequences for videos

Suggested color roles

primary

Use #FF00FF as a high-energy, iconic neon focal point, demanding immediate attention.

secondary

Employ #00FFFF as a cool, digital contrast, adding a sci-fi feel and visual depth.

accent

Apply #FF4500 as a fiery, dynamic pop, perfect for urgent details or vibrant highlights.

background

Utilize #9370DB as a softer, atmospheric purple base, providing depth for brighter elements to float upon.

text

Consider #32CD32 for vibrant, legible text on dark backgrounds, or white/near-white for optimal contrast on darker hues.

Accessibility notes

  • Ensure strong contrast for text, especially when using #32CD32 or #00FFFF on #9370DB.
  • #FF00FF and #FF4500 can provide good contrast for headlines against #9370DB.
  • Avoid using #9370DB for text on very dark backgrounds, and prefer a neutral dark for body copy.
  • Always test color combinations for readability, particularly for users with color vision deficiencies.

Recommended combinations

Neon Dream

A classic neon trio for vibrant, electric interfaces, game graphics, or bold branding.

#FF00FF · #00FFFF · #FF4500

Synth Gradient

A purple base with magenta and cyan for atmospheric backgrounds, digital art, or gradients.

#9370DB · #FF00FF · #00FFFF

Electric Groove

Lime green with orange-red and magenta for playful, energetic designs, icons, or text highlights.

#32CD32 · #FF4500 · #FF00FF

CSS variables

:root {
  --retro-synth-wave-1: #FF00FF;
  --retro-synth-wave-2: #00FFFF;
  --retro-synth-wave-3: #FF4500;
  --retro-synth-wave-4: #9370DB;
  --retro-synth-wave-5: #32CD32;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "retro-synth-wave": {
        1: "#FF00FF",
        2: "#00FFFF",
        3: "#FF4500",
        4: "#9370DB",
        5: "#32CD32",
      }
    }
  }
}

Related searches

80s electric color paletteneon synthwave designretro futuristic colorsbold 80s aestheticvibrant cyberpunk palette

Palette colors

Hex values

Color 1#FF00FF
·
Color 2#00FFFF
·
Color 3#FF4500
·
Color 4#9370DB
·
Color 5#32CD32
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.5:1Fail
1.1:1Fail
1.2:1Fail
1.5:1Fail
2
2.5:1Fail
2.7:1Fail
3:1AA18
1.7:1Fail
3
1.1:1Fail
2.7:1Fail
1.1:1Fail
1.6:1Fail
4
1.2:1Fail
3:1AA18
1.1:1Fail
1.8:1Fail
5
1.5:1Fail
1.7:1Fail
1.6:1Fail
1.8:1Fail

Similar palettes

More like Retro Synth Wave

View all vibrant
Retro Synthwave Pulse
Synthwave Dusk
80s Arcade Glow
Neon Synthwave Pulse
Neon Vapor Wave
Neon Vaporwave Dream