Back to palettes

Palette

Synthwave Drive Night

Bold and electric hues reminiscent of a pulsating synthwave soundtrack under a futuristic neon night.

retroretro5 colors
More retro palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Synthwave Drive Night 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 Drive Night.

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

Data visualization

#8A2BE2#FF1493#00BFFF#7FFF00#4B0082

Palette guide

How to use Synthwave Drive Night

Overview

The Synthwave Drive Night palette features bold and electric hues reminiscent of a pulsating synthwave soundtrack under a futuristic neon night. It's built on a deep indigo base of #4B0082, with a vibrant #8A2BE2 purple adding atmospheric depth. Energetic pops come from the striking #FF1493 hot pink, the bright #00BFFF sky blue, and the intense #7FFF00 lime green. This palette is perfect for designers and developers aiming to capture the exhilarating essence of a late-night drive through a neon-drenched cityscape. It's a dynamic and unforgettable choice for projects that demand high energy and a distinct retro-futuristic appeal.

Best used for

  • Driving game themes and arcade aesthetics
  • Electronic music album covers and singles
  • Event lighting design and visual projections
  • Fashion accessories and streetwear designs
  • Dynamic web graphics and streaming overlays
  • Retro racing game interfaces and assets

Suggested color roles

primary

Utilize #4B0082 as a deep indigo, serving as a mysterious and stable base for backgrounds or foundational elements.

secondary

Employ #8A2BE2 as a vibrant purple, adding atmospheric depth and guiding the eye through the composition.

accent

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

background

Apply #4B0082 as the primary background, creating a dark, rich canvas that makes the bright neons truly stand out.

text

Use #00BFFF for bright blue text on dark backgrounds, or a crisp white or light gray for general body copy to ensure optimal readability.

Accessibility notes

  • Ensure #00BFFF and #7FFF00 have strong contrast against #4B0082 for all text and UI elements (WCAG AA).
  • Avoid placing #FF1493 on #8A2BE2 for small text, as the contrast might be insufficient for readability.
  • For critical information, consider larger font sizes or bolder weights when using neon colors on dark backgrounds.
  • Always verify color contrast ratios with a WCAG compliance checker to meet accessibility standards.

Recommended combinations

Night Drive

A deep indigo base with a vibrant purple undertone and a hot pink accent for energetic focus and depth.

#4B0082 · #8A2BE2 · #FF1493

Electric Road

Bright blue and lime green accents on a dark canvas, perfect for highlighting pathways or interactive elements.

#00BFFF · #7FFF00 · #4B0082

Retro Glow

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

#FF1493 · #8A2BE2 · #00BFFF

CSS variables

:root {
  --synthwave-drive-night-1: #8A2BE2;
  --synthwave-drive-night-2: #FF1493;
  --synthwave-drive-night-3: #00BFFF;
  --synthwave-drive-night-4: #7FFF00;
  --synthwave-drive-night-5: #4B0082;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "synthwave-drive-night": {
        1: "#8A2BE2",
        2: "#FF1493",
        3: "#00BFFF",
        4: "#7FFF00",
        5: "#4B0082",
      }
    }
  }
}

Related searches

synthwave car aesthetic80s neon driveretro game palettecyberpunk night colorsvibrant electric palette

Palette colors

Hex values

Color 1#8A2BE2
·
Color 2#FF1493
·
Color 3#00BFFF
·
Color 4#7FFF00
·
Color 5#4B0082
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.8:1Fail
4.6:1AA
2.2:1Fail
2
1.6:1Fail
1.7:1Fail
2.8:1Fail
3.6:1AA18
3
2.8:1Fail
1.7:1Fail
1.6:1Fail
6.1:1AA
4
4.6:1AA
2.8:1Fail
1.6:1Fail
10:1AAA
5
2.2:1Fail
3.6:1AA18
6.1:1AA
10:1AAA

Similar palettes

More like Synthwave Drive Night

View all retro
Classic Diner Melody
Diner Booth Nostalgia
Fifties Diner Jive
Groovy Sunset Ride
Malt Shop Nostalgia
Neon Grid Pulse