Palette

Synthwave Sunset

An intense, glowing palette straight from a retro-futuristic landscape, with electric blues and hot pinks.

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

#FF00A0#FF4400#FF8800#00FFFF#8000FF

Palette guide

How to use Synthwave Sunset

Overview

The "Synthwave Sunset" palette is a breathtaking cascade of intense, glowing colors, capturing the dramatic flair of an 80s retro-futuristic sky. It features a spectrum of radiant warm tones: the electric #FF00A0 (bright pink), fiery #FF4400 (orange-red), and vivid #FF8800 (orange). These are brilliantly contrasted by the cool, digital glow of #00FFFF (cyan) and the deep, mysterious #8000FF (electric purple). This collection provides designers and developers with the perfect hex codes to craft high-impact UIs, captivating branding, or immersive digital art that pulses with energetic nostalgia and a powerful, unique aesthetic, reminiscent of a digital sundown.

Best used for

Dynamic website hero sections and landing pages
Branding for high-energy tech, gaming, or music industries
Animated intros and motion graphics with a sunset theme
Retro arcade game interfaces and splash screens
Digital art and illustrations depicting futuristic landscapes
Event promotions for festivals or themed parties

Suggested color roles

primary

#8000FF (electric purple) provides a deep, immersive base, ideal for backgrounds or main content areas where a vibrant yet grounding color is needed.

secondary

#FF00A0 (bright pink) offers a powerful, energetic contrast, excellent for headers, calls-to-action, or dominant visual motifs.

accent

#00FFFF (cyan) delivers a sharp, electric pop, perfect for interactive components, highlights, or simulating digital glows.

background

#8000FF creates a rich, vibrant background. For a deeper, more contrasting canvas, a dark charcoal or black is recommended to maximize the neon glow.

text

#00FFFF (cyan) provides excellent readability and a futuristic feel when used as text against darker backgrounds like #8000FF or black.

Accessibility notes

#00FFFF on #8000FF offers strong contrast for text, meeting WCAG AA for most text sizes.
Be cautious when pairing #FF00A0 (bright pink), #FF4400 (orange-red), and #FF8800 (orange) for text, as their similar hues can significantly reduce readability.
The high intensity of these neons can be visually strenuous; use them judiciously for critical information and provide clear focus states.
Ensure interactive elements have distinct visual cues beyond just color change, especially when using multiple bright, similar hues.

Recommended combinations

Sunset Core

A vibrant dark mode combination, with #8000FF as base, #FF00A0 for primary accents, and #00FFFF for secondary highlights and text.

#8000FF · #FF00A0 · #00FFFF

Fiery Horizon

Creates an energetic, warm visual for hero sections or striking graphics, blending orange-red and orange against electric purple.

#FF4400 · #FF8800 · #8000FF

Electric Glow

Ideal for animated effects or digital displays, layering bright pink, cyan, and orange for maximum visual impact and luminosity.

#FF00A0 · #00FFFF · #FF8800

CSS variables

:root {
  --synthwave-sunset-2-1: #FF00A0;
  --synthwave-sunset-2-2: #FF4400;
  --synthwave-sunset-2-3: #FF8800;
  --synthwave-sunset-2-4: #00FFFF;
  --synthwave-sunset-2-5: #8000FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "synthwave-sunset-2": {
        1: "#FF00A0",
        2: "#FF4400",
        3: "#FF8800",
        4: "#00FFFF",
        5: "#8000FF",
      }
    }
  }
}

Hex values

Color 1#FF00A0

Color 2#FF4400

Color 3#FF8800

Color 4#00FFFF

Color 5#8000FF

Accessibility

Contrast checker

1.1:1Fail

1.5:1Fail

2.9:1Fail

1.7:1Fail

1.1:1Fail

1.4:1Fail

2.8:1Fail

1.8:1Fail

1.5:1Fail

1.4:1Fail

1.9:1Fail

2.6:1Fail

2.9:1Fail

2.8:1Fail

1.9:1Fail

5:1AA

1.7:1Fail

1.8:1Fail

2.6:1Fail

5:1AA

Similar palettes

More like Synthwave Sunset

Electric Synthwave Drive

Neon Dream Sequence

Neon Synthwave Pulse