Back to palettes

Palette

Macaron Tower Blush

A delicate collection of soft pinks and creams, reminiscent of a tempting tower of exquisite macarons.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Macaron Tower Blush 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 Macaron Tower Blush.

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

Data visualization

#F2E3E9#E6D0D9#D9BCCD#CDA8BC#FAEEF0

Palette guide

How to use Macaron Tower Blush

Overview

The 'Macaron Tower Blush' palette presents a delicate collection of soft pinks and creams, reminiscent of a tempting tower of exquisite macarons. It features a pale blush (#F2E3E9), a deeper dusty rose (#E6D0D9), a gentle mauve (#D9BCCD), a muted berry (#CDA8BC), and a creamy off-white (#FAEEF0). This palette is perfect for designers and developers aiming to create a romantic, elegant, and sophisticated aesthetic. Its harmonious blend of subtle pinks ensures a feeling of warmth, luxury, and delicate charm, ideal for projects seeking a refined and inviting visual language.

Best used for

  • Wedding and bridal brand identity
  • Luxury confectionery packaging
  • High-end fashion and beauty websites
  • Romantic event invitations and decor
  • Elegant lifestyle blogs and magazines
  • Boutique hotel branding

Suggested color roles

primary

Utilize #E6D0D9 as a sophisticated primary color for main sections or brand identity, offering warmth and elegance.

secondary

Apply #D9BCCD for complementary elements or sub-headers, providing a rich, harmonious secondary tone.

accent

Introduce #CDA8BC sparingly for subtle calls-to-action, important links, or decorative flourishes, adding depth.

background

Use #FAEEF0 as a clean, creamy background, ensuring a soft and inviting base for all content.

text

For optimal readability, pair these blush tones with a dark charcoal text color, such as #333333, ensuring clear contrast.

Accessibility notes

  • Ensure all text has high contrast; a dark color like #333333 is recommended for readability on these light backgrounds.
  • Avoid using the lighter pinks from the palette for small text or critical UI elements without strong contrast.
  • Verify that interactive elements have clear visual cues and sufficient contrast in their default and hover states.
  • When designing complex layouts, ensure visual hierarchy is maintained through careful color application and contrast.

Recommended combinations

Blush Base

Creates a soft, layered background effect or defines distinct sections with subtle color variations.

#FAEEF0 · #F2E3E9 · #E6D0D9

Romantic Accents

Ideal for decorative elements, subtle buttons, or to highlight key information with a touch of romance.

#D9BCCD · #CDA8BC · #F2E3E9

Elegant Depth

A sophisticated combination suitable for brand logos, headers, and distinct content blocks requiring depth.

#E6D0D9 · #CDA8BC · #FAEEF0

CSS variables

:root {
  --macaron-tower-blush-1: #F2E3E9;
  --macaron-tower-blush-2: #E6D0D9;
  --macaron-tower-blush-3: #D9BCCD;
  --macaron-tower-blush-4: #CDA8BC;
  --macaron-tower-blush-5: #FAEEF0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "macaron-tower-blush": {
        1: "#F2E3E9",
        2: "#E6D0D9",
        3: "#D9BCCD",
        4: "#CDA8BC",
        5: "#FAEEF0",
      }
    }
  }
}

Related searches

blush pink color paletteromantic pastel schemesmacaron inspired pinkselegant soft brandingdelicate mauve colors

Palette colors

Hex values

Color 1#F2E3E9
·
Color 2#E6D0D9
·
Color 3#D9BCCD
·
Color 4#CDA8BC
·
Color 5#FAEEF0
·

Accessibility

Contrast checker

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

Similar palettes

More like Macaron Tower Blush

View all pastel