Back to palettes

Palette

Patisserie Macaron Assortment

A delightful spread of soft, inviting pastels, reminiscent of an exquisite assortment of delicate 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

#FFC0CB#FFDAB9#E6E6FA#B0E0E6#98FB98

Palette guide

How to use Patisserie Macaron Assortment

Overview

The Patisserie Macaron Assortment palette is a delightful collection of soft, inviting pastels, perfect for designs requiring a gentle, playful, and elegant touch. Featuring the classic light pink of #FFC0CB, the warm peach of #FFDAB9, and the serene lavender of #E6E6FA, this palette offers a harmonious blend of sweet hues. Developers can utilize these colors to craft user interfaces that feel approachable and aesthetically pleasing, ideal for lifestyle brands or creative platforms. The cool aqua of #B0E0E6 and the fresh mint of #98FB98 introduce a refreshing balance, ensuring a versatile and charming visual experience for various applications.

Best used for

  • Bridal and wedding-related websites
  • Boutique clothing stores
  • Children's storybook illustrations
  • Creative agency portfolios
  • Wellness and relaxation apps
  • Spring collection e-commerce

Suggested color roles

primary

A classic, soft pink that serves as a welcoming and gentle primary color for branding or key elements: #FFC0CB.

secondary

A creamy, warm peach, excellent for backgrounds, secondary content blocks, or softer accents: #FFDAB9.

accent

A fresh, playful mint green that provides a subtle pop, great for interactive elements or highlights: #98FB98.

background

A very light, almost white lavender that offers a clean, soft, and slightly cool canvas: #E6E6FA.

text

A reliable dark grey (e.g., #4A4A4A) ensures optimal readability against these light pastel tones.

Accessibility notes

  • Text should be dark (e.g., black or dark grey) for readability against any of these light background colors.
  • Avoid using light text on #FFC0CB or #FFDAB9, as contrast will be insufficient.
  • Ensure interactive elements have sufficient contrast with their surrounding background when in focus or hover states.
  • The light nature of #E6E6FA makes it an ideal background, but verify contrast for any overlaid text.

Recommended combinations

Classic Pastel

A harmonious blend for main branding, backgrounds, and gentle content presentation.

#FFC0CB · #FFDAB9 · #E6E6FA

Fresh & Cool

Ideal for sections needing a refreshing feel, such as headers or call-out boxes.

#B0E0E6 · #98FB98 · #E6E6FA

Playful Accent

Use for eye-catching elements, infographics, or where a cheerful, dynamic touch is desired.

#FFC0CB · #98FB98 · #FFDAB9

CSS variables

:root {
  --patisserie-macaron-assortment-1: #FFC0CB;
  --patisserie-macaron-assortment-2: #FFDAB9;
  --patisserie-macaron-assortment-3: #E6E6FA;
  --patisserie-macaron-assortment-4: #B0E0E6;
  --patisserie-macaron-assortment-5: #98FB98;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "patisserie-macaron-assortment": {
        1: "#FFC0CB",
        2: "#FFDAB9",
        3: "#E6E6FA",
        4: "#B0E0E6",
        5: "#98FB98",
      }
    }
  }
}

Related searches

soft pastel UI designmacaron color inspirationlight pink and green palettegentle web color schemecharming brand colors

Palette colors

Hex values

Color 1#FFC0CB
·
Color 2#FFDAB9
·
Color 3#E6E6FA
·
Color 4#B0E0E6
·
Color 5#98FB98
·

Accessibility

Contrast checker

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

Similar palettes

More like Patisserie Macaron Assortment

View all pastel
Pastel Macaron Swirl
Confetti Cream Delight
Creamery Soft Serve
Delicate Macaron Bloom
Macaron Pastel Tower
Macaroon Glaze Delight