Back to palettes

Palette

Vaporwave Neon Horizon

Blindingly bright neons create an artificial horizon, inspired by retro-futuristic synthwave aesthetics.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF00FF#00FFFF#FF66FF#33FFFF#FF33FF

Palette guide

How to use Vaporwave Neon Horizon

Overview

The Vaporwave Neon Horizon palette captures the essence of a blindingly bright, artificial horizon, perfect for designs requiring an energetic retro-futuristic synthwave aesthetic. This palette is dominated by intense magentas and cyans, including #FF00FF, #00FFFF, and softer variations like #FF66FF and #33FFFF. The consistent use of vibrant neons, punctuated by #FF33FF, creates a sense of depth and digital glow without relying on dark anchors. Designers can leverage this palette to craft visually striking interfaces, dynamic motion graphics, or captivating brand identities that scream 80s nostalgia with a modern, electric twist.

Best used for

  • High-energy digital advertisements
  • Synthwave music video visuals
  • Retro-futuristic brand identities
  • Interactive art installations
  • Event branding for electronic music
  • Bold social media graphics

Suggested color roles

primary

Utilize #FF00FF as the leading color for main headings or key visual elements to establish the palette's core energetic and vibrant feel.

secondary

Employ #00FFFF for supporting graphics, subheadings, or background gradients to provide a cool, electric contrast.

accent

Apply #FF33FF to highlight interactive elements or small, impactful details, offering a slightly softer yet still vibrant magenta touch.

background

Given the palette's brightness, use a deep black or dark charcoal outside the palette as a contrasting background to make all neons truly pop.

text

For optimal readability, use crisp white or a very light gray on any darker recommended backgrounds, or dark charcoal/black for text on lighter neon elements.

Accessibility notes

  • Be mindful of contrast ratios when layering bright neons from this palette; ensure text is legible against background colors.
  • Avoid using #FF00FF and #FF33FF as primary text colors on similar light backgrounds due to potential visual fatigue.
  • When using #00FFFF or #33FFFF for large areas, ensure any overlaying text has sufficient contrast, preferably dark.
  • This palette is highly saturated; consider reducing saturation slightly for extensive body text if eye strain is a concern.

Recommended combinations

Electric Fade

Create vibrant gradients for backgrounds or UI elements, blending the magentas and cyans for a smooth, glowing transition.

#FF00FF · #FF66FF · #33FFFF

Neon Pop

Excellent for graphic overlays or call-out boxes, where the bright magenta stands out against the cooler cyan tones.

#00FFFF · #FF33FF · #FF00FF

Horizon Line

Use these softer neons for subtle glow effects or layered geometric patterns, maintaining a consistent bright aesthetic.

#FF66FF · #33FFFF · #FF33FF

CSS variables

:root {
  --vaporwave-neon-horizon-1: #FF00FF;
  --vaporwave-neon-horizon-2: #00FFFF;
  --vaporwave-neon-horizon-3: #FF66FF;
  --vaporwave-neon-horizon-4: #33FFFF;
  --vaporwave-neon-horizon-5: #FF33FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "vaporwave-neon-horizon": {
        1: "#FF00FF",
        2: "#00FFFF",
        3: "#FF66FF",
        4: "#33FFFF",
        5: "#FF33FF",
      }
    }
  }
}

Related searches

bright neon color palettesynthwave horizon colorsfuturistic magenta cyanvibrant retro designelectric 80s aesthetic

Palette colors

Hex values

Color 1#FF00FF
·
Color 2#00FFFF
·
Color 3#FF66FF
·
Color 4#33FFFF
·
Color 5#FF33FF
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.5:1Fail
1.3:1Fail
2.5:1Fail
1.1:1Fail
2
2.5:1Fail
1.9:1Fail
1:1Fail
2.3:1Fail
3
1.3:1Fail
1.9:1Fail
2:1Fail
1.2:1Fail
4
2.5:1Fail
1:1Fail
2:1Fail
2.4:1Fail
5
1.1:1Fail
2.3:1Fail
1.2:1Fail
2.4:1Fail

Similar palettes

More like Vaporwave Neon Horizon

View all vibrant
Digital Synthwave Horizon
Neo Synth Grid
Neon City Glow
City Neon Pulse
Cosmic Ray Burst
Cyber City Synth