Back to palettes

Palette

Retro Drive-in Night

Bold, electric colors reminiscent of vintage drive-in movie theaters and classic diner signs at dusk.

VibrantRetro5 colors
More Vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF0054#FFA300#18FF6E#000000#2F2F2F

Palette guide

How to use Retro Drive-in Night

Overview

The Retro Drive-in Night palette features bold, electric colors reminiscent of vintage drive-in movie theaters and classic diner signs at dusk. This intensely vibrant and dark collection includes an electric pink (#FF0054), a bright orange (#FFA300), a vivid green (#18FF6E), pure black (#000000), and a deep charcoal (#2F2F2F). It's genuinely useful for designers and developers aiming for a high-energy, modern retro, or cyberpunk aesthetic. The extreme contrast between the dark bases and the glowing neon accents makes this palette perfect for creating dynamic, eye-catching designs that pop with a futuristic vintage flair across digital platforms and print media.

Best used for

  • Nightclub and bar branding
  • Futuristic UI/UX design
  • Synthwave album art
  • Streetwear and fashion design
  • Concert visuals and motion graphics
  • Cyberpunk-themed projects

Suggested color roles

primary

Utilize #000000 as a dominant, immersive background, providing maximum contrast for the neon accents.

secondary

Employ #FF0054 or #FFA300 for striking visual elements, main headings, or energetic call-to-actions.

accent

Apply #18FF6E for vivid highlights, glowing lines, or interactive elements to create a strong visual punch.

background

Pure #000000 serves as the primary background, offering a deep, cinematic setting. #2F2F2F provides a slightly softer dark alternative.

text

For optimal readability, use #FFA300 or white for text on #000000 or #2F2F2F. Black text is suitable for any lighter background (if introduced).

Accessibility notes

  • All bright colors (e.g., #FF0054, #FFA300, #18FF6E) offer excellent contrast against #000000 and #2F2F2F.
  • Avoid using these bright, saturated colors as primary text colors for long blocks of copy to prevent eye strain.
  • Ensure sufficient contrast when pairing any of the bright colors with each other, for example, #FF0054 on #FFA300.
  • Prioritize clear, sans-serif fonts for optimal legibility within this high-contrast palette.

Recommended combinations

Neon Burst

Creates the ultimate high-contrast neon effect, perfect for bold statements and visual impact.

#000000 · #FF0054 · #18FF6E

Warm Glow

Ideal for creating a warm, inviting glow against a dark backdrop, suitable for secondary elements.

#2F2F2F · #FFA300 · #FF0054

Electric Trio

Use these three together for a full spectrum of vibrant pop, great for energetic illustrations or graphics.

#FF0054 · #FFA300 · #18FF6E

CSS variables

:root {
  --retro-drive-in-night-1: #FF0054;
  --retro-drive-in-night-2: #FFA300;
  --retro-drive-in-night-3: #18FF6E;
  --retro-drive-in-night-4: #000000;
  --retro-drive-in-night-5: #2F2F2F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "retro-drive-in-night": {
        1: "#FF0054",
        2: "#FFA300",
        3: "#18FF6E",
        4: "#000000",
        5: "#2F2F2F",
      }
    }
  }
}

Related searches

neon retro palettedark futuristic colors80s cyberpunk themevibrant night aestheticdrive-in movie neon

Palette colors

Hex values

Color 1#FF0054
·
Color 2#FFA300
·
Color 3#18FF6E
·
Color 4#000000
·
Color 5#2F2F2F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
2.9:1Fail
5.4:1AA
3.4:1AA18
2
1.9:1Fail
1.5:1Fail
10.5:1AAA
6.7:1AA
3
2.9:1Fail
1.5:1Fail
15.6:1AAA
9.9:1AAA
4
5.4:1AA
10.5:1AAA
15.6:1AAA
1.6:1Fail
5
3.4:1AA18
6.7:1AA
9.9:1AAA
1.6:1Fail

Similar palettes

More like Retro Drive-in Night

View all Vibrant
Retro Drive-in Night
Neon Arcade Buzz
Retro Diner Jukebox
Retro Neon Dream
Retro Pixel Glitch
Retrowave Grid