Back to palettes

Palette

Synthwave Sunset Drive

An electric and energetic palette that evokes a night drive through a vibrant 80s cityscape.

vibrantretro5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FC5185#3FC1C9#364F6B#F5F5F5#8E44AD

Palette guide

How to use Synthwave Sunset Drive

Overview

The Synthwave Sunset Drive palette offers a vibrant, retro-futuristic aesthetic perfect for evoking an 80s cityscape at dusk. Featuring striking hues like the energetic pink #FC5185, the refreshing teal #3FC1C9, and the deep, anchoring navy #364F6B, this palette is ideal for projects requiring a bold and dynamic look. The soft white #F5F5F5 provides a clean contrast, while the regal purple #8E44AD adds depth and a touch of neon glow. Designers can leverage this combination to create high-impact visuals that resonate with themes of nostalgia, technology, and vibrant nightlife, ensuring a memorable user experience.

Best used for

  • Retro-themed websites or applications
  • Event posters and promotional materials
  • Video game UIs and art direction
  • Music album covers (especially electronic genres)
  • Fashion and streetwear branding
  • Animated intros and motion graphics

Suggested color roles

primary

Use #FC5185 (Energetic Pink) for main call-to-action buttons, primary headlines, or key interactive elements to grab attention.

secondary

Apply #3FC1C9 (Refreshing Teal) for secondary navigation, progress indicators, or as a vibrant background accent.

accent

Reserve #8E44AD (Regal Purple) for subtle highlights, small icons, or decorative elements that need to pop with a sophisticated glow.

background

Utilize #364F6B (Deep Navy) for dark mode interfaces or large background areas to provide a strong, atmospheric base. Alternatively, #F5F5F5 for light interfaces.

text

Pair #F5F5F5 (Soft White) for light text on dark backgrounds like #364F6B, or use a dark charcoal like #333333 for text on lighter backgrounds.

Accessibility notes

  • Ensure sufficient contrast between #FC5185 and #F5F5F5 for text, as it might be borderline for smaller fonts.
  • The dark #364F6B provides excellent contrast for light text like #F5F5F5.
  • Avoid using #3FC1C9 directly on #F5F5F5 for critical text unless contrast is checked.
  • Consider a slightly darker shade for text on #F5F5F5, such as #364F6B, for optimal readability.

Recommended combinations

Neon Drive

Ideal for website headers, hero sections, or digital advertisements where a bold, high-contrast retro look is desired.

#364F6B · #FC5185 · #3FC1C9

Sunset Glow

Perfect for clean interfaces with vibrant pops, such as product showcases or minimalist event invitations, using white as a base.

#F5F5F5 · #FC5185 · #8E44AD

Electric Depth

Use for UI components, data visualizations, or branding elements that require a sophisticated yet energetic feel, blending cool tones.

#3FC1C9 · #8E44AD · #364F6B

CSS variables

:root {
  --synthwave-sunset-drive-2-1: #FC5185;
  --synthwave-sunset-drive-2-2: #3FC1C9;
  --synthwave-sunset-drive-2-3: #364F6B;
  --synthwave-sunset-drive-2-4: #F5F5F5;
  --synthwave-sunset-drive-2-5: #8E44AD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "synthwave-sunset-drive-2": {
        1: "#FC5185",
        2: "#3FC1C9",
        3: "#364F6B",
        4: "#F5F5F5",
        5: "#8E44AD",
      }
    }
  }
}

Related searches

retro color schemes 80ssynthwave design paletteneon aesthetic colorsvibrant retro gradientselectric nightlife colors

Palette colors

Hex values

Color 1#FC5185
·
Color 2#3FC1C9
·
Color 3#364F6B
·
Color 4#F5F5F5
·
Color 5#8E44AD
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.7:1Fail
2.9:1Fail
1.9:1Fail
2
1.5:1Fail
3.9:1AA18
2:1Fail
2.7:1Fail
3
2.7:1Fail
3.9:1AA18
7.7:1AAA
1.4:1Fail
4
2.9:1Fail
2:1Fail
7.7:1AAA
5.4:1AA
5
1.9:1Fail
2.7:1Fail
1.4:1Fail
5.4:1AA

Similar palettes

More like Synthwave Sunset Drive

View all vibrant
80s Arcade Glow
Neon Synthwave Pulse
Neon Vapor Wave
Retro Arcade Glow
Retro Futurism
Retro Pixel Arcade