Back to palettes

Palette

Whimsical Petit Fours

A delightful array of soft pinks, blues, and yellows, like tiny, colorful cakes for a special occasion.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Whimsical Petit Fours 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 Whimsical Petit Fours.

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

Data visualization

#FFC0CB#ADD8E6#F0E68C#DDA0DD#98FB98

Palette guide

How to use Whimsical Petit Fours

Overview

The "Whimsical Petit Fours" palette offers a delightful array of soft, playful pastels, perfect for designs aiming for a charming and sweet aesthetic. Featuring a gentle light pink (#FFC0CB), a soothing baby blue (#ADD8E6), a cheerful pale yellow (#F0E68C), a delicate light purple (#DDA0DD), and a fresh mint green (#98FB98), this collection evokes the joy of colorful, bite-sized desserts. Designers and developers can leverage these hues to create inviting, lighthearted interfaces and branding that feel both refined and fun, ensuring a consistent mood across various elements.

Best used for

  • Children's party invitations and decor
  • Bakery and confectionary branding
  • Craft blogs and DIY project websites
  • Baby product packaging and marketing
  • Playful social media graphics and templates
  • Feminine lifestyle and beauty blogs

Suggested color roles

primary

Use the charming light pink (#FFC0CB) for primary branding elements, headers, or focal points to convey warmth and sweetness.

secondary

The soft baby blue (#ADD8E6) serves as an excellent complementary color for background sections, navigation, or supporting illustrations.

accent

Introduce the cheerful pale yellow (#F0E68C) or delicate light purple (#DDA0DD) for calls to action, highlights, or interactive elements, adding a subtle pop.

background

A very light shade of the pale yellow (#F0E68C) or a near-white background allows the other pastels to subtly stand out, creating an airy feel.

text

For optimal readability, use a dark charcoal or deep plum text color, ensuring sufficient contrast against the light pastel backgrounds.

Accessibility notes

  • Ensure text has sufficient contrast against light backgrounds; a dark grey or black is recommended.
  • Avoid using light pastel text on other light pastel backgrounds without careful contrast checking.
  • Use larger font sizes for important text elements when employing lower contrast combinations.
  • Provide alternative text for color-coded information to accommodate users with color vision deficiencies.

Recommended combinations

Sweet Harmony

Ideal for main page layouts or headers, balancing warmth, calm, and cheerfulness.

#FFC0CB · #ADD8E6 · #F0E68C

Garden Whimsy

Perfect for playful illustrations, decorative elements, or secondary content blocks.

#DDA0DD · #98FB98 · #FFC0CB

Pastel Dream

Excellent for subtle gradients, background patterns, or soft UI components.

#ADD8E6 · #F0E68C · #DDA0DD

CSS variables

:root {
  --whimsical-petit-fours-1: #FFC0CB;
  --whimsical-petit-fours-2: #ADD8E6;
  --whimsical-petit-fours-3: #F0E68C;
  --whimsical-petit-fours-4: #DDA0DD;
  --whimsical-petit-fours-5: #98FB98;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "whimsical-petit-fours": {
        1: "#FFC0CB",
        2: "#ADD8E6",
        3: "#F0E68C",
        4: "#DDA0DD",
        5: "#98FB98",
      }
    }
  }
}

Related searches

pastel dessert color paletteplayful light color schemesweet whimsical design colorschildren's party color ideassoft pink blue yellow palette

Palette colors

Hex values

Color 1#FFC0CB
·
Color 2#ADD8E6
·
Color 3#F0E68C
·
Color 4#DDA0DD
·
Color 5#98FB98
·

Accessibility

Contrast checker

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

Similar palettes

More like Whimsical Petit Fours

View all pastel
Confection Cloud Dream
Creamery Soft Serve
Delicate Macaron Bloom
Gelato Scoop Dream
Pastel Macaron Delight
Pastel Macaron Dreams