Back to palettes

Palette

Retro Diner Booth

Bold and cheerful colors reminiscent of classic 1950s diners, complete with bright booths and neon signs.

vibrantretro5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Retro Diner Booth 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 Diner Booth.

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

Data visualization

#C70039#FF5733#FFC300#8FBC8F#4B0082

Palette guide

How to use Retro Diner Booth

Overview

The Retro Diner Booth palette is a lively, playful collection that perfectly captures the bold and cheerful spirit of 1950s diners. With a striking Crimson (#C70039), an energetic Orange (#FF5733), and a sunny Gold (#FFC300), these colors burst with vintage charm. A calming DarkSeaGreen (#8FBC8F) introduces a unique, unexpected twist, while a deep DarkViolet (#4B0082) adds a touch of dramatic flair, reminiscent of neon signs or rich upholstery. This palette is ideal for designers seeking to infuse projects with a vibrant, slightly quirky retro aesthetic, perfect for branding, digital art, or any application needing a strong, memorable visual identity.

Best used for

  • Playful retro branding
  • Vintage-themed app interfaces
  • Children's entertainment media
  • Event promotions with a fun vibe
  • Digital illustrations and comics
  • Creative product packaging

Suggested color roles

primary

Use #C70039 (Crimson) for strong brand presence, main calls to action, or key headlines, demanding attention with retro appeal.

secondary

Apply #FF5733 (Orange) for complementary information, secondary buttons, or energetic visual accents, adding warmth and dynamism.

accent

Leverage #FFC300 (Gold) for highlights, decorative details, or elements that need to pop with a cheerful, inviting glow.

background

Employ #8FBC8F (DarkSeaGreen) as a unique, calming background for content, offering a fresh contrast to the warmer hues and enhancing readability.

text

Utilize #4B0082 (DarkViolet) for sophisticated body text on lighter backgrounds, or a crisp black for general readability, adding depth and a touch of unexpected elegance.

Accessibility notes

  • Ensure #4B0082 text on #8FBC8F background provides sufficient contrast; a darker neutral might be better for body text.
  • The bright colors (#C70039, #FF5733, #FFC300) offer good contrast against #8FBC8F for headlines.
  • Avoid using #FFC300 for small text on lighter backgrounds due to potential readability issues.
  • Consider using white or a very light gray for text on #C70039 or #4B0082 to ensure optimal contrast.

Recommended combinations

Vibrant Pop

Dynamic layouts, contrasting elements, and attention-grabbing calls to action for a cheerful feel.

#C70039 · #FF5733 · #8FBC8F

Neon Glow

Creating striking visual accents, neon-inspired text, or bold graphic elements with high contrast.

#C70039 · #FFC300 · #4B0082

Playful Balance

Illustrations, secondary content blocks, and UI elements that combine warmth with a unique, deeper tone.

#FF5733 · #8FBC8F · #4B0082

CSS variables

:root {
  --retro-diner-booth-9-1: #C70039;
  --retro-diner-booth-9-2: #FF5733;
  --retro-diner-booth-9-3: #FFC300;
  --retro-diner-booth-9-4: #8FBC8F;
  --retro-diner-booth-9-5: #4B0082;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "retro-diner-booth-9": {
        1: "#C70039",
        2: "#FF5733",
        3: "#FFC300",
        4: "#8FBC8F",
        5: "#4B0082",
      }
    }
  }
}

Related searches

playful retro color scheme1950s diner vibrant palettebold vintage colorsred orange gold green purple palettequirky retro design colors

Palette colors

Hex values

Color 1#C70039
·
Color 2#FF5733
·
Color 3#FFC300
·
Color 4#8FBC8F
·
Color 5#4B0082
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
3.7:1AA18
2.8:1Fail
2.2:1Fail
2
1.9:1Fail
2:1Fail
1.5:1Fail
4.1:1AA18
3
3.7:1AA18
2:1Fail
1.3:1Fail
8.1:1AAA
4
2.8:1Fail
1.5:1Fail
1.3:1Fail
6:1AA
5
2.2:1Fail
4.1:1AA18
8.1:1AAA
6:1AA

Similar palettes

More like Retro Diner Booth

View all vibrant
Retro Diner Chic
Retro Diner Booth
Retro Diner Glaze
Retro Diner Glow
Retro Diner Glow
Retro Diner Glow