Back to palettes

Palette

Vaporwave Neon Flash

An electrifying retro-futuristic blend of bright neons, perfect for a digital aesthetic.

vibrantretro5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF00FF#00FFFF#8A2BE2#FF1493#00BFFF

Palette guide

How to use Vaporwave Neon Flash

Overview

The Vaporwave Neon Flash palette is an exhilarating burst of vibrant neons, capturing the essence of a retro-futuristic digital dreamscape. Featuring electric magenta "#FF00FF", dazzling cyan "#00FFFF", a rich blue-violet "#8A2BE2", a hot pink "#FF1493", and a brilliant deep sky blue "#00BFFF", this collection is pure energy. Designers can leverage these colors for dynamic game interfaces, energetic event promotions, or cutting-edge digital art. Developers will find these hex codes ideal for crafting high-impact, visually stimulating UI themes. This palette excels in projects requiring a bold, nostalgic, and intensely vibrant aesthetic, ensuring an unforgettable and immersive user interaction.

Best used for

  • Synthwave music video production
  • Retro-themed video game graphics
  • Vibrant event posters and flyers
  • Dynamic web header designs
  • Youth-oriented fashion branding
  • Digital art and abstract compositions

Suggested color roles

primary

#FF00FF - An intensely vibrant magenta, perfect for main calls-to-action, prominent headers, or hero sections, demanding immediate attention.

secondary

#00FFFF - A bright, cool cyan, excellent for secondary information, interactive elements, or providing a strong visual contrast.

accent

#FF1493 - A vivid hot pink, ideal for high-impact accents, warning messages, or drawing focus to key interactive elements.

background

#00BFFF - A bright deep sky blue, providing a dynamic yet airy backdrop that allows other neons to pop. (Alternatively, use a very dark grey or black for higher contrast.)

text

#8A2BE2 - A rich blue-violet for striking headings or white/light grey for general body text on darker backgrounds to ensure readability.

Accessibility notes

  • Use the bright neon colors for large text or accents; pair with very dark backgrounds (e.g., black) or white for body text.
  • Ensure sufficient contrast when using any of the bright neons on "#00BFFF" or other light backgrounds for interactive elements.
  • Avoid using multiple bright neons in close proximity for small text to prevent eye strain and maintain clarity.
  • Always test color combinations for WCAG AA compliance, especially for text and critical UI components.

Recommended combinations

Cyber Glow

A bright blue base with magenta and cyan highlights, ideal for dynamic backgrounds and prominent elements.

#00BFFF · #FF00FF · #00FFFF

Flash Accent

Uses hot pink and blue-violet with cyan for high-energy accents, great for interactive states or alerts.

#FF1493 · #8A2BE2 · #00FFFF

Neon Gradient

Blends magenta, hot pink, and deep sky blue for vibrant gradients, suitable for background visuals or transitions.

#FF00FF · #FF1493 · #00BFFF

CSS variables

:root {
  --vaporwave-neon-flash-1: #FF00FF;
  --vaporwave-neon-flash-2: #00FFFF;
  --vaporwave-neon-flash-3: #8A2BE2;
  --vaporwave-neon-flash-4: #FF1493;
  --vaporwave-neon-flash-5: #00BFFF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "vaporwave-neon-flash": {
        1: "#FF00FF",
        2: "#00FFFF",
        3: "#8A2BE2",
        4: "#FF1493",
        5: "#00BFFF",
      }
    }
  }
}

Related searches

neon pink blue palettesynthwave color schemecyber aesthetic colorsbright vaporwave design80s digital art palette

Palette colors

Hex values

Color 1#FF00FF
·
Color 2#00FFFF
·
Color 3#8A2BE2
·
Color 4#FF1493
·
Color 5#00BFFF
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.5:1Fail
1.9:1Fail
1.2:1Fail
1.5:1Fail
2
2.5:1Fail
4.8:1AA
2.9:1Fail
1.7:1Fail
3
1.9:1Fail
4.8:1AA
1.6:1Fail
2.8:1Fail
4
1.2:1Fail
2.9:1Fail
1.6:1Fail
1.7:1Fail
5
1.5:1Fail
1.7:1Fail
2.8:1Fail
1.7:1Fail

Similar palettes

More like Vaporwave Neon Flash

View all vibrant
Synthwave Sundown Grid
Retro Wave
Vaporwave Synth Gloom
Arcade Neon Dreams
Electric Grapevine
Electric Synthwave Drive