Back to palettes

Palette

Pistachio Mousse Dream

A delicate blend of soft, dreamy pastels evoking the creamy texture and sweet delight of pistachio desserts.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Pistachio Mousse Dream 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 Mousse Dream.

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

Data visualization

#f0f8ff#e6e6fa#d8bfd8#dda0dd#cc99cc

Palette guide

How to use Pistachio Mousse Dream

Overview

The "Pistachio Mousse Dream" palette offers a truly delicate and enchanting collection of pastel purples and near-whites, perfect for projects seeking a serene and sophisticated touch. This sweet array ranges from the ethereal almost-white of #f0f8ff to the soft lavender whisper of #e6e6fa. Deeper hues like the gentle mauve #d8bfd8 provide subtle depth, while #dda0dd and the richer #cc99cc introduce a charming, understated elegance. Designers and developers will find this palette ideal for creating interfaces and branding that feel light, airy, and inviting, evoking the creamy, delightful essence of a gourmet dessert. It's a versatile choice for conveying softness and tranquility.

Best used for

  • Boutique dessert shop branding and packaging
  • Wedding invitations and event decor
  • Baby product websites or nursery designs
  • Relaxed and feminine UI/UX designs
  • Beauty and skincare brand visuals
  • Spa or wellness retreat marketing materials

Suggested color roles

primary

#e6e6fa. A soft lavender base, excellent for main content areas or background sections where a hint of color is desired without overwhelming.

secondary

#d8bfd8. This gentle mauve provides a slightly more saturated option, suitable for headings, secondary buttons, or distinct content blocks.

accent

#cc99cc. The deepest purple in the palette, perfect for calls-to-action, important icons, or decorative elements that need to stand out with a touch of elegance.

background

#f0f8ff. This almost-white hue serves as an airy, clean canvas, ensuring content remains light and easy on the eyes.

text

Use a dark neutral like #333333 or pure black on #f0f8ff or #e6e6fa for optimal readability, as the palette itself is very light.

Accessibility notes

  • Ensure sufficient contrast (WCAG AA or AAA) when pairing any of the purples with #f0f8ff for text, especially for essential information.
  • Avoid using lighter pastels like #e6e6fa for small text on #f0f8ff backgrounds, as readability will be compromised.
  • For interactive elements, use the darkest color (#cc99cc) or a very dark neutral for text to guarantee clickability and visibility.
  • Consider providing an option for users to switch to a higher contrast theme if the delicate nature of this palette is too challenging for some.

Recommended combinations

Ethereal Base

Ideal for creating soft, dreamy backgrounds and primary content areas, offering a subtle gradient effect.

#F0F8FF · #E6E6FA · #D8BFD8

Gentle Contrast

Provides a delicate but noticeable contrast for headings, sub-sections, and interactive elements within a light design.

#E6E6FA · #DDA0DD · #CC99CC

Accent Pop

Use the darkest purple (#cc99cc) for key accents against the lightest background (#f0f8ff), complemented by a soft secondary (#e6e6fa).

#F0F8FF · #CC99CC · #E6E6FA

CSS variables

:root {
  --pistachio-mousse-dream-1: #f0f8ff;
  --pistachio-mousse-dream-2: #e6e6fa;
  --pistachio-mousse-dream-3: #d8bfd8;
  --pistachio-mousse-dream-4: #dda0dd;
  --pistachio-mousse-dream-5: #cc99cc;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "pistachio-mousse-dream": {
        1: "#f0f8ff",
        2: "#e6e6fa",
        3: "#d8bfd8",
        4: "#dda0dd",
        5: "#cc99cc",
      }
    }
  }
}

Related searches

pastel purple color schemesoft dessert branding colorsdreamy wedding palettedelicate UI colorssweet lavender aesthetic

Palette colors

Hex values

Color 1#f0f8ff
·
Color 2#e6e6fa
·
Color 3#d8bfd8
·
Color 4#dda0dd
·
Color 5#cc99cc
·

Accessibility

Contrast checker

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

Similar palettes

More like Pistachio Mousse Dream

View all pastel
Sugared Petal Dust
Wisteria Dream Cascade
Blushing Petal Softness
Cherry Blossom Haze
Crocus Meadow Blossom
Dawn Cloud Whisper