Back to palettes

Palette

Neon Vaporwave Nights

Vivid purples and blues with neon accents, capturing the synthetic glow of a vaporwave aesthetic.

vibrantretro5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF00FF#00FFFF#8A2BE2#6A5ACD#483D8B

Palette guide

How to use Neon Vaporwave Nights

Overview

The Neon Vaporwave Nights palette captures the synthetic glow of a vaporwave aesthetic with vivid purples and blues. It features an electrifying magenta #FF00FF, a cool cyan #00FFFF, a mystical blue-violet #8A2BE2, a deep slate blue #6A5ACD, and a rich dark slate blue #483D8B. This collection provides designers with a cohesive, moody yet vibrant foundation for creating retro-futuristic visuals that evoke digital landscapes and 80s nostalgia. Developers can effectively use these hex codes for web and app interfaces, animations, or branding that requires a sophisticated vaporwave feel, ensuring a unique and immersive user experience with its distinct blend of cool tones and bright accents.

Best used for

  • Vaporwave and synthwave music branding
  • Retro-futuristic game UI and environments
  • 80s inspired digital art and illustrations
  • Twitch stream overlays and content creation
  • Nightclub or lounge promotional materials
  • Abstract motion graphics and video effects

Suggested color roles

primary

#8A2BE2 (Mystical Blue-Violet) - Ideal for main backgrounds, larger content blocks, or primary navigational elements, setting a deep, atmospheric tone.

secondary

#6A5ACD (Deep Slate Blue) - Excellent for secondary backgrounds, card elements, or muted UI components, providing depth and harmony.

accent

#FF00FF (Electrifying Magenta) - Use sparingly for critical calls-to-action, key highlights, or interactive elements that need to pop with high energy.

background

#483D8B (Rich Dark Slate Blue) - A versatile, dark background color that grounds the palette and allows brighter neons to truly glow.

text

#00FFFF (Cool Cyan) - Effective for short, impactful headlines or interactive text. For body text, consider a clean white or light gray against #483D8B for optimal readability.

Accessibility notes

  • Ensure sufficient contrast when pairing neon accents like #FF00FF and #00FFFF with the darker blues and purples for text.
  • Avoid using #6A5ACD and #483D8B for small text against each other due to potentially low contrast.
  • Prioritize #483D8B as a background for maximum legibility of lighter text colors.
  • Always test font sizes and weights with chosen color combinations to optimize legibility across devices and for WCAG standards.

Recommended combinations

Synth Night

Creates a deep, atmospheric vaporwave background with a striking magenta accent, perfect for titles or key elements.

#483D8B · #8A2BE2 · #FF00FF

Digital Glow

A vibrant and energetic combination, ideal for interactive UI elements, data visualization, or digital art highlights.

#6A5ACD · #00FFFF · #FF00FF

Retro Mood

Offers a balanced, sophisticated vaporwave feel, suitable for subtle branding, footers, or background patterns.

#8A2BE2 · #483D8B · #00FFFF

CSS variables

:root {
  --neon-vaporwave-nights-1: #FF00FF;
  --neon-vaporwave-nights-2: #00FFFF;
  --neon-vaporwave-nights-3: #8A2BE2;
  --neon-vaporwave-nights-4: #6A5ACD;
  --neon-vaporwave-nights-5: #483D8B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "neon-vaporwave-nights": {
        1: "#FF00FF",
        2: "#00FFFF",
        3: "#8A2BE2",
        4: "#6A5ACD",
        5: "#483D8B",
      }
    }
  }
}

Related searches

vaporwave purple blue paletteneon retro night colorssynthwave dark mode paletteelectric magenta cyan hex80s digital aesthetic

Palette colors

Hex values

Color 1#FF00FF
·
Color 2#00FFFF
·
Color 3#8A2BE2
·
Color 4#6A5ACD
·
Color 5#483D8B
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.5:1Fail
1.9:1Fail
1.7:1Fail
2.9:1Fail
2
2.5:1Fail
4.8:1AA
4.2:1AA18
7.2:1AAA
3
1.9:1Fail
4.8:1AA
1.1:1Fail
1.5:1Fail
4
1.7:1Fail
4.2:1AA18
1.1:1Fail
1.7:1Fail
5
2.9:1Fail
7.2:1AAA
1.5:1Fail
1.7:1Fail

Similar palettes

More like Neon Vaporwave Nights

View all vibrant
Synthwave Sundown Grid
Arcade Neon Dreams
Electric Grapevine
Pixel Neon Rush
Pixelated Arcade Glitch
Retro Arcade Sunset