Back to palettes

Palette

Vintage Malt Shop

A nostalgic blend of reds, creams, and browns reminiscent of classic American malt shops.

retroretro5 colors
More retro palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Vintage Malt Shop 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 Vintage Malt Shop.

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

Data visualization

#A52A2A#F5DEB3#8B4513#DAA520#F0F8FF

Palette guide

How to use Vintage Malt Shop

Overview

The Vintage Malt Shop palette is a vibrant and nostalgic collection that perfectly captures the lively spirit of classic American diners. Featuring a bold red, #A52A2A, paired with creamy #F5DEB3 and crisp #F0F8FF, alongside rich brown #8B4513 and golden yellow #DAA520, this palette is brimming with retro charm. It's an energetic mix that evokes milkshakes, jukeboxes, and checkered floors, making it ideal for designs that aim for a playful, energetic, and distinctly vintage aesthetic. Designers can leverage this palette to create engaging experiences in branding, digital interfaces, and promotional materials that demand attention and a sense of fun.

Best used for

  • Retro diner or restaurant branding
  • Event promotions for 50s-themed parties
  • Children's product packaging with a vintage twist
  • Food and beverage marketing materials
  • Casual gaming interfaces or mobile apps
  • Website designs seeking a playful, retro feel

Suggested color roles

primary

Utilize the bold #A52A2A for strong branding, calls-to-action, or main headers to convey energy and excitement.

secondary

Employ #F5DEB3 or #F0F8FF as clean backgrounds, providing a soft contrast to the bolder colors and a canvas for content.

accent

The golden #DAA520 or rich #8B4513 can be used for playful accents, highlights, or secondary buttons, adding depth and warmth.

background

The light and airy #F0F8FF is ideal for main backgrounds, offering a fresh canvas. #F5DEB3 can be used for warmer background sections.

text

For body text, use the deep #8B4513 or #A52A2A against lighter backgrounds like #F0F8FF or #F5DEB3 for excellent readability. Black can also be used for maximum contrast.

Accessibility notes

  • Ensure high contrast when using #A52A2A or #8B4513 for text on light backgrounds like #F5DEB3 or #F0F8FF.
  • Avoid placing #DAA520 text on #F5DEB3 or #F0F8FF backgrounds without careful contrast checking, as it may not meet WCAG AA standards.
  • Use distinct visual cues in addition to color for interactive elements, especially when using the red and yellow.
  • For critical information, prioritize dark text on light backgrounds to ensure maximum readability.

Recommended combinations

Diner Classic

Bold red (#A52A2A) for headers, crisp background (#F0F8FF), with a deep brown (#8B4513) for text.

#A52A2A · #F0F8FF · #8B4513

Malt Shake

Creamy background (#F5DEB3) with golden accents (#DAA520) and a pop of red (#A52A2A) for calls-to-action.

#F5DEB3 · #DAA520 · #A52A2A

Retro Signage

Deep brown (#8B4513) with bright yellow (#DAA520) for text/graphics, on a clean light background (#F0F8FF).

#8B4513 · #DAA520 · #F0F8FF

CSS variables

:root {
  --vintage-malt-shop-1: #A52A2A;
  --vintage-malt-shop-2: #F5DEB3;
  --vintage-malt-shop-3: #8B4513;
  --vintage-malt-shop-4: #DAA520;
  --vintage-malt-shop-5: #F0F8FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "vintage-malt-shop": {
        1: "#A52A2A",
        2: "#F5DEB3",
        3: "#8B4513",
        4: "#DAA520",
        5: "#F0F8FF",
      }
    }
  }
}

Related searches

retro diner color scheme50s aesthetic palettevintage red and creammalt shop colorsplayful retro branding

Palette colors

Hex values

Color 1#A52A2A
·
Color 2#F5DEB3
·
Color 3#8B4513
·
Color 4#DAA520
·
Color 5#F0F8FF
·

Accessibility

Contrast checker

1
2
3
4
5
1
5.4:1AA
1:1Fail
3.2:1AA18
6.6:1AA
2
5.4:1AA
5.4:1AA
1.7:1Fail
1.2:1Fail
3
1:1Fail
5.4:1AA
3.2:1AA18
6.6:1AA
4
3.2:1AA18
1.7:1Fail
3.2:1AA18
2.1:1Fail
5
6.6:1AA
1.2:1Fail
6.6:1AA
2.1:1Fail

Similar palettes

More like Vintage Malt Shop

View all retro
Cherry Malt Swirl
Diner Booth Classic
Retro Diner Blues
Retro Diner Booth
Retro Diner Pop
Chrome Soda Fountain