Palette

Synthwave Grid Glow

An electrifying palette inspired by retro-futuristic landscapes and neon-drenched synthwave aesthetics from the 80s.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Synthwave Grid Glow 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 Synthwave Grid Glow.

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

Data visualization

#0D1317#3A0CA3#7209B7#F72585#4361EE

Palette guide

How to use Synthwave Grid Glow

Overview

The Synthwave Grid Glow palette is an electrifying scheme inspired by retro-futuristic landscapes and neon-drenched synthwave aesthetics from the 80s. It features a very dark, grounding charcoal #0D1317, which provides a dramatic backdrop for the vibrant #3A0CA3 indigo and the striking #7209B7 purple. Energetic pops come from the intense #F72585 hot pink and the bright #4361EE electric blue. This palette is perfect for designers and developers aiming to create immersive digital environments, evoking both nostalgia and cutting-edge modernity. It's a powerful choice for projects that demand a strong visual identity and a dynamic, glowing appeal.

Best used for

Cyberpunk game UI and virtual reality interfaces
Virtual event graphics and digital art installations
Tech startup branding with a retro-futuristic edge
Animated short films and motion graphics
Streetwear and urban fashion designs
Interactive digital experiences and websites

Suggested color roles

primary

Utilize #0D1317 as a very dark charcoal, providing a stable and sophisticated base for backgrounds or foundational elements.

secondary

Employ #3A0CA3 as a deep indigo, adding atmospheric depth and guiding the eye through the composition.

accent

Leverage #F72585 for hot pink, energetic pops, calls to action, or prominent graphic elements that demand immediate attention.

background

Apply #0D1317 as the primary background, creating a dark, intriguing canvas that enhances the luminosity of the brighter colors.

text

Use #4361EE for electric blue text on dark backgrounds, or a crisp white or light gray for general body copy to ensure optimal readability.

Accessibility notes

Ensure #F72585 and #4361EE have sufficient contrast against #0D1317 for all text and UI elements (WCAG AA).
Avoid using #3A0CA3 on #7209B7 for small text, as the contrast might be too low for optimal readability.
For critical information, consider larger font sizes or bolder weights when pairing neon colors on darker backgrounds.
Always verify color contrast ratios with a WCAG compliance checker to meet accessibility standards.

Recommended combinations

Grid Night

A dark, immersive base with a deep indigo undercurrent and a hot pink pulse for key elements and glowing lines.

#0D1317 · #3A0CA3 · #F72585

Electric Grid

Bright blue and mid-purple accents on a dark canvas, perfect for highlighting pathways or interactive elements.

#4361EE · #7209B7 · #0D1317

Retro Pulse

Layered neon effect, combining pink, indigo, and blue for dynamic graphic overlays and artistic compositions.

#F72585 · #3A0CA3 · #4361EE

CSS variables

:root {
  --synthwave-grid-glow-1: #0D1317;
  --synthwave-grid-glow-2: #3A0CA3;
  --synthwave-grid-glow-3: #7209B7;
  --synthwave-grid-glow-4: #F72585;
  --synthwave-grid-glow-5: #4361EE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "synthwave-grid-glow": {
        1: "#0D1317",
        2: "#3A0CA3",
        3: "#7209B7",
        4: "#F72585",
        5: "#4361EE",
      }
    }
  }
}

Hex values

Color 1#0D1317

Color 2#3A0CA3

Color 3#7209B7

Color 4#F72585

Color 5#4361EE

Accessibility

Contrast checker

1.6:1Fail

2.2:1Fail

5:1AA

3.7:1AA18

1.6:1Fail

1.4:1Fail

3.2:1AA18

2.4:1Fail

2.2:1Fail

1.4:1Fail

2.3:1Fail

1.7:1Fail

5:1AA

3.2:1AA18

2.3:1Fail

1.3:1Fail

3.7:1AA18

2.4:1Fail

1.7:1Fail

1.3:1Fail

Similar palettes

More like Synthwave Grid Glow

Synthwave Cyber Glitch

Vaporwave Synth Night