Palette

Retro Synthwave Pulse

Electrifying colors capturing the iconic glow and beat of 80s synthwave aesthetics.

vibrantretro5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#2B0748#6A1A7A#EB008A#00FFC2#FFEE33

Palette guide

How to use Retro Synthwave Pulse

Overview

The Retro Synthwave Pulse palette delivers an electrifying dive into 80s neon aesthetics, perfect for projects demanding a bold, energetic, and nostalgic vibe. Featuring deep purple '#2B0748' and vibrant fuchsia '#EB008A', it captures the iconic glow of classic synthwave. The bright aqua '#00FFC2' and intense yellow '#FFEE33' provide striking contrasts, while the mid-tone purple '#6A1A7A' acts as a smooth transition. This palette is designed to evoke pulsating rhythms and futuristic cityscapes, making it ideal for creating immersive digital experiences that resonate with retro-futuristic charm. Its high-contrast nature ensures visual impact and a memorable aesthetic.

Best used for

Music album covers and promotional materials for electronic artists
Video game UI and environmental design for retro-themed games
Event branding for 80s nights or synthwave concerts
Website and app interfaces aiming for a futuristic, energetic feel
Merchandise and apparel designs with a distinct retro appeal
Digital art and illustrations needing a vibrant, neon glow

Suggested color roles

primary

Use '#2B0748' as the foundational dark base, providing depth and allowing brighter colors to pop dramatically. Ideal for backgrounds or large sections.

secondary

Employ '#6A1A7A' for supporting elements, subheadings, or as a vibrant shadow tone. It bridges the gap between the dark base and intense accents.

accent

Leverage '#EB008A', '#00FFC2', and '#FFEE33' for high-impact elements like calls-to-action, key graphics, or glowing effects. '#EB008A' offers a hot pink focal point.

background

The deep '#2B0748' is excellent for creating a dark, atmospheric background, evoking a night sky or digital void, crucial for the synthwave aesthetic.

text

For body text, use a light color like white or a very light gray on '#2B0748'. For headings and impactful text, '#00FFC2' or '#FFEE33' can be effective against darker shades.

Accessibility notes

Ensure sufficient contrast when using '#EB008A', '#00FFC2', or '#FFEE33' for text on any background, particularly '#6A1A7A'.
Pair light text (e.g., white) with '#2B0748' or '#6A1A7A' for optimal readability.
Avoid using '#EB008A' directly on '#6A1A7A' for small text due to potential low contrast.
Test color combinations with accessibility tools to meet WCAG guidelines, especially for interactive elements.

Recommended combinations

Night Grid

Perfect for dark mode interfaces or game environments, with '#00FFC2' for interactive elements and '#FFEE33' for highlights.

#2B0748 · #00FFC2 · #FFEE33

Fuchsia Flare

Creates a dramatic, moody effect. Use '#2B0748' for depth, '#6A1A7A' for mid-tones, and '#EB008A' as a vibrant focal point.

#6A1A7A · #EB008A · #2B0748

Electric Echo

A highly energetic trio for calls-to-action, banners, or graphic elements that need to scream 'attention' and 'retro'.

#FFEE33 · #00FFC2 · #EB008A

CSS variables

:root {
  --retro-synthwave-pulse-1: #2B0748;
  --retro-synthwave-pulse-2: #6A1A7A;
  --retro-synthwave-pulse-3: #EB008A;
  --retro-synthwave-pulse-4: #00FFC2;
  --retro-synthwave-pulse-5: #FFEE33;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "retro-synthwave-pulse": {
        1: "#2B0748",
        2: "#6A1A7A",
        3: "#EB008A",
        4: "#00FFC2",
        5: "#FFEE33",
      }
    }
  }
}

Hex values

Color 1#2B0748

Color 2#6A1A7A

Color 3#EB008A

Color 4#00FFC2

Color 5#FFEE33

Accessibility

Contrast checker

1.7:1Fail

4:1AA18

13.1:1AAA

14.3:1AAA

1.7:1Fail

2.4:1Fail

7.9:1AAA

8.6:1AAA

4:1AA18

2.4:1Fail

3.3:1AA18

3.6:1AA18

13.1:1AAA

7.9:1AAA

3.3:1AA18

1.1:1Fail

14.3:1AAA

8.6:1AAA

3.6:1AA18

1.1:1Fail

Similar palettes

More like Retro Synthwave Pulse