Back to palettes

Palette

Synthwave Sunset

A bold, electric palette reminiscent of 80s synth-pop aesthetics and digital landscapes at dusk.

vibrantretro5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF00FF#00FFFF#FFFF00#FF1493#8A2BE2

Palette guide

How to use Synthwave Sunset

Overview

The Synthwave Sunset palette is an electric and bold collection, perfectly capturing the essence of 80s synth-pop and digital landscapes at dusk. Featuring the intense #FF00FF magenta, the bright #00FFFF cyan, and a vibrant #FFFF00 yellow, this palette is designed for high impact. The addition of the deep #FF1493 pink and the rich #8A2BE2 violet further enhances its retro-futuristic appeal. Designers can utilize these colors to create dynamic, energetic visuals that evoke nostalgia, technology, and a distinct, vibrant aesthetic, ideal for digital media and modern branding.

Best used for

  • Video game UI and character design
  • Music festival branding and posters
  • Retro-themed product packaging
  • Social media graphics and campaigns
  • Animated short films and intros
  • Fashion and streetwear design

Suggested color roles

primary

Use #FF00FF (Intense Magenta) for dominant brand elements, crucial calls-to-action, or striking headlines.

secondary

Apply #00FFFF (Bright Cyan) for secondary information, interactive elements, or to create a cool contrast.

accent

Reserve #FFFF00 (Vibrant Yellow) for small, high-visibility details, warnings, or to add a burst of energy.

background

Dark gray or black provides the best canvas for these neon colors. Alternatively, #8A2BE2 (Rich Violet) can serve as a moody, deep background.

text

White or a very light gray for text on dark backgrounds is highly recommended. For lighter uses, a dark charcoal like #333333 can be used on #FFFF00 for readability.

Accessibility notes

  • Ensure high contrast when pairing these vibrant colors, especially for text. White on #8A2BE2 works well.
  • The yellow #FFFF00 needs a dark text color (e.g., black or #8A2BE2) to be readable.
  • Avoid using #FF00FF or #00FFFF for large blocks of body text; they are best for accents and headlines.
  • Contrast checks are crucial, especially for users with color vision deficiencies, as some bright combinations can be challenging.

Recommended combinations

Electric Night

Perfect for striking website hero sections, digital advertisements, or backgrounds that need to feel both deep and electric.

#8A2BE2 · #FF00FF · #00FFFF

Arcade Pop

Ideal for playful, high-energy designs like game interfaces, children's products, or vibrant social media content.

#FFFF00 · #FF1493 · #00FFFF

Retro Glow

Use for iconic retro branding, album art, or event posters to capture a classic 80s synthwave aesthetic with strong contrast.

#FF00FF · #FFFF00 · #8A2BE2

CSS variables

:root {
  --synthwave-sunset-1: #FF00FF;
  --synthwave-sunset-2: #00FFFF;
  --synthwave-sunset-3: #FFFF00;
  --synthwave-sunset-4: #FF1493;
  --synthwave-sunset-5: #8A2BE2;
}

Tailwind config

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

Related searches

80s synthwave color codesneon retro color palettevibrant cyberpunk colorsmagenta cyan yellow palettefuturistic digital colors

Palette colors

Hex values

Color 1#FF00FF
·
Color 2#00FFFF
·
Color 3#FFFF00
·
Color 4#FF1493
·
Color 5#8A2BE2
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.5:1Fail
2.9:1Fail
1.2:1Fail
1.9:1Fail
2
2.5:1Fail
1.2:1Fail
2.9:1Fail
4.8:1AA
3
2.9:1Fail
1.2:1Fail
3.4:1AA18
5.5:1AA
4
1.2:1Fail
2.9:1Fail
3.4:1AA18
1.6:1Fail
5
1.9:1Fail
4.8:1AA
5.5:1AA
1.6:1Fail

Similar palettes

More like Synthwave Sunset

View all vibrant
Neon Dream Sequence
Retro Glow Grid
Electric Grapevine
Electric Synthwave Drive
Neon Synthwave Pulse
Synthwave Horizon Glitch