Palette

Retro Drive-in Night

Bold, bright colors against a dark background, capturing the excitement of a 50s drive-in cinema.

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

#2F2F2F#B4003E#FFC107#00C853#3F51B5

Palette guide

How to use Retro Drive-in Night

Overview

The Retro Drive-in Night palette captures the excitement of a 50s drive-in cinema with bold, bright colors against a dark background. This sophisticated retro collection features a deep charcoal (#2F2F2F), a rich deep red (#B4003E), a glowing golden yellow (#FFC107), a vibrant emerald green (#00C853), and a muted indigo-blue (#3F51B5). It's genuinely useful for designers and developers seeking to create designs that are both nostalgic and modern, with a strong emphasis on contrast and visual impact. These colors are ideal for evoking the ambiance of vintage signage at dusk, perfect for branding, digital interfaces, or compelling visual storytelling.

Best used for

Dark mode application themes
Vintage sign and marquee design
Automotive and garage branding
Music venue and concert themes
Cinematic title sequences
Urban retro graphic design

Suggested color roles

primary

Utilize #2F2F2F as a dominant, immersive background, providing a perfect canvas for glowing elements.

secondary

Employ #B4003E or #3F51B5 for strong accents, subheadings, or to define distinct sections.

accent

Apply #FFC107 or #00C853 for bright highlights, interactive elements, or to simulate neon glow effects.

background

The deep #2F2F2F is the ideal primary background, offering depth and allowing bright colors to pop vividly.

text

For optimal readability, use white or #FFC107 for text on #2F2F2F. For lighter backgrounds, use #2F2F2F or a very dark gray.

Accessibility notes

Ensure all bright colors (e.g., #FFC107, #00C853) have sufficient contrast when used for text on #2F2F2F.
The deep red #B4003E might require lighter text for good readability, especially for body copy.
Test combinations of #00C853 and #3F51B5 to ensure they meet accessibility contrast guidelines if used together.
Prioritize clear, legible typography against the dark background for all essential content.

Recommended combinations

Dark & Dramatic

Creates a bold, attention-grabbing look, perfect for headers or impactful visual elements.

#2F2F2F · #B4003E · #FFC107

Neon Signage

Ideal for glowing, urban-inspired designs, reminiscent of vintage illuminated signs.

#2F2F2F · #00C853 · #3F51B5

Retro Pop

Provides an energetic, vintage modern feel, suitable for playful and vibrant sections.

#B4003E · #FFC107 · #3F51B5

CSS variables

:root {
  --retro-drive-in-night-4-1: #2F2F2F;
  --retro-drive-in-night-4-2: #B4003E;
  --retro-drive-in-night-4-3: #FFC107;
  --retro-drive-in-night-4-4: #00C853;
  --retro-drive-in-night-4-5: #3F51B5;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "retro-drive-in-night-4": {
        1: "#2F2F2F",
        2: "#B4003E",
        3: "#FFC107",
        4: "#00C853",
        5: "#3F51B5",
      }
    }
  }
}

Hex values

Color 1#2F2F2F

Color 2#B4003E

Color 3#FFC107

Color 4#00C853

Color 5#3F51B5

Accessibility

Contrast checker

1.9:1Fail

8.2:1AAA

6:1AA

1.9:1Fail

4.3:1AA18

3.1:1AA18

1:1Fail

8.2:1AAA

4.3:1AA18

1.4:1Fail

4.2:1AA18

6:1AA

3.1:1AA18

1.4:1Fail

3.1:1AA18

1.9:1Fail

1:1Fail

4.2:1AA18

3.1:1AA18

Similar palettes

More like Retro Drive-in Night

Retro Drive-in Night

See it in context.

Ready when you are.

Built with Retro Drive-in Night.

How to use Retro Drive-in Night

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Dark & Dramatic

Neon Signage

Retro Pop

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Retro Drive-in Night