Palette

Retro Synthwave Sunset

Bold and electrifying colors evoking the nostalgic glow of an 80s futuristic cityscape at dusk.

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#9932CC#FF1493

Palette guide

How to use Retro Synthwave Sunset

Overview

The Retro Synthwave Sunset palette delivers a bold and electrifying experience, perfectly evoking the nostalgic glow of an 80s futuristic cityscape at dusk. With striking magenta '#FF00FF', vivid cyan '#00FFFF', and brilliant gold '#FFD700', it pulsates with energy. The deep orchid '#9932CC' provides a rich, grounding base, while the vibrant hot pink '#FF1493' adds another layer of intense warmth. This palette is designed for designers and developers seeking to create immersive digital environments, captivating branding, or dynamic interfaces that scream retro-futurism and high-octane visual appeal, making every element pop with iconic 80s flair.

Best used for

Digital art and illustrations for album covers or game backgrounds
Event branding for retro-themed parties or music festivals
Website and app interfaces with a strong, energetic aesthetic
Motion graphics and animated logos for tech or entertainment brands
Fashion and merchandise designs inspired by 80s cyber culture
Gaming UIs and environmental assets for arcade or sci-fi genres

Suggested color roles

primary

Utilize '#9932CC' as the deep, anchoring color, perfect for backgrounds or large sections where a rich, dark base is needed.

secondary

Employ '#00FFFF' or '#FFD700' for supporting elements, subheadings, or as part of a vibrant gradient to add depth and transition.

accent

Leverage '#FF00FF' and '#FF1493' for high-impact calls-to-action, key graphical elements, or glowing effects that demand immediate attention.

background

A dark, atmospheric background can be achieved with '#9932CC'. Alternatively, a gradient combining '#9932CC' with '#00FFFF' offers a dynamic sky effect.

text

For readability, use white or a very light gray on '#9932CC'. For headings or prominent text, '#FFD700' or '#00FFFF' can be effective against darker backgrounds, ensuring good contrast.

Accessibility notes

Ensure sufficient contrast for text when using vibrant colors like '#FF00FF' or '#FF1493' on lighter backgrounds such as '#00FFFF'.
Pair light text (e.g., white) with '#9932CC' for optimal readability.
Avoid using '#FF1493' directly on '#FF00FF' for small text due to potential low contrast.
Test color combinations with accessibility tools to meet WCAG guidelines, especially for interactive elements and critical information.

Recommended combinations

Cyber Night

Creates a dramatic, glowing night scene. '#9932CC' for depth, '#FF00FF' for a focal point, and '#00FFFF' for ethereal light.

#9932CC · #FF00FF · #00FFFF

Golden Flare

Highlights warmth and energy. '#FFD700' as a bright element, '#FF1493' for vibrancy, and '#9932CC' to ground the composition.

#FFD700 · #FF1493 · #9932CC

Electric Pulse

A super vibrant trio for high-energy graphics, calls-to-action, or dynamic transitions that need to pop.

#00FFFF · #FF00FF · #FF1493

CSS variables

:root {
  --retro-synthwave-sunset-1: #FF00FF;
  --retro-synthwave-sunset-2: #00FFFF;
  --retro-synthwave-sunset-3: #FFD700;
  --retro-synthwave-sunset-4: #9932CC;
  --retro-synthwave-sunset-5: #FF1493;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "retro-synthwave-sunset": {
        1: "#FF00FF",
        2: "#00FFFF",
        3: "#FFD700",
        4: "#9932CC",
        5: "#FF1493",
      }
    }
  }
}

Hex values

Color 1#FF00FF

Color 2#00FFFF

Color 3#FFD700

Color 4#9932CC

Color 5#FF1493

Accessibility

Contrast checker

2.5:1Fail

2.2:1Fail

1.8:1Fail

1.2:1Fail

2.5:1Fail

1.1:1Fail

4.5:1AA

2.9:1Fail

2.2:1Fail

1.1:1Fail

4.1:1AA18

2.6:1Fail

1.8:1Fail

4.5:1AA

4.1:1AA18

1.6:1Fail

1.2:1Fail

2.9:1Fail

2.6:1Fail

1.6:1Fail

Similar palettes

More like Retro Synthwave Sunset

Neon Vaporwave Nights

Pixel Neon Rush