Back to palettes

Palette

Retro Diner Kitsch

A nostalgic palette featuring soft pastels and cool greys, evoking the charming kitsch of a 1950s diner.

pastelretro5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FFB6C1#87CEFA#FAFAD2#90EE90#D3D3D3

Palette guide

How to use Retro Diner Kitsch

Overview

The "Retro Diner Kitsch" palette offers a delightful dip into the whimsical charm of a 1950s diner, focusing on soft pastels and gentle neutrals. This scheme features a sweet pastel pink (#FFB6C1), a calming sky blue (#87CEFA), a creamy off-white (#FAFAD2), a fresh mint green (#90EE90), and a versatile light grey (#D3D3D3). It's an ideal choice for designers and developers aiming to create projects that are playful, inviting, and infused with a nostalgic, lighthearted character. Use these hues to evoke a sense of innocent fun and vintage charm.

Best used for

  • Children's product branding and packaging
  • Whimsical illustration and graphic design
  • Dessert shop or cafe branding
  • UI/UX design for lighthearted apps
  • Craft and DIY project aesthetics
  • Nostalgic event invitations

Suggested color roles

primary

Designate #FFB6C1 (Pastel Pink) for soft, inviting elements, brand accents, or areas requiring a touch of sweetness.

secondary

Utilize #87CEFA (Sky Blue) for calming backgrounds, complementary sections, or to introduce a refreshing balance.

accent

Incorporate #90EE90 (Mint Green) for fresh highlights, playful icons, or to add a subtle pop of vibrant nature.

background

Apply #FAFAD2 (Creamy Off-White) as a warm, clean background, allowing the pastel colors to gently stand out.

text

Use #D3D3D3 (Light Grey) for subtle headings or secondary text, but opt for a dark charcoal or black for body text to ensure strong readability on light backgrounds.

Accessibility notes

  • All pastel colors require careful contrast checking, especially when used for text or against similar light backgrounds.
  • Avoid using #D3D3D3 (Light Grey) as body text on #FAFAD2 (Creamy Off-White) due to insufficient contrast.
  • For maximum legibility, use a darker color like charcoal or black for body text on #FAFAD2 (Creamy Off-White) or #D3D3D3 (Light Grey).
  • Ensure sufficient contrast for #90EE90 (Mint Green) or #FFB6C1 (Pastel Pink) when used for important information.

Recommended combinations

Pastel Harmony

Excellent for creating soft, inviting backgrounds, headers, or illustrations with a gentle, cohesive feel.

#FFB6C1 · #87CEFA · #FAFAD2

Fresh Kitsch

Ideal for clean UI elements, subtle accents, or designs that need an airy, cheerful, and slightly quirky touch.

#90EE90 · #FAFAD2 · #D3D3D3

Sweet & Subtle

Perfect for secondary information, decorative patterns, or elements where a delicate and charming aesthetic is desired.

#FFB6C1 · #D3D3D3 · #87CEFA

CSS variables

:root {
  --retro-diner-kitsch-1: #FFB6C1;
  --retro-diner-kitsch-2: #87CEFA;
  --retro-diner-kitsch-3: #FAFAD2;
  --retro-diner-kitsch-4: #90EE90;
  --retro-diner-kitsch-5: #D3D3D3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "retro-diner-kitsch": {
        1: "#FFB6C1",
        2: "#87CEFA",
        3: "#FAFAD2",
        4: "#90EE90",
        5: "#D3D3D3",
      }
    }
  }
}

Related searches

pastel diner color palettevintage kitsch aestheticsoft retro colors 50splayful pastel schemediner inspired light colors

Palette colors

Hex values

Color 1#FFB6C1
·
Color 2#87CEFA
·
Color 3#FAFAD2
·
Color 4#90EE90
·
Color 5#D3D3D3
·

Accessibility

Contrast checker

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

Similar palettes

More like Retro Diner Kitsch

View all pastel
Retro Soda Fountain
Diner Milkshake Dream
Midcentury Kitchen Charm
Midcentury Mint Kiss
Nostalgic Diner Sweets
Nostalgic Treat Shop