Back to palettes

Palette

Patisserie Macaron Assortment

A delightful medley of soft, delicate pastel shades, inspired by a tempting array of colorful French macarons.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Patisserie Macaron Assortment 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 Patisserie Macaron Assortment.

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

Data visualization

#FFD1DC#ADD8E6#C2FFC2#FFFFC2#FFB0E0

Palette guide

How to use Patisserie Macaron Assortment

Overview

The Patisserie Macaron Assortment palette is a vibrant celebration of soft, playful pastels, perfect for designs that aim to be lighthearted and cheerful. Featuring delightful shades like the delicate pink of #FFD1DC, the calming blue of #ADD8E6, and the fresh green of #C2FFC2, this collection offers a whimsical yet harmonious appeal. Developers can utilize these colors to create engaging, user-friendly interfaces, especially for children's products or celebratory themes. The light yellow #FFFFC2 provides a sunny contrast, while #FFB0E0 adds a touch of playful magenta, ensuring a versatile range for creating joyful and inviting digital experiences.

Best used for

  • Children's product branding
  • Event invitations and party decor
  • Sweet shop or dessert bar websites
  • Creative portfolios with a playful twist
  • Mobile game interfaces
  • Spring or summer fashion e-commerce

Suggested color roles

primary

A soft, inviting pink, excellent for primary branding elements or cheerful backgrounds: #FFD1DC.

secondary

A gentle sky blue that complements the pink, suitable for secondary sections or navigation: #ADD8E6.

accent

A vibrant magenta that provides a playful pop, ideal for call-to-action buttons or highlights: #FFB0E0.

background

A very light, cheerful yellow that provides a warm, soft base for content: #FFFFC2.

text

A deep, readable charcoal (e.g., #333333) will provide necessary contrast against these light pastels.

Accessibility notes

  • Most colors in this palette are very light; ensure text has sufficient contrast, preferably using a dark neutral.
  • Avoid placing light text on light pastel backgrounds (e.g., white text on #C2FFC2).
  • Use #FFB0E0 carefully as an accent, ensuring it doesn't appear as text on a similarly light background.
  • Interactive elements should have clear visual feedback, perhaps using a darker shade on hover.

Recommended combinations

Playful Core

A lively combination for headers, buttons, and main content areas, evoking fun.

#FFD1DC · #ADD8E6 · #FFB0E0

Soft Harmony

Excellent for gentle backgrounds, subtle illustrations, and creating a serene, sweet mood.

#C2FFC2 · #FFFFC2 · #FFD1DC

Bright Accents

Use for dynamic elements, infographics, or sections needing a burst of fresh, playful energy.

#ADD8E6 · #FFB0E0 · #FFFFC2

CSS variables

:root {
  --patisserie-macaron-assortment-2-1: #FFD1DC;
  --patisserie-macaron-assortment-2-2: #ADD8E6;
  --patisserie-macaron-assortment-2-3: #C2FFC2;
  --patisserie-macaron-assortment-2-4: #FFFFC2;
  --patisserie-macaron-assortment-2-5: #FFB0E0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "patisserie-macaron-assortment-2": {
        1: "#FFD1DC",
        2: "#ADD8E6",
        3: "#C2FFC2",
        4: "#FFFFC2",
        5: "#FFB0E0",
      }
    }
  }
}

Related searches

pastel color schemes for kidsmacaron inspired colorsplayful web design palettelight and airy UI colorssweet dessert branding

Palette colors

Hex values

Color 1#FFD1DC
·
Color 2#ADD8E6
·
Color 3#C2FFC2
·
Color 4#FFFFC2
·
Color 5#FFB0E0
·

Accessibility

Contrast checker

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

Similar palettes

More like Patisserie Macaron Assortment

View all pastel
Macaroon Glaze Delight
Pastel Macaroon Stack
Sugar Sprinkles Fun
Sweet Glaze Dream
Sweet Macaron Delight
Candy Cloud Fluff