Back to palettes

Palette

Retro Candy Diner

Sweet, pastel pinks mixed with vibrant rose, capturing the playful spirit of a retro candy shop.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#F8E0E5#F2C0CD#E09AB5#CE789D#B55A81

Palette guide

How to use Retro Candy Diner

Overview

The Retro Candy Diner palette offers a delightful blend of sweet, pastel pinks mixed with vibrant rose, capturing the playful spirit of a retro candy shop or classic diner. With soft Lavender Blush (#F8E0E5), gentle Pink Lace (#F2C0CD), a mid-tone Light Pink (#E09AB5), a richer Rose (#CE789D), and a deep Raspberry (#B55A81), this collection is perfect for designers and developers crafting feminine, nostalgic, and inviting experiences. These harmonious shades provide versatility for creating charming branding, inviting interfaces, or delicate illustrations with a vintage touch.

Best used for

  • Bakery and confectionery branding
  • Sweet shop websites and e-commerce stores
  • Feminine apparel and accessory designs
  • Vintage-inspired packaging and labels
  • Children's book illustrations and media
  • Event invitations and greeting cards

Suggested color roles

primary

Raspberry (#B55A81) serves as the deepest and strongest element, ideal for primary branding, important headlines, or key call-to-action buttons.

secondary

Rose (#CE789D) provides a rich, inviting accent, perfect for supporting details, subheadings, or decorative elements.

accent

Light Pink (#E09AB5) offers a mid-tone highlight, suitable for subtle accents, interactive states, or dividing lines.

background

Lavender Blush (#F8E0E5) creates a light, airy, and clean base, ensuring excellent readability for overlaid content.

text

Raspberry (#B55A81) provides the best contrast for text on lighter backgrounds like #F8E0E5, ensuring readability for both headings and body content.

Accessibility notes

  • Ensure sufficient contrast for text on very light backgrounds like Lavender Blush (#F8E0E5); Raspberry (#B55A81) works well.
  • Differentiate interactive elements clearly, avoiding very similar pastel pinks for clickable items.
  • Avoid low contrast between adjacent pinks if they convey different types of information.
  • Consider using a dark charcoal or black for extensive body text on the lightest background (#F8E0E5) for enhanced readability.

Recommended combinations

Diner Pastels

Excellent for soft backgrounds, subtle patterns, and delicate UI elements that maintain an inviting feel.

#F8E0E5 · #F2C0CD · #E09AB5

Rose Accents

Ideal for prominent headers, call-to-action elements, and highlighting important information.

#CE789D · #B55A81 · #F8E0E5

Sweet Gradient

Use for decorative elements, brand logos, or to create subtle visual depth and softness in designs.

#E09AB5 · #F2C0CD · #CE789D

CSS variables

:root {
  --retro-candy-diner-1: #F8E0E5;
  --retro-candy-diner-2: #F2C0CD;
  --retro-candy-diner-3: #E09AB5;
  --retro-candy-diner-4: #CE789D;
  --retro-candy-diner-5: #B55A81;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "retro-candy-diner": {
        1: "#F8E0E5",
        2: "#F2C0CD",
        3: "#E09AB5",
        4: "#CE789D",
        5: "#B55A81",
      }
    }
  }
}

Related searches

retro pink palettecandy store colorsvintage diner aestheticpastel pink brandingsweet shop design

Palette colors

Hex values

Color 1#F8E0E5
·
Color 2#F2C0CD
·
Color 3#E09AB5
·
Color 4#CE789D
·
Color 5#B55A81
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.8:1Fail
2.5:1Fail
3.5:1AA18
2
1.3:1Fail
1.4:1Fail
1.9:1Fail
2.8:1Fail
3
1.8:1Fail
1.4:1Fail
1.4:1Fail
2:1Fail
4
2.5:1Fail
1.9:1Fail
1.4:1Fail
1.4:1Fail
5
3.5:1AA18
2.8:1Fail
2:1Fail
1.4:1Fail

Similar palettes

More like Retro Candy Diner

View all vibrant
Bubblegum Pop Blast
Bubblegum Pop Zing
Bubblegum Pop Burst
Bubblegum Pop Zing
Gumball Machine Gleam
Jelly Bean Jamboree