Palette

Vaporwave Afterglow

A high-energy blend of electric pinks, yellows, and deep blues reminiscent of 80s digital sunsets.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Vaporwave Afterglow 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 Vaporwave Afterglow.

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

Data visualization

#FE3464#FF5C5C#FFD700#7CFC00#191970

Palette guide

How to use Vaporwave Afterglow

Overview

The Vaporwave Afterglow palette is an electrifying blend of neon and deep tones, perfect for capturing the vibrant, retro-futuristic aesthetic. Featuring intense pinks like "#FE3464" and "#FF5C5C", a bright gold "#FFD700", and a striking lime green "#7CFC00", all grounded by the deep indigo "#191970", this palette screams 80s digital sunset. Designers can leverage these colors for bold game interfaces, music event promotions, or edgy digital art. Developers will find these hex codes ideal for creating dynamic, high-energy UI themes. This palette excels in projects requiring a powerful, nostalgic, and visually impactful experience, ensuring an unforgettable user interaction.

Best used for

Retro arcade game interfaces
Electronic music event promotions
Cyberpunk-themed websites
Digital art and illustration
Youth-focused fashion branding
Streaming platform overlays

Suggested color roles

primary

#FE3464 - A vivid, energetic pink, perfect for main calls-to-action, active states, or prominent headers, grabbing immediate attention.

secondary

#FFD700 - A bright, sunny gold, excellent for secondary highlights, progress indicators, or subheadings, adding a glow.

accent

#7CFC00 - A striking, electric lime green, ideal for high-impact accents, interactive elements, or warning messages, demanding focus.

background

#191970 - A deep, dark indigo, providing a moody and contrasting backdrop that makes the neon colors pop vibrantly.

text

#FF5C5C - A bright, readable pink for headings and crucial information, or white for general body text on the dark background.

Accessibility notes

Use the bright neon colors for large text or accents; pair with "#191970" or black for body text for readability.
Ensure sufficient contrast when using "#FE3464", "#FFD700", or "#7CFC00" on the dark background for interactive elements.
Avoid using multiple bright neons in close proximity for small text to prevent eye strain.
Always test color combinations for WCAG AA compliance, especially for text and interactive components.

Recommended combinations

Neon Glow

A dark background with vibrant pink highlights and a golden accent, perfect for titles and interactive elements.

#191970 · #FE3464 · #FFD700

Electric Pop

High-energy combination for alerts or calls-to-action, using bright yellow and green against a deep base.

#FFD700 · #7CFC00 · #191970

Afterglow Mix

Layers of vibrant pinks for depth against the dark background, great for gradients or separated sections.

#FE3464 · #FF5C5C · #191970

CSS variables

:root {
  --vaporwave-afterglow-1: #FE3464;
  --vaporwave-afterglow-2: #FF5C5C;
  --vaporwave-afterglow-3: #FFD700;
  --vaporwave-afterglow-4: #7CFC00;
  --vaporwave-afterglow-5: #191970;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "vaporwave-afterglow": {
        1: "#FE3464",
        2: "#FF5C5C",
        3: "#FFD700",
        4: "#7CFC00",
        5: "#191970",
      }
    }
  }
}

Hex values

Color 1#FE3464

Color 2#FF5C5C

Color 3#FFD700

Color 4#7CFC00

Color 5#191970

Accessibility

Contrast checker

1.2:1Fail

2.5:1Fail

2.7:1Fail

4.2:1AA18

1.2:1Fail

2.2:1Fail

2.3:1Fail

4.9:1AA

2.5:1Fail

2.2:1Fail

1.1:1Fail

10.6:1AAA

2.7:1Fail

2.3:1Fail

1.1:1Fail

11.2:1AAA

4.2:1AA18

4.9:1AA

10.6:1AAA

11.2:1AAA

Similar palettes

More like Vaporwave Afterglow