Back to palettes

Palette

Malt Shop Nostalgia

A lively and nostalgic palette inspired by the iconic primary colors and vibrant energy of a classic 1950s malt shop.

retroretro5 colors
More retro palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FFD700#D2691E#DC143C#40E0D0#8A2BE2

Palette guide

How to use Malt Shop Nostalgia

Overview

The Malt Shop Nostalgia palette is a lively and vibrant scheme, inspired by the iconic primary colors and energetic feel of a classic 1950s malt shop. This retro palette is perfect for designs that aim to evoke fun, playfulness, and a sense of vintage charm. Key colors include the cheerful `#FFD700`, the bold `#DC143C`, and the refreshing `#40E0D0`. It offers a high-contrast and spirited aesthetic, ideal for capturing a bygone era with a modern twist. Designers can use this palette to create engaging and memorable visuals, while developers will find its distinct colors excellent for clear and joyful user interfaces.

Best used for

  • Retro diner branding and restaurant menus
  • Children's product packaging and toys
  • Vintage-themed events and party invitations
  • Playful website designs and landing pages
  • Creative advertising campaigns and posters
  • Casual dining restaurants and food trucks

Suggested color roles

primary

Utilize `#DC143C` as the bold, classic red, suitable for primary branding elements, headings, or key calls-to-action that demand attention.

secondary

Employ `#FFD700` as a bright, cheerful yellow, perfect for supporting elements, backgrounds, or to add a sunny, optimistic touch.

accent

Apply `#40E0D0` (turquoise) or `#8A2BE2` (purple) as playful, unexpected accents, ideal for small details, interactive elements, or to add a quirky flair.

background

Consider white or a light cream for a classic, clean background, or use `#FFD700` for a bold and energetic statement. Ensure good contrast with text.

text

For optimal readability, use black or a dark charcoal for text on lighter backgrounds. On darker colors like `#DC143C`, use white or `#FFD700` for striking contrast.

Accessibility notes

  • Ensure black or dark charcoal text has sufficient contrast on `#FFD700` to meet WCAG AA standards.
  • White text is crucial on `#DC143C`, `#D2691E`, and `#8A2BE2` for optimal readability.
  • Avoid low contrast pairings, such as yellow text on light backgrounds or similar mid-tones.
  • The vibrant nature of the palette means careful consideration of color combinations to prevent visual fatigue.

Recommended combinations

Classic Diner

Creates an instantly recognizable retro vibe, perfect for branding, hero sections, or playful layouts.

#FFD700 · #DC143C · #40E0D0

Retro Pop

Ideal for dynamic elements or illustrations, combining the unexpected turquoise and purple with a warm orange for a quirky twist.

#D2691E · #40E0D0 · #8A2BE2

Vibrant Fun

Excellent for high-impact headlines or call-to-action buttons, leveraging the bold red and yellow with strong black text.

#DC143C · #FFD700 · #40E0D0

CSS variables

:root {
  --malt-shop-nostalgia-1: #FFD700;
  --malt-shop-nostalgia-2: #D2691E;
  --malt-shop-nostalgia-3: #DC143C;
  --malt-shop-nostalgia-4: #40E0D0;
  --malt-shop-nostalgia-5: #8A2BE2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "malt-shop-nostalgia": {
        1: "#FFD700",
        2: "#D2691E",
        3: "#DC143C",
        4: "#40E0D0",
        5: "#8A2BE2",
      }
    }
  }
}

Related searches

1950s diner colorsretro pop art palettevintage malt shop themeplayful primary colorsvibrant nostalgic aesthetic

Palette colors

Hex values

Color 1#FFD700
·
Color 2#D2691E
·
Color 3#DC143C
·
Color 4#40E0D0
·
Color 5#8A2BE2
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.6:1Fail
3.6:1AA18
1.2:1Fail
4.2:1AA18
2
2.6:1Fail
1.4:1Fail
2.2:1Fail
1.6:1Fail
3
3.6:1AA18
1.4:1Fail
3:1AA18
1.2:1Fail
4
1.2:1Fail
2.2:1Fail
3:1AA18
3.6:1AA18
5
4.2:1AA18
1.6:1Fail
1.2:1Fail
3.6:1AA18

Similar palettes

More like Malt Shop Nostalgia

View all retro
Fifties Diner Jive
Juke Joint Jive
Jukebox Diner Hues
Retro Diner Jukebox
Retro Diner Shake
Cherry Malt Swirl