Back to palettes

Palette

Parisian Macaron Sweet

A light and airy collection of pale pastels, like a delicate assortment of Parisian macarons.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Parisian Macaron Sweet 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 Parisian Macaron Sweet.

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

Data visualization

#F0E8E7#DDE6E7#CBE7D7#C6E0F1#E8D7F3

Palette guide

How to use Parisian Macaron Sweet

Overview

The Parisian Macaron Sweet palette is a delicate collection of airy pastels, reminiscent of a freshly baked assortment of French macarons. It features soft, almost-white tones like #F0E8E7, #DDE6E7, and #CBE7D7, alongside gentle blue #C6E0F1 and subtle lavender #E8D7F3. This palette is ideal for designers seeking to evoke a sense of lightness, sweetness, and understated elegance. Developers can leverage these specific hex codes to build user interfaces for confectionery, baby brands, or artistic portfolios, ensuring a consistent visual language that conveys freshness and a charming aesthetic across digital platforms. It's a perfect choice for a soft, inviting digital presence.

Best used for

  • Boutique pastry shops
  • Baby shower invitations
  • Gentle lifestyle branding
  • Artistic portfolio backgrounds
  • Wedding planner websites
  • Soft fashion e-commerce

Suggested color roles

primary

Use #CBE7D7 as a gentle primary color for subtle headings or background accents.

secondary

Apply #DDE6E7 for supporting areas, secondary information, or layered effects.

accent

Utilize #C6E0F1 or #E8D7F3 sparingly for a touch of cool or warm variation in the pastel scheme.

background

Employ #F0E8E7 as the main clean, airy background, providing maximum lightness and space.

text

Opt for a dark grey or charcoal (e.g., #4A4A4A) for all text to ensure readability on these very light colors.

Accessibility notes

  • All colors are extremely light; dark text (e.g., charcoal or black) is crucial for readability.
  • Avoid using any of these pastel colors for text on another pastel background; contrast will be insufficient.
  • When layering elements, ensure significant luminance contrast between foreground and background elements.
  • These colors are best for backgrounds, large decorative shapes, or very large, bold text with strong contrast.

Recommended combinations

Soft Hues

Ideal for seamless, layered backgrounds or delicate graphical elements with minimal contrast.

#F0E8E7 · #DDE6E7 · #CBE7D7

Cool & Calm

A refreshing blend for subtle accents or section dividers, evoking a serene and airy feel.

#C6E0F1 · #DDE6E7 · #F0E8E7

Sweet Dream

For creating a gentle and inviting atmosphere, suitable for soft hero sections or introductory content.

#E8D7F3 · #CBE7D7 · #DDE6E7

CSS variables

:root {
  --parisian-macaron-sweet-1: #F0E8E7;
  --parisian-macaron-sweet-2: #DDE6E7;
  --parisian-macaron-sweet-3: #CBE7D7;
  --parisian-macaron-sweet-4: #C6E0F1;
  --parisian-macaron-sweet-5: #E8D7F3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "parisian-macaron-sweet": {
        1: "#F0E8E7",
        2: "#DDE6E7",
        3: "#CBE7D7",
        4: "#C6E0F1",
        5: "#E8D7F3",
      }
    }
  }
}

Related searches

light pastel macaronsoft sweet color schemeairy delicate palettegentle dessert colorssubtle feminine branding

Palette colors

Hex values

Color 1#F0E8E7
·
Color 2#DDE6E7
·
Color 3#CBE7D7
·
Color 4#C6E0F1
·
Color 5#E8D7F3
·

Accessibility

Contrast checker

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

Similar palettes

More like Parisian Macaron Sweet

View all pastel