Back to palettes

Palette

Petite Macaron Delights

Delightful, soft pastels reflecting the delicate hues of a delicious and elegant tower of French macarons.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Petite Macaron Delights 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 Petite Macaron Delights.

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

Data visualization

#F0D9E7#D9F0E7#E7D9F0#F0E7D9#D9E7F0

Palette guide

How to use Petite Macaron Delights

Overview

The Petite Macaron Delights palette offers delightful, soft pastels reflecting the delicate hues of French macarons. With a charming mix of pink #F0D9E7, mint green #D9F0E7, soft lavender #E7D9F0, cream #F0E7D9, and pale blue #D9E7F0, this palette exudes a playful yet elegant mood. It's perfectly suited for designs that aim for a sweet, whimsical, and inviting aesthetic. Ideal for confectionery branding, children's products, or any digital interface that seeks to evoke joy and lighthearted sophistication. Developers will find these harmonious pastels excellent for creating visually appealing and user-friendly interfaces with a gentle, approachable feel.

Best used for

  • Confectionery and bakery branding
  • Children's clothing and toy design
  • Event planning and party invitations
  • Feminine lifestyle and beauty blogs
  • Cafe and dessert shop interiors
  • Playful mobile app interfaces

Suggested color roles

primary

#E7D9F0 - A soft, inviting lavender, ideal for main branding elements, headers, and key visual accents, conveying elegance.

secondary

#D9F0E7 - A refreshing mint green, suitable for secondary buttons, subtle interactive elements, or illustrative details.

accent

#F0D9E7 - A delicate pastel pink, perfect for subtle highlights, hover states, or small, charming graphical elements.

background

#F0E7D9 - A very pale, warm cream that provides a clean, inviting, and gentle backdrop for content.

text

A deep charcoal or dark brown - Essential for body text to ensure readability against the very light palette colors, maintaining a soft, approachable mood.

Accessibility notes

  • All palette colors are very light; text must be a significantly darker shade (e.g., #333333 or #5C4033) for readability.
  • Avoid using any palette color for text on another palette color, as contrast will be insufficient for accessibility standards.
  • Use #F0E7D9 as a background and pair with dark, contrasting text for optimal WCAG AA compliance.
  • These colors are best for backgrounds, large areas, or subtle decorative elements, not for functional text.

Recommended combinations

Sweet Harmony

Creates a delightful and harmonious background with gentle pastel pops, ideal for sweet themes.

#F0E7D9 · #F0D9E7 · #D9F0E7

Macaron Medley

Ideal for a playful and elegant design, combining lavender, blue, and pink for visual interest.

#E7D9F0 · #D9E7F0 · #F0D9E7

Airy Delight

Offers a very light and inviting background with subtle, refreshing accents, perfect for minimalist designs.

#F0E7D9 · #D9F0E7 · #E7D9F0

CSS variables

:root {
  --petite-macaron-delights-1: #F0D9E7;
  --petite-macaron-delights-2: #D9F0E7;
  --petite-macaron-delights-3: #E7D9F0;
  --petite-macaron-delights-4: #F0E7D9;
  --petite-macaron-delights-5: #D9E7F0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "petite-macaron-delights": {
        1: "#F0D9E7",
        2: "#D9F0E7",
        3: "#E7D9F0",
        4: "#F0E7D9",
        5: "#D9E7F0",
      }
    }
  }
}

Related searches

pastel dessert color palettemacaron inspired colorsplayful elegant color schemesoft pink blue green palettewhimsical sweet design colors

Palette colors

Hex values

Color 1#F0D9E7
·
Color 2#D9F0E7
·
Color 3#E7D9F0
·
Color 4#F0E7D9
·
Color 5#D9E7F0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1:1Fail
1.1:1Fail
1.1:1Fail
2
1.1:1Fail
1.1:1Fail
1:1Fail
1.1:1Fail
3
1:1Fail
1.1:1Fail
1.1:1Fail
1.1:1Fail
4
1.1:1Fail
1:1Fail
1.1:1Fail
1:1Fail
5
1.1:1Fail
1.1:1Fail
1.1:1Fail
1:1Fail

Similar palettes

More like Petite Macaron Delights

View all pastel
Gumball Machine Gleam
Pastel Macaron Box
Sugar Plum Pixie
Bubblegum Pop Burst
Candyfloss Cloud Dream
Fairy Tale Petals