Back to palettes

Palette

Delicate Macaron Bloom

A delightful stack of soft, airy pastels, mirroring the sugary charm of French macarons.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FFC0CB#ADD8E6#90EE90#F0E68C#DDA0DD

Palette guide

How to use Delicate Macaron Bloom

Overview

The Delicate Macaron Bloom palette is a delightful stack of soft, airy pastels, mirroring the sugary charm of French macarons. It features a cheerful array of hues: the classic pink #FFC0CB, a serene light blue #ADD8E6, a fresh mint green #90EE90, a sunny light yellow #F0E68C, and a gentle lavender #DDA0DD. This playful, sweet, and soft collection is perfect for designers seeking to evoke joy, whimsy, and a touch of confectionary elegance. Developers can utilize these hues for dessert shop branding, children's applications, or lighthearted UI designs that convey a sense of innocence, cheerfulness, and delicate charm, like a springtime treat.

Best used for

  • Bakery or patisserie branding
  • Children's book illustrations
  • Sweet-themed event decor
  • Creative portfolio websites
  • Feminine fashion accessories
  • Playful mobile app interfaces

Suggested color roles

primary

#FFC0CB - A classic, soft pink, ideal for expansive backgrounds or main content areas, conveying sweetness.

secondary

#ADD8E6 - A gentle sky blue, perfect for content sections, subtle headers, or supporting elements.

accent

#90EE90 - A fresh, vibrant mint green, excellent for interactive elements, calls to action, or cheerful graphical accents.

background

#F0E68C - A sunny, light yellow that serves as a versatile background for content, offering a warm, inviting base.

text

charcoal - A dark charcoal or deep grey (#333333) is recommended for primary text against these very light pastels to ensure excellent readability.

Accessibility notes

  • All colors in this palette are very light; text will require significant contrast. Always use a dark color (e.g., #333333 or black) for text.
  • Avoid using any of the palette colors for text on another color from the same palette, as contrast will be insufficient.
  • For interactive elements, consider adding borders or strong hover states, as color alone might not provide enough visual cue.
  • Ensure that important information is not solely conveyed by color, especially for users with color vision deficiencies.

Recommended combinations

Macaron Stack

To create soft, layered backgrounds or for illustrating variety in product displays.

#FFC0CB · #ADD8E6 · #90EE90

Sweet Blossom

For highlighting key information or creating cheerful, harmonious graphic elements in a playful design.

#ADD8E6 · #F0E68C · #DDA0DD

Pastel Delight

Effective for lighthearted branding or delicate UI accents, offering a gentle, inviting visual experience.

#FFC0CB · #90EE90 · #DDA0DD

CSS variables

:root {
  --delicate-macaron-bloom-1: #FFC0CB;
  --delicate-macaron-bloom-2: #ADD8E6;
  --delicate-macaron-bloom-3: #90EE90;
  --delicate-macaron-bloom-4: #F0E68C;
  --delicate-macaron-bloom-5: #DDA0DD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "delicate-macaron-bloom": {
        1: "#FFC0CB",
        2: "#ADD8E6",
        3: "#90EE90",
        4: "#F0E68C",
        5: "#DDA0DD",
      }
    }
  }
}

Related searches

macaron color palettesweet pastel colorsplayful dessert themesoft colorful UIdelicate confectionery shades

Palette colors

Hex values

Color 1#FFC0CB
·
Color 2#ADD8E6
·
Color 3#90EE90
·
Color 4#F0E68C
·
Color 5#DDA0DD
·

Accessibility

Contrast checker

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

Similar palettes

More like Delicate Macaron Bloom

View all pastel
Pastel Macaron Towers
Confection Cloud Dream
Creamery Soft Serve
Gelato Scoop Dream
Macaron Pastel Tower
Pastel Macaron Delight