Back to palettes

Palette

Nostalgic Diner Sweets

A charming array of soft pastels and muted tones, reminiscent of a cozy, vintage kitchen.

pastelretro5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Nostalgic Diner Sweets 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 Nostalgic Diner Sweets.

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

Data visualization

#FFC0CB#ADD8E6#F0E68C#FF69B4#5F9EA0

Palette guide

How to use Nostalgic Diner Sweets

Overview

The "Nostalgic Diner Sweets" palette offers a charming array of soft pastels and muted tones. It captures the cozy, vintage kitchen aesthetic with hues like #FFC0CB (Pink), #ADD8E6 (Light Blue), and #F0E68C (Khaki). This palette is perfect for designs seeking a gentle, whimsical, and inviting atmosphere, reminiscent of sweet treats and simpler times. The vibrant #FF69B4 (Hot Pink) provides a playful accent, while #5F9EA0 (Cadet Blue) grounds the lighter shades, making it versatile for branding, illustration, or confectionery packaging that aims for a delightful, nostalgic appeal.

Best used for

  • Bakery or patisserie branding and packaging
  • Children's book illustrations
  • Retro-inspired fashion or beauty product design
  • Event decor for baby showers or tea parties
  • Cozy blog or website designs
  • Interior decor for a vintage-style kitchen

Suggested color roles

primary

#FFC0CB (Pink) - Use for main brand elements, large backgrounds, or feminine-leaning designs to evoke softness and warmth.

secondary

#ADD8E6 (Light Blue) - Ideal for supporting sections, subheadings, or complementary graphic elements, adding a fresh feel.

accent

#FF69B4 (Hot Pink) - Employ sparingly for calls-to-action, small playful details, or highlights to add a vibrant, cheerful pop.

background

#F0E68C (Khaki) - A warm, subtle yellow-tan that provides a soft, vintage-inspired base, making other pastels shine.

text

#5F9EA0 (Cadet Blue) or a dark brown/charcoal for body text, ensuring good contrast against the light pastels.

Accessibility notes

  • #F0E68C will have low contrast with many of the other pastels; use it as a background, not for text.
  • Ensure text in #5F9EA0 has sufficient contrast against #FFC0CB, #ADD8E6, and #F0E68C.
  • Use #FF69B4 primarily for accents or larger display text, as its vibrance might challenge readability in small sizes.
  • For interactive elements, ensure distinct hover states that meet contrast requirements.

Recommended combinations

Sweet Treat

Perfect for confectionery branding, offering a delightful and appetizing visual.

#FFC0CB · #F0E68C · #FF69B4

Vintage Harmony

Great for creating a calm, coordinated look, such as for a blog or subtle branding.

#ADD8E6 · #F0E68C · #5F9EA0

Playful Contrast

Use the darker blue for structure, with pinks for a soft yet vibrant appeal in illustrations or UI.

#5F9EA0 · #FFC0CB · #FF69B4

CSS variables

:root {
  --nostalgic-diner-sweets-1: #FFC0CB;
  --nostalgic-diner-sweets-2: #ADD8E6;
  --nostalgic-diner-sweets-3: #F0E68C;
  --nostalgic-diner-sweets-4: #FF69B4;
  --nostalgic-diner-sweets-5: #5F9EA0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "nostalgic-diner-sweets": {
        1: "#FFC0CB",
        2: "#ADD8E6",
        3: "#F0E68C",
        4: "#FF69B4",
        5: "#5F9EA0",
      }
    }
  }
}

Related searches

pastel diner colorsvintage kitchen palettesoft retro aestheticcute candy shop colorsmuted sweet pastel scheme

Palette colors

Hex values

Color 1#FFC0CB
·
Color 2#ADD8E6
·
Color 3#F0E68C
·
Color 4#FF69B4
·
Color 5#5F9EA0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1:1Fail
1.2:1Fail
1.7:1Fail
2:1Fail
2
1:1Fail
1.2:1Fail
1.7:1Fail
2:1Fail
3
1.2:1Fail
1.2:1Fail
2.1:1Fail
2.4:1Fail
4
1.7:1Fail
1.7:1Fail
2.1:1Fail
1.2:1Fail
5
2:1Fail
2:1Fail
2.4:1Fail
1.2:1Fail

Similar palettes

More like Nostalgic Diner Sweets

View all pastel