Back to palettes

Palette

Parisian Cafe Macaron

A delicate collection of pinks and purples, capturing the sweet and sophisticated allure of macarons.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#F7D4E6#F2C7E4#E3B3DA#CBB4D9#B8A8D5

Palette guide

How to use Parisian Cafe Macaron

Overview

The Parisian Cafe Macaron palette is a delightful journey through soft, enchanting pastels, capturing the whimsical charm of a French patisserie. Featuring delicate pinks and purples, it includes the airy #F7D4E6, the slightly deeper #F2C7E4, and the elegant #E3B3DA. Complementing these are the gentle lavender tones of #CBB4D9 and #B8A8D5, creating a harmonious gradient. This palette is ideal for designers seeking to evoke sweetness, sophistication, and a touch of playful femininity. Developers can use these hex codes to craft light, inviting user interfaces for beauty, confectionery, or lifestyle brands, ensuring a soft and appealing visual experience across digital platforms.

Best used for

  • Bakery and patisserie branding
  • Wedding stationery
  • Beauty and cosmetics websites
  • Children's apparel design
  • Feminine lifestyle blogs
  • Sweet shop packaging

Suggested color roles

primary

Use #E3B3DA as a central, elegant color for main graphical elements or section headers.

secondary

Apply #F2C7E4 for softer backgrounds, subheadings, or decorative details.

accent

Utilize #B8A8D5 for subtle calls to action or to add a touch of deeper contrast within the pastel scheme.

background

Employ #F7D4E6 as the primary background color for a clean, ethereal canvas.

text

Consider a dark grey or charcoal (e.g., #333333) for text on these light pastels to ensure readability.

Accessibility notes

  • All colors are light; ensure text has sufficient contrast. Use dark grey or black for optimal readability.
  • Avoid using any of these pastel colors for text on a similar pastel background; contrast will be poor.
  • When layering, ensure at least one element has significantly higher luminance difference for distinction.
  • Consider using an overlay or text shadow for text placed directly on lighter pastel images.

Recommended combinations

Soft Gradient

Ideal for subtle background transitions or layered graphics that require a delicate fade.

#F7D4E6 · #F2C7E4 · #E3B3DA

Pastel Depth

For creating a gentle sense of depth, with the darkest pastel as an accent against the lightest background.

#CBB4D9 · #B8A8D5 · #F7D4E6

Sweet Contrast

A balanced trio for sections where slightly more visual weight is needed without losing softness.

#E3B3DA · #F2C7E4 · #B8A8D5

CSS variables

:root {
  --parisian-cafe-macaron-1: #F7D4E6;
  --parisian-cafe-macaron-2: #F2C7E4;
  --parisian-cafe-macaron-3: #E3B3DA;
  --parisian-cafe-macaron-4: #CBB4D9;
  --parisian-cafe-macaron-5: #B8A8D5;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "parisian-cafe-macaron": {
        1: "#F7D4E6",
        2: "#F2C7E4",
        3: "#E3B3DA",
        4: "#CBB4D9",
        5: "#B8A8D5",
      }
    }
  }
}

Related searches

pastel macaron colorssweet pink purple palettefeminine dessert themedelicate pastel brandinglight playful color scheme

Palette colors

Hex values

Color 1#F7D4E6
·
Color 2#F2C7E4
·
Color 3#E3B3DA
·
Color 4#CBB4D9
·
Color 5#B8A8D5
·

Accessibility

Contrast checker

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

Similar palettes

More like Parisian Cafe Macaron

View all pastel