Back to palettes

Palette

Diner Mint & Chrome

A playful retro palette with cool pastels and metallic grey, reminiscent of a classic American diner.

RetroRetro5 colors
More Retro palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Diner Mint & Chrome 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 Diner Mint & Chrome.

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

Data visualization

#B0BEC5#78909C#F48FB1#E6EE9C#A1C9A8

Palette guide

How to use Diner Mint & Chrome

Overview

The "Diner Mint & Chrome" palette offers a playful and sophisticated retro vibe, perfectly capturing the essence of a classic American diner with its cool pastels and metallic greys. This collection features a light chrome grey #B0BEC5, a deeper steel grey #78909C, a charming hot pink #F48FB1, a sunny mint yellow #E6EE9C, and a refreshing mint green #A1C9A8. Designers can leverage these hues to create inviting and stylish experiences, ideal for branding, digital interfaces, or print materials that aim for a blend of vintage charm and modern cleanliness. It’s perfect for projects seeking a fresh, nostalgic aesthetic.

Best used for

  • Retro-modern cafe or restaurant branding
  • UI/UX design for vintage-inspired apps
  • Packaging for artisanal sweets or beverages
  • Lifestyle blogs with a clean, nostalgic aesthetic
  • Interior design concepts for a retro kitchen
  • Apparel and accessories with a 50s influence

Suggested color roles

primary

A refreshing mint green #A1C9A8 that provides a clean, inviting feel, excellent for main sections, headers, or key brand elements.

secondary

A playful hot pink #F48FB1 that offers a vibrant, charming contrast. Ideal for calls-to-action, highlights, or decorative flourishes.

accent

A sunny mint yellow #E6EE9C that adds a cheerful, subtle pop. Perfect for small icons, decorative lines, or soft backgrounds.

background

A light, cool chrome grey #B0BEC5 that provides a sophisticated, clean backdrop, allowing the pastel colors to shine and evoking a metallic sheen.

text

A deep, cool steel grey #78909C that ensures excellent readability against lighter backgrounds, offering a modern alternative to black for body text and subheadings.

Accessibility notes

  • #78909C (steel grey) on #B0BEC5 (light chrome grey) provides good contrast for body text.
  • Avoid using #E6EE9C (mint yellow) for small text; its contrast will be low on #B0BEC5 or #A1C9A8.
  • #F48FB1 (hot pink) text on #B0BEC5 (light chrome grey) should work for larger headings, but verify for smaller text.
  • Ensure interactive elements have distinct states, especially when using similar light pastel tones.

Recommended combinations

Retro Chrome

Branding for a sophisticated retro brand, UI elements, or sleek print designs.

#B0BEC5 · #78909C · #F48FB1

Minty Fresh

Clean, refreshing designs for health products, cafes, or lifestyle content.

#A1C9A8 · #E6EE9C · #B0BEC5

Playful Pop

Accents, illustrations, or social media graphics that need a vibrant yet balanced appeal.

#F48FB1 · #A1C9A8 · #78909C

CSS variables

:root {
  --diner-mint-chrome-1: #B0BEC5;
  --diner-mint-chrome-2: #78909C;
  --diner-mint-chrome-3: #F48FB1;
  --diner-mint-chrome-4: #E6EE9C;
  --diner-mint-chrome-5: #A1C9A8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "diner-mint-chrome": {
        1: "#B0BEC5",
        2: "#78909C",
        3: "#F48FB1",
        4: "#E6EE9C",
        5: "#A1C9A8",
      }
    }
  }
}

Related searches

retro mint green palettediner chrome colorspastel pink grey designvintage cafe aesthetic50s cool tones

Palette colors

Hex values

Color 1#B0BEC5
·
Color 2#78909C
·
Color 3#F48FB1
·
Color 4#E6EE9C
·
Color 5#A1C9A8
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
1.2:1Fail
1.5:1Fail
1:1Fail
2
1.8:1Fail
1.5:1Fail
2.7:1Fail
1.8:1Fail
3
1.2:1Fail
1.5:1Fail
1.8:1Fail
1.2:1Fail
4
1.5:1Fail
2.7:1Fail
1.8:1Fail
1.5:1Fail
5
1:1Fail
1.8:1Fail
1.2:1Fail
1.5:1Fail

Similar palettes

More like Diner Mint & Chrome

View all Retro
Bowling Alley Retro
Chrome Diner Jive
Vintage Soda Fountain
Retro Diner Vibes
Retro Diner Jukebox
Vintage Diner Jukebox