Palette

Ethereal Whispering Veil

Soft, muted lavenders that feel like a delicate, translucent veil drifting in a dreamscape.

pastelcalm5 colors

More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Ethereal Whispering Veil 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 Ethereal Whispering Veil.

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

Data visualization

#e9e4f0#d1c7e0#b9acce#a191bb#8976a9

Palette guide

How to use Ethereal Whispering Veil

Overview

The Ethereal Whispering Veil palette is a dreamlike collection of soft, muted lavenders that evoke a sense of delicate mystery and tranquil elegance. Ranging from the almost white #e9e4f0 to the deeper, yet still gentle, #8976a9, this palette offers a sophisticated spectrum of purples. The mid-tones like #d1c7e0 and #b9acce provide a beautiful transition, while #a191bb adds a touch more depth without losing the ethereal quality. Designers seeking to create a luxurious, introspective, or subtly feminine aesthetic will find this palette invaluable. It's ideal for branding that aims for serenity, high-end product packaging, or digital interfaces that require a soft, inviting, and unique color scheme. Developers can use these hex codes to craft enchanting visual experiences.

Best used for

Luxury cosmetic or skincare branding
Meditation and mindfulness apps
High-end stationery and wedding invitations
Feminine fashion or lifestyle blogs
Dream-themed digital art or illustrations
Boutique hotel branding and interiors

Suggested color roles

primary

A sophisticated, muted lavender, #a191bb, excellent for main headings, call-to-action buttons, or key visual elements, providing an elegant focal point.

secondary

A lighter, serene purple, #b9acce, suitable for subheadings, secondary buttons, or decorative accents, complementing the primary tone.

accent

A very soft lavender, #d1c7e0, perfect for subtle highlights, hover states, or delicate UI indicators, adding a touch of airiness.

background

A near-white with a hint of lavender, #e9e4f0, offering a clean, gentle canvas that enhances readability and maintains the ethereal mood.

text

A rich, dark purple or deep charcoal like #4A3E5C is recommended for body text to ensure strong contrast and maintain the palette's sophisticated feel.

Accessibility notes

Ensure sufficient contrast for text when using #a191bb on backgrounds like #d1c7e0 or #e9e4f0.
The lightest colors (#e9e4f0, #d1c7e0) should generally not be used for text themselves due to low contrast.
Always pair body text with a dark, contrasting color (e.g., black or deep charcoal/plum) against any of the lighter palette backgrounds.
Verify contrast ratios for any interactive elements, especially if using lighter purples for text or icons.

Recommended combinations

Twilight Dream

Ideal for creating soft, gradient backgrounds or elegant headers that transition smoothly.

#E9E4F0 · #D1C7E0 · #A191BB

Velvet Touch

Excellent for UI components like cards, panels, or buttons where depth and softness are desired.

#8976A9 · #B9ACCE · #D1C7E0

Whisper Bloom

Perfect for delicate brand logos, subtle patterns, or graphic elements requiring a serene, sophisticated blend.

#E9E4F0 · #B9ACCE · #A191BB

CSS variables

:root {
  --ethereal-whispering-veil-1: #e9e4f0;
  --ethereal-whispering-veil-2: #d1c7e0;
  --ethereal-whispering-veil-3: #b9acce;
  --ethereal-whispering-veil-4: #a191bb;
  --ethereal-whispering-veil-5: #8976a9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ethereal-whispering-veil": {
        1: "#e9e4f0",
        2: "#d1c7e0",
        3: "#b9acce",
        4: "#a191bb",
        5: "#8976a9",
      }
    }
  }
}

Hex values

Color 1#e9e4f0

Color 2#d1c7e0

Color 3#b9acce

Color 4#a191bb

Color 5#8976a9

Accessibility

Contrast checker

1.3:1Fail

1.7:1Fail

2.3:1Fail

3.2:1AA18

1.3:1Fail

1.8:1Fail

2.5:1Fail

1.7:1Fail

1.3:1Fail

1.4:1Fail

1.9:1Fail

2.3:1Fail

1.8:1Fail

1.4:1Fail

3.2:1AA18

2.5:1Fail

1.9:1Fail

1.4:1Fail

Similar palettes

More like Ethereal Whispering Veil

Ethereal Whispering Veil

See it in context.

Ready when you are.

Built with Ethereal Whispering Veil.

How to use Ethereal Whispering Veil

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Twilight Dream

Velvet Touch

Whisper Bloom

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Ethereal Whispering Veil