Back to palettes

Palette

Macaron Sugar Bloom

A delectable selection of soft, muted shades inspired by delicate French confections.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Macaron Sugar Bloom 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 Sugar Bloom.

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

Data visualization

#FFB6C1#87CEEB#98FB98#FFFFE0#E6E6FA

Palette guide

How to use Macaron Sugar Bloom

Overview

The Macaron Sugar Bloom palette is a delectable selection of soft, muted shades inspired by delicate French confections. It features #FFB6C1 (Light Pink), #87CEEB (Sky Blue), #98FB98 (Pale Green), #FFFFE0 (Light Yellow), and #E6E6FA (Lavender Blush). This charming collection is ideal for designers and developers aiming to create cheerful, sweet, and inviting experiences. It conveys a sense of lightheartedness and gentle beauty, making it perfect for confectionery branding, children's themes, spring events, or any project that benefits from a soft, delicate, and subtly vibrant aesthetic.

Best used for

  • Confectionery and sweet treat branding
  • Baby clothing and nursery product design
  • Spring seasonal marketing campaigns
  • Cheerful stationery and greeting cards
  • Children's toy and game packaging
  • Lifestyle and personal blogging aesthetics

Suggested color roles

primary

Utilize #E6E6FA as a soft, neutral base for backgrounds or main content areas, providing a serene foundation.

secondary

Employ #FFB6C1 or #FFFFE0 for supporting elements, headers, or secondary information, adding gentle warmth.

accent

Introduce #87CEEB for a fresh, cool pop in illustrations or interactive elements. #98FB98 adds a subtle, natural highlight.

background

A light and airy background can be created with #FFFFE0 or #E6E6FA, offering a clean and inviting canvas.

text

For optimal readability, use a dark gray or black text. Avoid using any of the pastel palette colors for small body text due to low contrast.

Accessibility notes

  • Text contrast is crucial; always use dark text (e.g., black or dark gray) on these light pastel backgrounds to ensure readability.
  • Avoid using any of the palette colors for small body text, as they will likely not meet WCAG contrast guidelines.
  • Ensure interactive elements are clearly distinguishable through means other than just color, such as size or underline.
  • Colors like #87CEEB and #FFB6C1 offer slightly more depth and could be used for very large headings if contrast is carefully checked.

Recommended combinations

Sweet Bloom

Creates a lovely, natural, and sweet feel, ideal for floral or confectionery themes.

#FFB6C1 · #98FB98 · #FFFFE0

Sky & Sugar

Offers a cool and warm balance, perfect for dreamy and inviting designs with a playful touch.

#87CEEB · #E6E6FA · #FFB6C1

Cheerful Mix

Provides a bright, harmonious, and uplifting combination, great for engaging and soft visuals.

#FFFFE0 · #98FB98 · #87CEEB

CSS variables

:root {
  --macaron-sugar-bloom-1: #FFB6C1;
  --macaron-sugar-bloom-2: #87CEEB;
  --macaron-sugar-bloom-3: #98FB98;
  --macaron-sugar-bloom-4: #FFFFE0;
  --macaron-sugar-bloom-5: #E6E6FA;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "macaron-sugar-bloom": {
        1: "#FFB6C1",
        2: "#87CEEB",
        3: "#98FB98",
        4: "#FFFFE0",
        5: "#E6E6FA",
      }
    }
  }
}

Related searches

sugar bloom palettepastel macaron colorsdelicate cheerful hueslight sweet designsoft spring branding

Palette colors

Hex values

Color 1#FFB6C1
·
Color 2#87CEEB
·
Color 3#98FB98
·
Color 4#FFFFE0
·
Color 5#E6E6FA
·

Accessibility

Contrast checker

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

Similar palettes

More like Macaron Sugar Bloom

View all pastel
Parisian Macaron Display
Parisian Patisserie Treat
Buttercream Swirl Cake
Macaron Cloud Dream
Macaron Tower Blush
Macaron Tower Pastel