Back to palettes

Palette

Pistachio Macaron Stack

Soft and delicate, these pastel greens evoke the subtle sweetness and inviting texture of pistachio macarons.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Pistachio Macaron Stack 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 Pistachio Macaron Stack.

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

Data visualization

#CCE5CC#AADDAA#88CC88#66BB66#E5F2E5

Palette guide

How to use Pistachio Macaron Stack

Overview

The Pistachio Macaron Stack palette offers a delightful gradient of soft, delicate pastel greens, evoking the subtle sweetness and inviting texture of its namesake dessert. It ranges from the very light #E5F2E5 and #CCE5CC, through a gentle #AADDAA, to the slightly more saturated #88CC88 and #66BB66. These shades create a harmonious and calming visual experience, perfect for designs that aim for freshness, sweetness, and a touch of refined playfulness. This palette is ideal for projects that need a light, inviting, and subtly sophisticated aesthetic.

Best used for

  • Patisserie and cafe branding
  • Baby and children's product packaging
  • Wellness and self-care apps
  • Spring and Easter-themed designs
  • Eco-friendly beauty products
  • Lighthearted lifestyle blogs

Suggested color roles

primary

Use #AADDAA as a fresh, inviting base for backgrounds or large content areas, conveying natural sweetness.

secondary

Employ #88CC88 as an excellent choice for headings, prominent graphic elements, or calls-to-action to add a slightly deeper green pop.

accent

Apply #66BB66 sparingly for important buttons, icons, or celebratory highlights to provide a touch more vibrancy and focus.

background

#E5F2E5 (Very Light Green) or a crisp white provides an airy, clean canvas, allowing the other greens to stand out.

text

For lighter backgrounds, a deep charcoal or a dark forest green provides good readability. For accents, #66BB66 can be used for larger headings, but black or dark grey is best for body text.

Accessibility notes

  • Many pastel green pairings will have insufficient contrast for text; use dark text for readability.
  • #CCE5CC or #E5F2E5 against each other will not provide enough contrast for text.
  • Ensure interactive elements are distinguishable through more than just color, such as underlines or icons.
  • Always use a contrast checker for all text and background pairings to meet WCAG AA standards.

Recommended combinations

Macaron Layers

Ideal for backgrounds, subtle patterns, or to create a layered, gentle aesthetic.

#E5F2E5 · #AADDAA · #88CC88

Sweet Accents

Use for calls-to-action, playful illustrations, or to highlight key features with a fresh feel.

#66BB66 · #AADDAA · #CCE5CC

Fresh Finish

Perfect for secondary content, borders, or to add a touch of natural, lighthearted charm.

#CCE5CC · #E5F2E5 · #66BB66

CSS variables

:root {
  --pistachio-macaron-stack-1: #CCE5CC;
  --pistachio-macaron-stack-2: #AADDAA;
  --pistachio-macaron-stack-3: #88CC88;
  --pistachio-macaron-stack-4: #66BB66;
  --pistachio-macaron-stack-5: #E5F2E5;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "pistachio-macaron-stack": {
        1: "#CCE5CC",
        2: "#AADDAA",
        3: "#88CC88",
        4: "#66BB66",
        5: "#E5F2E5",
      }
    }
  }
}

Related searches

pistachio green palettepastel dessert colorssweet light green schemefresh calm designinviting green aesthetic

Palette colors

Hex values

Color 1#CCE5CC
·
Color 2#AADDAA
·
Color 3#88CC88
·
Color 4#66BB66
·
Color 5#E5F2E5
·

Accessibility

Contrast checker

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

Similar palettes

More like Pistachio Macaron Stack

View all pastel
Macaron Patisserie
Macaron Sweet Delight
Pastel Confection Swirl
Pastel Macaron Delight
Pastel Macaron Dreams
Pastel Macaron Stack