Back to palettes

Palette

Retro Diner Booth

Classic Americana colors; bright reds, yellows, and cool blues found in a vintage diner.

retroretro5 colors
More retro 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

#B22222#FF4500#F0E68C#00BFFF#808080

Palette guide

How to use Retro Diner Booth

Overview

The Retro Diner Booth palette is a vibrant homage to classic Americana, blending strong primary and secondary hues for a nostalgic feel. Featuring the bold red of Firebrick (#B22222), the energetic orange of OrangeRed (#FF4500), and the sunny yellow of Khaki (#F0E68C), this palette instantly evokes a 1950s diner. A striking DeepSkyBlue (#00BFFF) adds a playful contrast, while a neutral Gray (#808080) provides balance, perfect for chrome accents or understated backgrounds. Designers can leverage this combination to create lively, inviting interfaces and branding that feel both retro and fresh, suitable for entertainment, food service, or playful digital experiences.

Best used for

  • Retro-themed restaurant branding
  • Vintage event invitations
  • Mobile game interfaces
  • Children's book illustrations
  • Nostalgic website designs
  • Pop art inspired graphics

Suggested color roles

primary

Use #B22222 (Firebrick) for main calls to action, prominent headings, or brand accents that demand attention, reflecting classic diner booths.

secondary

Apply #FF4500 (OrangeRed) for secondary buttons, highlighted information, or complementary graphical elements, adding warmth and energy.

accent

Leverage #00BFFF (DeepSkyBlue) for interactive elements, hover states, or small decorative details to provide a cool, playful pop against warmer tones.

background

Utilize #F0E68C (Khaki) as a soft, warm background color that provides a vintage canvas without being overwhelming, suitable for larger content areas.

text

Employ #808080 (Gray) for body text on lighter backgrounds or as a subtle alternative to black, offering good readability while maintaining the retro aesthetic.

Accessibility notes

  • Ensure sufficient contrast when using #808080 for text on #F0E68C; a darker gray or black might be needed for body text.
  • #B22222 and #FF4500 are vibrant; use them carefully for large blocks of text to avoid eye strain.
  • #00BFFF provides strong contrast against #B22222 or #FF4500 for interactive elements but check for WCAG AA compliance.
  • Consider using a very dark gray or black for primary text on #F0E68C to guarantee readability for all users.

Recommended combinations

Diner Pop

Bold headers, interactive buttons, and light content areas for a playful, high-contrast look.

#B22222 · #00BFFF · #F0E68C

Retro Glow

Emphasize warm elements, vintage illustrations, and chrome-like details for a classic ambiance.

#FF4500 · #F0E68C · #808080

Vibrant Contrast

Dynamic call-to-action buttons, vibrant iconography, or attention-grabbing infographics.

#B22222 · #FF4500 · #00BFFF

CSS variables

:root {
  --retro-diner-booth-4-1: #B22222;
  --retro-diner-booth-4-2: #FF4500;
  --retro-diner-booth-4-3: #F0E68C;
  --retro-diner-booth-4-4: #00BFFF;
  --retro-diner-booth-4-5: #808080;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "retro-diner-booth-4": {
        1: "#B22222",
        2: "#FF4500",
        3: "#F0E68C",
        4: "#00BFFF",
        5: "#808080",
      }
    }
  }
}

Related searches

vintage diner color scheme1950s retro paletteclassic american colorsfirebrick orange blue yellow graymid-century modern colors

Palette colors

Hex values

Color 1#B22222
·
Color 2#FF4500
·
Color 3#F0E68C
·
Color 4#00BFFF
·
Color 5#808080
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
5.2:1AA
3.1:1AA18
1.7:1Fail
2
1.9:1Fail
2.7:1Fail
1.6:1Fail
1.1:1Fail
3
5.2:1AA
2.7:1Fail
1.7:1Fail
3.1:1AA18
4
3.1:1AA18
1.6:1Fail
1.7:1Fail
1.9:1Fail
5
1.7:1Fail
1.1:1Fail
3.1:1AA18
1.9:1Fail

Similar palettes

More like Retro Diner Booth

View all retro
Retro Diner Pop
Diner Booth Classic
Retro Diner Blues
Space Age Diner
Atomic Age Vibe
Cherry Malt Swirl