Back to palettes

Palette

Neon Grid Pulse

Blasting with electric purples and shocking pinks, this palette captures the iconic 80s synthwave vibe.

retroenergetic5 colors
More retro palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Neon Grid Pulse 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 Grid Pulse.

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

Data visualization

#A32CC4#FF00FF#00C4FF#1C1C1C#DFFF00

Palette guide

How to use Neon Grid Pulse

Overview

The Neon Grid Pulse palette is a vibrant homage to the iconic 80s synthwave era, bursting with electric purples and shocking pinks. This collection includes a rich violet (#A32CC4), intense magenta (#FF00FF), bright cyan (#00C4FF), a grounding dark charcoal (#1C1C1C), and a striking lime green (#DFFF00). It's meticulously crafted to evoke nostalgia while maintaining a modern, energetic edge. Designers and developers can leverage this palette to create immersive retro-futuristic experiences, from game interfaces to music album art, ensuring a look that is both visually captivating and deeply evocative of classic digital aesthetics.

Best used for

  • Synthwave music album covers and branding
  • Retro-themed video game interfaces
  • 80s-inspired event promotions
  • Vaporwave and cyberpunk digital art
  • Streamer overlays with a nostalgic vibe
  • Dynamic web backgrounds and animations

Suggested color roles

primary

Use #A32CC4 (Violet) for primary branding, large text, or significant background elements to establish the core synthwave feel.

secondary

Apply #FF00FF (Magenta) for interactive elements, key highlights, or to create a strong, energetic contrast.

accent

Incorporate #DFFF00 (Lime Green) for energetic accents, warnings, or glowing effects, and #00C4FF (Cyan) for cool, digital details and highlights.

background

Utilize #1C1C1C (Dark Charcoal) as the main background color, providing a solid, dark canvas that makes the neons truly pop.

text

For body text, use white or a very light gray. Headings and important information can leverage #A32CC4 or #FF00FF for a distinctive retro glow.

Accessibility notes

  • Ensure high contrast between all text and interactive elements and the #1C1C1C background to meet WCAG AA standards.
  • Avoid using highly saturated neon colors for small or dense blocks of text, as they can cause eye strain.
  • When layering neon colors, verify sufficient luminance contrast to ensure distinctness and prevent visual blending.
  • Be mindful of the intensity of these colors for users sensitive to bright visuals; offer a 'low-contrast' mode if feasible.

Recommended combinations

Synthwave Sunset

Ideal for main headers, hero sections, or backgrounds, creating a classic 80s gradient effect with a dark base.

#A32CC4 · #DFFF00 · #1C1C1C

Electric Pulse

Excellent for interactive elements, buttons, or dynamic UI components that need a vibrant, energetic pop.

#FF00FF · #00C4FF · #1C1C1C

Retro Grid

Perfect for graphic overlays, abstract patterns, or accent details, leveraging the core vibrant neons.

#A32CC4 · #FF00FF · #DFFF00

CSS variables

:root {
  --neon-grid-pulse-1: #A32CC4;
  --neon-grid-pulse-2: #FF00FF;
  --neon-grid-pulse-3: #00C4FF;
  --neon-grid-pulse-4: #1C1C1C;
  --neon-grid-pulse-5: #DFFF00;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "neon-grid-pulse": {
        1: "#A32CC4",
        2: "#FF00FF",
        3: "#00C4FF",
        4: "#1C1C1C",
        5: "#DFFF00",
      }
    }
  }
}

Related searches

synthwave color palette80s neon gridretro cyberpunkvibrant dark themepurple blue yellow

Palette colors

Hex values

Color 1#A32CC4
·
Color 2#FF00FF
·
Color 3#00C4FF
·
Color 4#1C1C1C
·
Color 5#DFFF00
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
2.8:1Fail
3:1AA18
5:1AA
2
1.8:1Fail
1.5:1Fail
5.4:1AA
2.8:1Fail
3
2.8:1Fail
1.5:1Fail
8.4:1AAA
1.8:1Fail
4
3:1AA18
5.4:1AA
8.4:1AAA
15:1AAA
5
5:1AA
2.8:1Fail
1.8:1Fail
15:1AAA

Similar palettes

More like Neon Grid Pulse

View all retro
Groovy Disco Nights
Synthwave Drive Night
Pixel Surge Glitch
Retro Sunset Dream
Electric Sunset Vapor
Fluorescent Arcade Glow