Palette

Retro Synthwave Sunset

A high-energy blend of bold pinks and electric blues, reminiscent of 80s synthwave aesthetics.

vibrantenergetic5 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

#FF006E#FC5A8D#B4E6F2#8F2D56#2E86AB

Palette guide

How to use Retro Synthwave Sunset

Overview

The Retro Synthwave Sunset palette offers a high-energy blend of bold pinks and electric blues, perfectly capturing the dynamic essence of 80s synthwave aesthetics. With vibrant fuchsia '#FF006E' and a softer coral pink '#FC5A8D', paired with a sky-like '#B4E6F2', this collection evokes both intensity and a dreamy atmosphere. Deeper tones like '#8F2D56' and a rich teal '#2E86AB' provide grounding and sophisticated contrasts, preventing the palette from becoming overly saccharine. It's an ideal choice for designs that aim to be both energetic and stylishly retro, creating a memorable visual impact with its unique blend of warmth and coolness.

Best used for

Fashion and apparel design with a retro-modern twist
Brand identity for creative agencies or entertainment venues
Website and mobile app interfaces seeking a vibrant, playful feel
Packaging design for products targeting a youthful, trend-conscious audience
Social media graphics and marketing campaigns requiring high visual appeal
Interior design accents or art pieces inspired by 80s pop culture

Suggested color roles

primary

Use '#2E86AB' as a strong, grounding blue, suitable for backgrounds or main structural elements, providing a cool foundation.

secondary

Employ '#B4E6F2' for lighter backgrounds, larger areas, or as a contrasting cool tone to the dominant pinks, creating spaciousness.

accent

Leverage '#FF006E' and '#FC5A8D' for high-impact calls-to-action, glowing effects, or key graphic elements. '#FF006E' is particularly striking.

background

A gradient from '#2E86AB' to '#B4E6F2' can create an atmospheric sky effect. For a solid background, '#2E86AB' offers depth, or '#B4E6F2' for a lighter, airy feel.

text

Dark text like charcoal or black works well on '#B4E6F2'. For darker backgrounds like '#2E86AB' or '#8F2D56', use white or a very light gray. '#FF006E' can be used for headings against darks.

Accessibility notes

Ensure sufficient contrast when using '#FF006E' or '#FC5A8D' on '#B4E6F2' for text or small elements.
Pair dark text (e.g., black or dark gray) with '#B4E6F2' for optimal readability.
Avoid using '#8F2D56' for text on '#2E86AB' due to potentially low color contrast.
Prioritize high contrast for interactive elements and critical information, especially with the vibrant pinks.

Recommended combinations

Electric Sky

Creates a dynamic background with a vibrant focal point. '#2E86AB' for depth, '#B4E6F2' for lightness, and '#FF006E' for accents.

#2E86AB · #B4E6F2 · #FF006E

Sunset Pop

A warmer, softer retro feel. '#B4E6F2' as a base, with the pinks and deeper rose for layered elements or gradients.

#FC5A8D · #8F2D56 · #B4E6F2

Vivid Contrast

For bold statements. '#FF006E' pops against '#2E86AB', with '#8F2D56' providing a rich, darker accent for depth.

#FF006E · #2E86AB · #8F2D56

CSS variables

:root {
  --retro-synthwave-sunset-3-1: #FF006E;
  --retro-synthwave-sunset-3-2: #FC5A8D;
  --retro-synthwave-sunset-3-3: #B4E6F2;
  --retro-synthwave-sunset-3-4: #8F2D56;
  --retro-synthwave-sunset-3-5: #2E86AB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "retro-synthwave-sunset-3": {
        1: "#FF006E",
        2: "#FC5A8D",
        3: "#B4E6F2",
        4: "#8F2D56",
        5: "#2E86AB",
      }
    }
  }
}

Hex values

Color 1#FF006E

Color 2#FC5A8D

Color 3#B4E6F2

Color 4#8F2D56

Color 5#2E86AB

Accessibility

Contrast checker

1.3:1Fail

2.8:1Fail

2:1Fail

1.1:1Fail

1.3:1Fail

2.2:1Fail

2.6:1Fail

1.4:1Fail

2.8:1Fail

2.2:1Fail

5.8:1AA

3:1AA18

2:1Fail

2.6:1Fail

5.8:1AA

1.9:1Fail

1.1:1Fail

1.4:1Fail

3:1AA18

1.9:1Fail

Similar palettes

More like Retro Synthwave Sunset

Cyberpunk Electric Surge

Digital Synthwave Horizon

Electric City Pulse