Back to palettes

Palette

Neon Dream Sequence

An electrifying array of magenta, cyan, and glowing yellow, straight out of an 80s sci-fi dream.

vibrantretro5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Neon Dream Sequence 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 Dream Sequence.

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

Data visualization

#FF00FF#00FFFF#FFD700#800080#39FF14

Palette guide

How to use Neon Dream Sequence

Overview

The Neon Dream Sequence palette is an electrifying array of magenta, cyan, and glowing yellow, straight out of an 80s sci-fi dream. With #FF00FF (magenta), #00FFFF (cyan), #FFD700 (gold), #800080 (deep purple), and #39FF14 (lime green), this palette captures the essence of synthwave and retro-futuristic aesthetics. The deep purple provides a perfect moody base for the brilliant neon accents, allowing designers to create stunning visual narratives. It's an excellent choice for projects requiring a vibrant, nostalgic, and slightly surreal atmosphere, from digital art to branding.

Best used for

  • Synthwave and vaporwave album covers and art
  • 80s retro sci-fi game aesthetics
  • Music visualizers and concert graphics
  • Branding for retro-themed products or events
  • Digital illustrations with glowing light effects
  • Creative coding projects and interactive installations

Suggested color roles

primary

Use #800080 as the foundational dark background, providing a rich, deep base for the vibrant neons.

secondary

No distinct secondary; rely on the bright accents for all supporting visual elements.

accent

Deploy #FF00FF, #00FFFF, #FFD700, and #39FF14 for all highlights, interactive states, and key visual elements.

background

The deep #800080 (purple) is ideal as the main background, creating a mysterious yet vibrant canvas.

text

For primary text on #800080, #FFD700 or #00FFFF offer excellent readability for headlines. Use bright white or a light gray for body text.

Accessibility notes

  • Ensure #FFD700 and #39FF14 text on #800080 backgrounds meets WCAG AA contrast ratios.
  • Be cautious using #FF00FF or #00FFFF for small body text on #800080; larger sizes are preferable.
  • Avoid overly intricate patterns with multiple neon colors to prevent visual strain.
  • Provide clear hover/focus states for interactive elements that utilize these vibrant hues.

Recommended combinations

Synthwave Sunset

Hero sections: #800080 background, #FF00FF for main title, #00FFFF for glowing details.

#800080 · #FF00FF · #00FFFF

Retro Neon

UI elements: #800080 for card, #FFD700 for icon, #39FF14 for active indicator.

#800080 · #FFD700 · #39FF14

Dream Glow

Gradients: #800080 base, with #FF00FF and #FFD700 creating a luminous, dreamy transition.

#FF00FF · #FFD700 · #800080

CSS variables

:root {
  --neon-dream-sequence-1: #FF00FF;
  --neon-dream-sequence-2: #00FFFF;
  --neon-dream-sequence-3: #FFD700;
  --neon-dream-sequence-4: #800080;
  --neon-dream-sequence-5: #39FF14;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "neon-dream-sequence": {
        1: "#FF00FF",
        2: "#00FFFF",
        3: "#FFD700",
        4: "#800080",
        5: "#39FF14",
      }
    }
  }
}

Related searches

80s synthwave colorsretro sci-fi palettevaporwave aesthetic schememagenta cyan gold designdreamy neon gradient

Palette colors

Hex values

Color 1#FF00FF
·
Color 2#00FFFF
·
Color 3#FFD700
·
Color 4#800080
·
Color 5#39FF14
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.5:1Fail
2.2:1Fail
3:1AA18
2.3:1Fail
2
2.5:1Fail
1.1:1Fail
7.5:1AAA
1.1:1Fail
3
2.2:1Fail
1.1:1Fail
6.7:1AA
1:1Fail
4
3:1AA18
7.5:1AAA
6.7:1AA
6.9:1AA
5
2.3:1Fail
1.1:1Fail
1:1Fail
6.9:1AA

Similar palettes

More like Neon Dream Sequence

View all vibrant
Retro Glow Grid
Synthwave Sunset
Electric Grapevine
Electric Synthwave Drive
Neon Synthwave Pulse
Synthwave Horizon Glitch