Back to palettes

Palette

Diner Milkshake Dream

A whimsical blend of pastel hues reminiscent of a cheerful 50s diner and sweet treats.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Diner Milkshake Dream 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 Milkshake Dream.

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

Data visualization

#FF69B4#87CEEB#FFFACD#F08080#98FB98

Palette guide

How to use Diner Milkshake Dream

Overview

The "Diner Milkshake Dream" palette is a whimsical and cheerful blend of pastel hues, perfectly capturing the sweet, playful spirit of a 1950s diner and its delightful treats. This collection features a vibrant hot pink #FF69B4, a serene sky blue #87CEEB, a creamy lemon chiffon #FFFACD, a soft coral #F08080, and a refreshing mint green #98FB98. Designers can leverage these colors to infuse projects with a lighthearted, retro charm, ideal for branding, digital illustrations, or print materials that aim to evoke a sense of joy and sugary nostalgia. It’s perfect for creating designs that feel both innocent and inviting.

Best used for

  • Branding for ice cream parlors or dessert shops
  • Children's clothing or toy packaging
  • Retro-themed party invitations and decor
  • UI/UX for playful mobile games or apps
  • Illustrations with a sweet, whimsical aesthetic
  • Packaging for confectionery or beauty products

Suggested color roles

primary

A lively hot pink #FF69B4 that exudes playfulness and sweetness. Ideal for main branding elements, headers, or calls-to-action to grab attention.

secondary

A calming sky blue #87CEEB that offers a refreshing contrast. Excellent for secondary sections, backgrounds, or subtle accents to create balance.

accent

A soft coral #F08080 that adds warmth and gentleness. Perfect for decorative elements, small icons, or subtle highlights.

background

A creamy lemon chiffon #FFFACD that provides a warm, inviting, and soft backdrop, allowing the bolder colors to pop while maintaining a cohesive retro feel.

text

While light, this mint green #98FB98 can be used for decorative headings or large display text on darker elements within the palette. For body text, a dark neutral like charcoal or black is recommended for readability.

Accessibility notes

  • Avoid using #FFFACD (lemon chiffon) or #98FB98 (mint green) for body text; their contrast will be too low on most backgrounds.
  • For optimal readability, use a dark neutral color (e.g., charcoal or black) for body text, especially on #FFFACD, #87CEEB, or #F08080.
  • #FF69B4 (pink) text on #FFFACD (lemon chiffon) will likely have insufficient contrast for small text.
  • When designing interactive elements, ensure distinct visual cues for states, as many colors are light.

Recommended combinations

Sweet Pastel Trio

Branding for a dessert shop, playful web design, or cheerful party invitations.

#FF69B4 · #87CEEB · #FFFACD

Refreshing Mix

Illustrations or packaging that evoke fresh, fruity flavors with a gentle touch.

#98FB98 · #F08080 · #FFFACD

Vibrant Pop

Eye-catching highlights in UI, social media graphics, or playful design elements.

#FF69B4 · #87CEEB · #F08080

CSS variables

:root {
  --diner-milkshake-dream-2-1: #FF69B4;
  --diner-milkshake-dream-2-2: #87CEEB;
  --diner-milkshake-dream-2-3: #FFFACD;
  --diner-milkshake-dream-2-4: #F08080;
  --diner-milkshake-dream-2-5: #98FB98;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "diner-milkshake-dream-2": {
        1: "#FF69B4",
        2: "#87CEEB",
        3: "#FFFACD",
        4: "#F08080",
        5: "#98FB98",
      }
    }
  }
}

Related searches

pastel diner colorsretro milkshake palettesweet playful aestheticpink blue green creamvintage candy shop colors

Palette colors

Hex values

Color 1#FF69B4
·
Color 2#87CEEB
·
Color 3#FFFACD
·
Color 4#F08080
·
Color 5#98FB98
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.5:1Fail
1:1Fail
2.1:1Fail
2
1.5:1Fail
1.6:1Fail
1.5:1Fail
1.4:1Fail
3
2.5:1Fail
1.6:1Fail
2.4:1Fail
1.2:1Fail
4
1:1Fail
1.5:1Fail
2.4:1Fail
2:1Fail
5
2.1:1Fail
1.4:1Fail
1.2:1Fail
2:1Fail

Similar palettes

More like Diner Milkshake Dream

View all pastel
Bubblegum Carnival Pop
Bubblegum Soda Pop
Candy Cloud Dream
Candy Floss Cloud
Candy Floss Cloud
Candy Floss Clouds