Back to palettes

Palette

Macaron Whisper Soft

A delicate array of soft, sugary colors, like a tray of freshly baked French macarons.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Macaron Whisper Soft 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 Whisper Soft.

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

Data visualization

#FDD7E4#B2EBF2#FFFACD#E6E6FA#D3F5C7

Palette guide

How to use Macaron Whisper Soft

Overview

The 'Macaron Whisper Soft' palette offers a delicate array of soft, sugary colors, like a tray of freshly baked French macarons. It includes a sweet rose-pink (#FDD7E4), a serene light blue (#B2EBF2), a warm creamy yellow (#FFFACD), a calming lavender (#E6E6FA), and a fresh minty green (#D3F5C7). This collection is perfect for designers and developers aiming to create dreamy, inviting, and gentle digital experiences or branding. The harmonious blend of these light, airy hues ensures a feeling of tranquility and playful elegance, ideal for projects seeking a subtle and sophisticated visual language.

Best used for

  • Baby and children's product branding
  • Wedding and romantic event websites
  • Spa and wellness promotional materials
  • Feminine fashion and beauty blogs
  • Gentle e-commerce platforms for handmade goods
  • Digital illustrations with a soft aesthetic

Suggested color roles

primary

Use #FDD7E4 as a charming primary color for main sections or brand identity, offering a sweet and inviting feel.

secondary

Apply #B2EBF2 for complementary backgrounds or larger elements, providing a refreshing and calm secondary tone.

accent

Introduce #FFFACD sparingly for subtle highlights, calls-to-action, or decorative details, adding gentle warmth.

background

Utilize #E6E6FA as a soft, ethereal background, offering a spacious and clean base for content.

text

For optimal readability, always use a dark text color, such as a deep charcoal like #333333, against these light pastels.

Accessibility notes

  • Ensure all text has strong contrast; use dark colors like #333333 for text on any of these light backgrounds.
  • Avoid using two light pastels from the palette for critical information or small UI elements without sufficient contrast.
  • Verify that interactive elements like buttons or links have clear focus states with distinct contrast.
  • When designing complex layouts, ensure visual hierarchy is maintained through careful color application and contrast.

Recommended combinations

Dreamy Base

Creates a tranquil and harmonious base for backgrounds or multi-section layouts, promoting gentle transitions.

#E6E6FA · #B2EBF2 · #D3F5C7

Sweet Highlights

Ideal for decorative elements, subtle buttons, or to highlight secondary information playfully and elegantly.

#FDD7E4 · #FFFACD · #B2EBF2

Airy Contrast

A versatile combination suitable for headers, footers, or distinct content blocks requiring a soft separation.

#B2EBF2 · #FDD7E4 · #E6E6FA

CSS variables

:root {
  --macaron-whisper-soft-1: #FDD7E4;
  --macaron-whisper-soft-2: #B2EBF2;
  --macaron-whisper-soft-3: #FFFACD;
  --macaron-whisper-soft-4: #E6E6FA;
  --macaron-whisper-soft-5: #D3F5C7;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "macaron-whisper-soft": {
        1: "#FDD7E4",
        2: "#B2EBF2",
        3: "#FFFACD",
        4: "#E6E6FA",
        5: "#D3F5C7",
      }
    }
  }
}

Related searches

dreamy pastel color palettesoft macaron shadesdelicate sweet brandinglight ethereal schemeswhisper soft colors

Palette colors

Hex values

Color 1#FDD7E4
·
Color 2#B2EBF2
·
Color 3#FFFACD
·
Color 4#E6E6FA
·
Color 5#D3F5C7
·

Accessibility

Contrast checker

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

Similar palettes

More like Macaron Whisper Soft

View all pastel
Cloud Cotton Fluff
Macaron Cloud Dream
Buttercream Frosting Soft
Candy Floss Serenade
Candy Floss Swirl
Candy Shop Whimsy