Back to palettes

Palette

Pastel Macaron Delight

A confectioner's dream of delicate, airy pastels, inspired by the charming colors of French macarons.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Pastel Macaron Delight 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 Pastel Macaron Delight.

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

Data visualization

#FFD9EC#CCE6FF#E0FFCC#FFF2CC#FFCCE6

Palette guide

How to use Pastel Macaron Delight

Overview

The Pastel Macaron Delight palette (version 3) is a confectioner's dream of delicate, airy pastels, inspired by the charming colors of French macarons. This vibrant yet soft collection features the sweet pink of #FFD9EC, the serene blue of #CCE6FF, and the fresh green of #E0FFCC. These are beautifully complemented by the sunny yellow of #FFF2CC and the gentle lavender-pink of #FFCCE6. Designers can use this palette to create joyful, inviting, and subtly elegant designs, perfect for confectionery brands, playful event materials, or any project aiming for a lighthearted yet sophisticated visual appeal with a touch of sugary charm.

Best used for

  • Bakery and cafe branding
  • Children's party invitations
  • Sweet-themed social media content
  • Craft and DIY project websites
  • Feminine product packaging
  • Spring-themed digital art

Suggested color roles

primary

Use #CCE6FF (Light Blue) for dominant sections or large backgrounds, establishing a clean and cheerful foundation.

secondary

Apply #FFD9EC (Light Pink) for subheadings, decorative elements, or interactive components, adding warmth and sweetness.

accent

Highlight interactive elements or key information with #E0FFCC (Pale Green) for a fresh and subtle pop of color.

background

The soft #FFF2CC (Light Yellow) or #FFCCE6 (Pale Pink) can serve as excellent, airy backgrounds, ensuring readability with dark text.

text

For optimal readability, use a dark grey or black (e.g., #333333) for primary body text. White text can be used effectively on #CCE6FF or #FFD9EC for headings.

Accessibility notes

  • These pastels are light; always use dark text for body copy to meet WCAG AA contrast standards.
  • Avoid using #FFF2CC or #E0FFCC for small text on similarly light backgrounds due to low contrast.
  • Ensure interactive elements (buttons, links) have sufficient contrast from their background for clear visibility.
  • Consider using thicker fonts or larger text sizes for headings when employing lighter colors from this palette.

Recommended combinations

Sweet Celebration

Ideal for cheerful hero sections, event invitations, or product showcases, conveying joy and lightness.

#FFD9EC · #CCE6FF · #E0FFCC

Pastel Frosting

Perfect for delicate backgrounds, layered UI elements, or subtle patterns, creating a soft and inviting texture.

#FFF2CC · #FFCCE6 · #CCE6FF

Gourmet Hues

Suitable for call-to-action buttons, small decorative elements, or to emphasize key features with a playful touch.

#E0FFCC · #FFD9EC · #FFF2CC

CSS variables

:root {
  --pastel-macaron-delight-3-1: #FFD9EC;
  --pastel-macaron-delight-3-2: #CCE6FF;
  --pastel-macaron-delight-3-3: #E0FFCC;
  --pastel-macaron-delight-3-4: #FFF2CC;
  --pastel-macaron-delight-3-5: #FFCCE6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "pastel-macaron-delight-3": {
        1: "#FFD9EC",
        2: "#CCE6FF",
        3: "#E0FFCC",
        4: "#FFF2CC",
        5: "#FFCCE6",
      }
    }
  }
}

Related searches

macaron color palettesweet dessert pastellight pink blue yellow paletteplayful soft colorselegant pastel design

Palette colors

Hex values

Color 1#FFD9EC
·
Color 2#CCE6FF
·
Color 3#E0FFCC
·
Color 4#FFF2CC
·
Color 5#FFCCE6
·

Accessibility

Contrast checker

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

Similar palettes

More like Pastel Macaron Delight

View all pastel
Delicate Macaron Bloom
Macaron Patisserie
Macaron Sweet Delight
Pastel Confection Swirl
Pastel Macaron Dreams
Pastel Macaron Parade