Palette

Whispering Lilac

A soft and delicate spectrum of lilacs and mauves, like a gentle whisper in a blooming garden.

pastelcalm5 colors

More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E6E6FA#D8BFD8#DDA0DD#BA55D3#800080

Palette guide

How to use Whispering Lilac

Overview

The Whispering Lilac palette offers a delicate and enchanting spectrum of purples, perfect for creating soft, romantic, or luxurious designs. It features a very light lavender #E6E6FA, a gentle mauve #D8BFD8, a more vibrant lilac #DDA0DD, a striking medium purple #BA55D3, and a deep, regal violet #800080. This collection is ideal for designers and developers aiming to evoke feelings of calm, sophistication, and femininity. The harmonious progression from airy pastels to rich, saturated tones allows for versatile application, from subtle backgrounds to impactful calls to action, ensuring a cohesive and elegant visual experience.

Best used for

Beauty and cosmetic brand identities
Wedding invitations and event stationery
Children's apparel and toy packaging
Feminine fashion and lifestyle blogs
Spiritual wellness or meditation app interfaces
Luxury product websites and marketing

Suggested color roles

primary

Use #DDA0DD as a leading color for main content blocks or important visual elements, offering an inviting and soft appeal.

secondary

Employ #BA55D3 for subheadings, secondary buttons, or accent panels, providing a richer purple that adds depth without overwhelming.

accent

Apply #800080 for high-impact elements like calls to action, navigation highlights, or bold typography, providing strong contrast and elegance.

background

Utilize #E6E6FA as a clean, airy background, allowing the other purples to truly shine and maintaining a light, spacious feel.

text

For clear readability on lighter backgrounds, use #800080 for body text or a standard dark charcoal/black.

Accessibility notes

Ensure text on #E6E6FA and #D8BFD8 uses a dark enough color like #800080 to meet contrast requirements.
Lighter purples such as #D8BFD8 may not provide sufficient contrast for small text when paired with other light colors.
Use #800080 for primary text elements to ensure maximum readability across the palette.
Consider larger font sizes or bolding for text using #BA55D3 on mid-tone backgrounds to improve legibility.

Recommended combinations

Soft Floral Whisper

Perfect for subtle gradients, delicate backgrounds, or soft UI elements in feminine designs.

#E6E6FA · #D8BFD8 · #DDA0DD

Rich Lilac Bloom

Ideal for impactful headings, feature sections, or brand elements that require depth and sophistication.

#DDA0DD · #BA55D3 · #800080

Delicate Contrast

Use for clear calls to action on a light background, or for highlighting important information with elegance.

#E6E6FA · #BA55D3 · #800080

CSS variables

:root {
  --whispering-lilac-1: #E6E6FA;
  --whispering-lilac-2: #D8BFD8;
  --whispering-lilac-3: #DDA0DD;
  --whispering-lilac-4: #BA55D3;
  --whispering-lilac-5: #800080;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "whispering-lilac": {
        1: "#E6E6FA",
        2: "#D8BFD8",
        3: "#DDA0DD",
        4: "#BA55D3",
        5: "#800080",
      }
    }
  }
}

Hex values

Color 1#E6E6FA

Color 2#D8BFD8

Color 3#DDA0DD

Color 4#BA55D3

Color 5#800080

Accessibility

Contrast checker

1.4:1Fail

1.7:1Fail

3.2:1AA18

7.7:1AAA

1.4:1Fail

1.2:1Fail

2.3:1Fail

5.5:1AA

1.7:1Fail

1.2:1Fail

1.9:1Fail

4.6:1AA

3.2:1AA18

2.3:1Fail

1.9:1Fail

2.4:1Fail

7.7:1AAA

5.5:1AA

4.6:1AA

2.4:1Fail

Similar palettes

More like Whispering Lilac

Lavender Field Dreams

Lavender Field Haze

Lavender Field Whisper