Back to palettes

Palette

Retro Diner Chrome

Cool grays of chrome appliances paired with soft, classic pastel tones from a nostalgic 50s diner.

retroretro5 colors
More retro palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E0E0E0#C2C2C2#A5A5A5#B0E0E6#FFB6C1

Palette guide

How to use Retro Diner Chrome

Overview

The Retro Diner Chrome palette offers a refreshing, softer take on the classic diner aesthetic, moving away from bold primaries to embrace cool grays and delicate pastels. It features a range of polished grays, from the light #E0E0E0 to the deeper #A5A5A5, perfectly capturing the gleam of chrome appliances. Soft PowderBlue (#B0E0E6) and a gentle LightPink (#FFB6C1) introduce a charming, nostalgic warmth, reminiscent of pastel uniforms or decor. This palette is ideal for designers seeking to evoke a subtle, elegant vintage feel, perfect for projects that require a sophisticated touch without sacrificing retro charm, such as upscale branding, delicate UI, or serene editorial designs.

Best used for

  • Elegant retro branding
  • Vintage-inspired wedding invitations
  • Spa and wellness website design
  • Boutique fashion lookbooks
  • Soft interior design concepts
  • Photography portfolios with a classic touch

Suggested color roles

primary

Use #A5A5A5 (Medium Gray) for main structural elements, typography, or backgrounds that require a sophisticated, grounded feel.

secondary

Apply #B0E0E6 (PowderBlue) for soft accents, interactive elements, or backgrounds that provide a cool, airy, and inviting touch.

accent

Leverage #FFB6C1 (LightPink) for delicate highlights, subtle calls to action, or decorative elements that add a touch of charming warmth.

background

Employ #E0E0E0 (Light Gray) as a clean, expansive background, offering a bright and neutral canvas for content, enhancing readability.

text

Utilize #C2C2C2 (Silver) for secondary text or subtle details on darker backgrounds, or a dark charcoal/black for primary body text on #E0E0E0 for optimal readability.

Accessibility notes

  • For primary body text on #E0E0E0, use a dark charcoal or black instead of #C2C2C2 to ensure WCAG AA readability.
  • Ensure sufficient contrast when using #B0E0E6 or #FFB6C1 for text on #E0E0E0; they are best for larger headings or accents.
  • The gray tones provide good contrast with each other for subtle visual hierarchies.
  • Consider using white text only on the darkest gray (#A5A5A5) for optimal contrast.

Recommended combinations

Chrome & Pastel

Clean layouts, subtle interactive elements, and backgrounds that evoke a polished, serene vintage atmosphere.

#A5A5A5 · #B0E0E6 · #E0E0E0

Soft Glow

Delicate highlights, feminine branding, and soft textural elements for a gentle, inviting feel.

#FFB6C1 · #E0E0E0 · #C2C2C2

Muted Elegance

Subtle visual interest, layered graphic elements, or branding that combines warmth with cool sophistication.

#A5A5A5 · #FFB6C1 · #B0E0E6

CSS variables

:root {
  --retro-diner-chrome-1: #E0E0E0;
  --retro-diner-chrome-2: #C2C2C2;
  --retro-diner-chrome-3: #A5A5A5;
  --retro-diner-chrome-4: #B0E0E6;
  --retro-diner-chrome-5: #FFB6C1;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "retro-diner-chrome": {
        1: "#E0E0E0",
        2: "#C2C2C2",
        3: "#A5A5A5",
        4: "#B0E0E6",
        5: "#FFB6C1",
      }
    }
  }
}

Related searches

retro pastel color schemevintage chrome palette50s soft colorsgray blue pink aestheticelegant diner colors

Palette colors

Hex values

Color 1#E0E0E0
·
Color 2#C2C2C2
·
Color 3#A5A5A5
·
Color 4#B0E0E6
·
Color 5#FFB6C1
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.9:1Fail
1.1:1Fail
1.3:1Fail
2
1.3:1Fail
1.4:1Fail
1.2:1Fail
1.1:1Fail
3
1.9:1Fail
1.4:1Fail
1.7:1Fail
1.5:1Fail
4
1.1:1Fail
1.2:1Fail
1.7:1Fail
1.2:1Fail
5
1.3:1Fail
1.1:1Fail
1.5:1Fail
1.2:1Fail

Similar palettes

More like Retro Diner Chrome

View all retro
Chrome Soda Fountain
Juke Joint Jive
Jukebox Diner Hues
Malt Shop Nostalgia
Mid-Century Mod Blush
Retro Diner Blues