Back to palettes

Palette

Pastel Macaron Box

A whimsical array of soft, sugary hues inspired by a delectable 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 Pastel Macaron Box 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 Pastel Macaron Box.

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

Data visualization

#FFD8F7#D0F7FF#FFFDD0#FFE5C7#D3FDD0

Palette guide

How to use Pastel Macaron Box

Overview

The Pastel Macaron Box palette is a delightful collection of soft, sugary hues, inspired by a delectable assortment of French macarons. This palette features the delicate pink of #FFD8F7, the serene blue of #D0F7FF, and the creamy yellow of #FFFDD0. These are perfectly complemented by the warm peach of #FFE5C7 and the fresh green of #D3FDD0. Designers can use this palette to create whimsical, sweet, and inviting designs across various platforms, from gourmet food blogs to charming event invitations, offering a light and airy aesthetic that is both sophisticated and playful, truly capturing the essence of a sweet treat.

Best used for

  • Boutique bakery or patisserie branding
  • Wedding or baby shower invitations
  • Gourmet food packaging
  • Feminine lifestyle blogs
  • Sweet-themed event decor
  • Children's apparel design

Suggested color roles

primary

Use #D0F7FF (Light Sky Blue) for main content areas or backgrounds to establish a fresh and clean foundation.

secondary

Apply #FFD8F7 (Light Pink) for secondary headers, decorative elements, or interactive components, adding a touch of sweetness.

accent

Introduce #D3FDD0 (Light Green) for subtle highlights, call-to-action buttons, or small details, providing a gentle pop of color.

background

The very light #FFFDD0 (Creamy Yellow) or #FFE5C7 (Light Peach) serve as excellent, airy backgrounds, ensuring readability with dark text.

text

For optimal readability, use a dark grey or black (e.g., #222222) for primary body text. White text can be used sparingly on darker elements if sufficient contrast is achieved.

Accessibility notes

  • These colors are very light; always ensure dark text is used for body copy to meet WCAG AA contrast standards.
  • Avoid pairing #FFFDD0 or #FFE5C7 with other light pastels for text or critical information due to low contrast.
  • Check all interactive elements for sufficient contrast with their background to ensure usability for all users.
  • Consider using bolder fonts or slightly larger text sizes for headings when using lighter palette colors.

Recommended combinations

Dessert Trio

Ideal for website headers, menu backgrounds, or sweet-themed illustrations, creating a soft and inviting look.

#FFD8F7 · #D0F7FF · #FFFDD0

Freshly Baked

Perfect for packaging design, recipe blogs, or health-conscious brands, suggesting natural and light qualities.

#D3FDD0 · #FFE5C7 · #D0F7FF

Sweet Whimsy

Suitable for creating delicate patterns, layered backgrounds, or charming social media graphics.

#FFD8F7 · #FFFDD0 · #FFE5C7

CSS variables

:root {
  --pastel-macaron-box-2-1: #FFD8F7;
  --pastel-macaron-box-2-2: #D0F7FF;
  --pastel-macaron-box-2-3: #FFFDD0;
  --pastel-macaron-box-2-4: #FFE5C7;
  --pastel-macaron-box-2-5: #D3FDD0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "pastel-macaron-box-2": {
        1: "#FFD8F7",
        2: "#D0F7FF",
        3: "#FFFDD0",
        4: "#FFE5C7",
        5: "#D3FDD0",
      }
    }
  }
}

Related searches

macaron color palettesweet pastel colorslight pink blue yellow paletteplayful dessert colorswhimsical pastel design

Palette colors

Hex values

Color 1#FFD8F7
·
Color 2#D0F7FF
·
Color 3#FFFDD0
·
Color 4#FFE5C7
·
Color 5#D3FDD0
·

Accessibility

Contrast checker

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

Similar palettes

More like Pastel Macaron Box

View all Pastel
Sweet Nectar Bliss
Cotton Candy Horizon
Fairy Tale Cottage
Lemon Meringue Cloud
Sugar Plum Dreams
Sugared Candy Delight