Back to palettes

Palette

Retro Synthwave Sunset

Electrifying pinks, blues, and yellows create a vibrant, nostalgic feel, like a digital sunset from the synthwave era.

vibrantretro5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF00FF#00FFFF#FFD700#8A2BE2#00BFFF

Palette guide

How to use Retro Synthwave Sunset

Overview

The Retro Synthwave Sunset palette captures the essence of a digital dusk with its electrifying blend of neon pinks, blues, and yellows. Featuring vivid magenta '#FF00FF', bright cyan '#00FFFF', and radiant gold '#FFD700', this palette creates a vibrant, nostalgic feel reminiscent of 80s futuristic cityscapes. Deep violet-blue '#8A2BE2' and sky blue '#00BFFF' provide depth and cool contrasts, ensuring visual dynamism. Ideal for projects seeking a bold yet dreamy aesthetic, this collection of colors evokes the iconic glow of the synthwave era, perfect for captivating audiences with its high-energy, retro charm.

Best used for

  • Digital art and illustrations with a strong retro-futuristic theme
  • Event posters and flyers for themed parties or music festivals
  • Branding for tech companies or products aiming for a playful, nostalgic edge
  • Motion graphics and animated sequences for intros or transitions
  • Fashion and streetwear designs inspired by 80s cyber aesthetics
  • Website headers and hero sections seeking immediate visual impact

Suggested color roles

primary

Utilize '#8A2BE2' or '#00BFFF' as a foundational cool tone, providing a stable base for the more intense neons to interact.

secondary

Employ '#00FFFF' or '#FFD700' for supporting elements, backgrounds, or gradients that transition between the primary and accent colors.

accent

Use '#FF00FF' for high-impact calls-to-action, key graphical elements, or glowing effects to truly capture the neon synthwave vibe.

background

A gradient blending '#8A2BE2' and '#00BFFF' can create an atmospheric sunset background, or a solid '#8A2BE2' for deeper contrast.

text

For readability, use white or a very light gray on darker blues and purples. For impactful headings, '#FF00FF' or '#FFD700' can work against a dark background, ensuring sufficient contrast.

Accessibility notes

  • Be cautious with text using '#FF00FF' or '#FFD700' on '#00FFFF' backgrounds due to potential low contrast.
  • Ensure sufficient contrast for all text elements, particularly when using vibrant colors on other vibrant colors.
  • Pair light text (e.g., white or light gray) with '#8A2BE2' or '#00BFFF' for optimal readability.
  • Avoid relying solely on color to convey information, especially with the high vibrancy of this palette.

Recommended combinations

Cyber Glow

Ideal for creating a deep, glowing atmosphere, with '#FF00FF' as a focal point and '#00FFFF' for ethereal light effects.

#8A2BE2 · #FF00FF · #00FFFF

Golden Horizon

Captures a vibrant digital sunset. '#00BFFF' for the sky, '#FFD700' for the sun, and '#FF00FF' for a striking accent.

#00BFFF · #FFD700 · #FF00FF

Neon Beat

A high-energy combination for graphic elements, logos, or interactive UI components that demand attention and a retro feel.

#00FFFF · #FF00FF · #8A2BE2

CSS variables

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

Tailwind config

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

Related searches

vaporwave color palette80s neon sunset colorscyberpunk aesthetic paletteretro digital art colorsvibrant 80s gradient

Palette colors

Hex values

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

Accessibility

Contrast checker

1
2
3
4
5
1
2.5:1Fail
2.2:1Fail
1.9:1Fail
1.5:1Fail
2
2.5:1Fail
1.1:1Fail
4.8:1AA
1.7:1Fail
3
2.2:1Fail
1.1:1Fail
4.2:1AA18
1.5:1Fail
4
1.9:1Fail
4.8:1AA
4.2:1AA18
2.8:1Fail
5
1.5:1Fail
1.7:1Fail
1.5:1Fail
2.8:1Fail

Similar palettes

More like Retro Synthwave Sunset

View all vibrant
Retro Futurism Grid
Retro Synthwave Pulse
Synthwave Dusk
80s Arcade Glow
Electric Synthwave Drive
Neon Dream Sequence