Back to palettes

Palette

Macaron Sweetness Soft

Delicately tinted shades reminiscent of French macarons, light, airy, and sweetly tempting.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#F8D3D8#F9D0A7#DAEAD4#CCE8F2#E8DFF5

Palette guide

How to use Macaron Sweetness Soft

Overview

The 'Macaron Sweetness Soft' palette features delicately tinted shades reminiscent of French macarons, light, airy, and sweetly tempting. This collection includes a muted rose (#F8D3D8), a soft apricot (#F9D0A7), a gentle sage (#DAEAD4), a serene sky blue (#CCE8F2), and a subtle lavender (#E8DFF5). Perfect for designers and developers aiming for a sophisticated yet playful aesthetic, these pastels are ideal for creating inviting, soft, and subtle digital experiences or branding. Their muted quality ensures versatility and a timeless appeal, promoting a sense of calm and gentle elegance.

Best used for

  • High-end confectionery branding and packaging
  • Children's fashion and toy websites
  • Spa and beauty product lines
  • Wedding planner websites and stationery
  • Interior design inspiration blogs
  • Gentle e-commerce platforms

Suggested color roles

primary

Use #F8D3D8 as a warm, inviting primary color for key sections or brand identity, offering a soft focal point.

secondary

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

accent

Introduce #CCE8F2 sparingly for subtle highlights, calls-to-action, or decorative details, adding a serene touch.

background

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

text

For excellent 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 light pastels for small text or critical UI elements without significant contrast from the background.
  • Check contrast ratios for interactive elements to ensure they are easily distinguishable for all users.
  • When layering colors, ensure there's enough difference in lightness for elements to stand out, especially for borders.

Recommended combinations

Soft Foundations

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

#E8DFF5 · #DAEAD4 · #F9D0A7

Delicate Highlights

Ideal for subtle interactive elements, icons, or to draw attention to secondary content gracefully.

#F8D3D8 · #CCE8F2 · #F9D0A7

Elegant Pairing

A sophisticated combination suitable for brand headers, footers, or distinct content blocks requiring elegance.

#F8D3D8 · #DAEAD4 · #E8DFF5

CSS variables

:root {
  --macaron-sweetness-soft-1: #F8D3D8;
  --macaron-sweetness-soft-2: #F9D0A7;
  --macaron-sweetness-soft-3: #DAEAD4;
  --macaron-sweetness-soft-4: #CCE8F2;
  --macaron-sweetness-soft-5: #E8DFF5;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "macaron-sweetness-soft": {
        1: "#F8D3D8",
        2: "#F9D0A7",
        3: "#DAEAD4",
        4: "#CCE8F2",
        5: "#E8DFF5",
      }
    }
  }
}

Related searches

muted pastel color palettesoft macaron shadesdelicate sweet brandingsubtle dessert colorslight ethereal schemes

Palette colors

Hex values

Color 1#F8D3D8
·
Color 2#F9D0A7
·
Color 3#DAEAD4
·
Color 4#CCE8F2
·
Color 5#E8DFF5
·

Accessibility

Contrast checker

1
2
3
4
5
1
1:1Fail
1.1:1Fail
1.1:1Fail
1.1:1Fail
2
1:1Fail
1.1:1Fail
1.1:1Fail
1.1:1Fail
3
1.1:1Fail
1.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 Macaron Sweetness Soft

View all pastel
Buttercream Frosting Soft
Macaron Sweet Delight
Confection Cloud Dream
Cotton Candy Dream
Creamery Soft Serve
Delicate Candy Glaze