Back to palettes

Palette

Sweet Macaron Delight

A whimsical assortment of pastel pinks, blues, yellows, and greens, like a tray of delicious french macarons.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sweet Macaron Delight 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 Sweet Macaron Delight.

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

Data visualization

#FFC0CB#ADD8E6#FDFD96#98FB98#F0FFF0

Palette guide

How to use Sweet Macaron Delight

Overview

The "Sweet Macaron Delight" palette is a whimsical assortment of soft pastels, echoing the delicate charm of French macarons. It features a gentle pink (#FFC0CB), a serene sky blue (#ADD8E6), a cheerful pastel yellow (#FDFD96), a fresh light green (#98FB98), and an airy near-white (#F0FFF0). This diverse and inviting collection is perfect for designs that aim to be playful, sweet, and visually light. Designers can leverage these distinct hues to create engaging user interfaces, captivating children's content, or charming branding, ensuring a consistent and delightful visual experience that truly evokes joy and sweetness.

Best used for

  • Children's clothing brands
  • Bakery and confectionery websites
  • Baby product marketing
  • Playful mobile app designs
  • Party planning and decor
  • Creative digital illustrations

Suggested color roles

primary

Utilize #FFC0CB (Gentle Pink) or #ADD8E6 (Sky Blue) for dominant sections, headers, or key graphical elements, providing a soft anchor.

secondary

Apply #FDFD96 (Pastel Yellow) or #98FB98 (Light Green) for subheadings, background accents, or larger content blocks to add balance and warmth.

accent

Employ #FFC0CB (Gentle Pink) or #ADD8E6 (Sky Blue) sparingly for key highlights, interactive elements, or unique graphical details to add a pop of color.

background

Use #F0FFF0 (Honeydew) as a clean, airy backdrop that ensures good contrast for darker text while maintaining the palette's gentle mood.

text

For optimal readability, a dark charcoal or black (e.g., #333333) is recommended for body text. #FFC0CB or #ADD8E6 can be used for significant headings on light backgrounds.

Accessibility notes

  • Ensure sufficient contrast when pairing text with backgrounds, especially with lighter shades like #FDFD96 or #98FB98; dark text is crucial.
  • Avoid using #FFC0CB and #FDFD96 in close proximity for small text or critical information due to their similar lightness.
  • When using any of these pastels for text, ensure the background is significantly darker or lighter to meet WCAG contrast guidelines.
  • Test color combinations for readability, particularly for users with color vision deficiencies, as similar pastels can sometimes be challenging.

Recommended combinations

Sweet Harmony

Creates a balanced, soft, and inviting look, perfect for backgrounds and gentle UI elements.

#F0FFF0 · #FFC0CB · #ADD8E6

Playful Burst

Offers a cheerful and vibrant combination for engaging sections or creative illustrations, full of energy.

#FDFD96 · #98FB98 · #ADD8E6

Macaron Medley

Use the lightest color as a base, with pink and yellow for strong accents and supporting details to evoke a dessert theme.

#F0FFF0 · #FFC0CB · #FDFD96

CSS variables

:root {
  --sweet-macaron-delight-1: #FFC0CB;
  --sweet-macaron-delight-2: #ADD8E6;
  --sweet-macaron-delight-3: #FDFD96;
  --sweet-macaron-delight-4: #98FB98;
  --sweet-macaron-delight-5: #F0FFF0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sweet-macaron-delight": {
        1: "#FFC0CB",
        2: "#ADD8E6",
        3: "#FDFD96",
        4: "#98FB98",
        5: "#F0FFF0",
      }
    }
  }
}

Related searches

pastel dessert color palettesweet playful ui colorslight soft color schemesmacaron inspired brandinggentle candy colors

Palette colors

Hex values

Color 1#FFC0CB
·
Color 2#ADD8E6
·
Color 3#FDFD96
·
Color 4#98FB98
·
Color 5#F0FFF0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1:1Fail
1.4:1Fail
1.2:1Fail
1.5:1Fail
2
1:1Fail
1.4:1Fail
1.2:1Fail
1.5:1Fail
3
1.4:1Fail
1.4:1Fail
1.2:1Fail
1:1Fail
4
1.2:1Fail
1.2:1Fail
1.2:1Fail
1.2:1Fail
5
1.5:1Fail
1.5:1Fail
1:1Fail
1.2:1Fail

Similar palettes

More like Sweet Macaron Delight

View all pastel
Candy Shop Nostalgia
Confection Cloud Dream
Confectionary Delight Swirl
Cotton Candy Hues
Creamery Soft Serve
Delicate Macaron Bloom