Back to palettes

Palette

Sugared Macaron Delight

Delightful and airy pastels evoking the sweet, delicate layers of artisanal French macarons in a confectionary.

PastelPlayful5 colors
More Pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FCD7DF#F9EEB8#CCEBDD#D0E4F7#E3DFF2

Palette guide

How to use Sugared Macaron Delight

Overview

The Sugared Macaron Delight palette offers a delicate and airy collection of pastels, perfect for designs that aim for a sweet, refined elegance. With hues like the soft #FCD7DF, sunny #F9EEB8, serene #CCEBDD, calming #D0E4F7, and subtle #E3DFF2, this palette beautifully mimics the delicate layers of artisanal French macarons. Designers can utilize its gentle nature for sophisticated branding, baby product lines, or elegant event stationery, creating an atmosphere of subtle luxury and tenderness. For developers, these colors provide a harmonious base for light-themed UIs, ensuring a soft and inviting user experience.

Best used for

  • Patisserie or bakery branding
  • Baby nursery decor and products
  • Wedding invitations and event design
  • Soft, elegant cosmetic packaging
  • Gentle children's book illustrations
  • Lifestyle blogs with a sweet aesthetic

Suggested color roles

primary

#FCD7DF acts as a sweet, welcoming main color for branding.

secondary

#CCEBDD offers a fresh, complementary tone, adding gentle balance.

accent

#F9EEB8 provides a delicate highlight, ideal for subtle interactive elements.

background

#D0E4F7 creates a calm, airy foundation, perfect for expansive areas.

text

#E3DFF2 can be used for larger, decorative headings, but a dark grey or charcoal is essential for body text readability on these light backgrounds.

Accessibility notes

  • All colors are very light; a dark neutral (e.g., #333333) is crucial for body text against any background color in this palette.
  • Avoid using light palette colors like #F9EEB8 for small text, as contrast will be insufficient.
  • For UI elements, combine color with clear iconography or labels due to inherently low contrast between hues.
  • Ensure interactive elements have distinct hover/focus states that stand out clearly from the pastel backdrop.

Recommended combinations

Macaron Mélange

Excellent for playful patterns, layered graphic elements, or subtle brand accents.

#FCD7DF · #F9EEB8 · #CCEBDD

Gentle Gradient

Creates a soothing, ethereal background effect for web pages or digital art.

#D0E4F7 · #CCEBDD · #E3DFF2

Soft Contrast

Ideal for distinguishing sections in a soft UI design without harsh breaks.

#FCD7DF · #E3DFF2 · #D0E4F7

CSS variables

:root {
  --sugared-macaron-delight-1: #FCD7DF;
  --sugared-macaron-delight-2: #F9EEB8;
  --sugared-macaron-delight-3: #CCEBDD;
  --sugared-macaron-delight-4: #D0E4F7;
  --sugared-macaron-delight-5: #E3DFF2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sugared-macaron-delight": {
        1: "#FCD7DF",
        2: "#F9EEB8",
        3: "#CCEBDD",
        4: "#D0E4F7",
        5: "#E3DFF2",
      }
    }
  }
}

Related searches

pastel macaron colorssweet delicate palettelight dessert themesoft elegant pastelsairy baby product colors

Palette colors

Hex values

Color 1#FCD7DF
·
Color 2#F9EEB8
·
Color 3#CCEBDD
·
Color 4#D0E4F7
·
Color 5#E3DFF2
·

Accessibility

Contrast checker

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

Similar palettes

More like Sugared Macaron Delight

View all Pastel
French Macaron Whimsy
Pastel Macaron Dream
Candy Fluff Dream
Cotton Candy Horizon
Gelato Dream Parlor
Lemon Meringue Cloud