Back to palettes

Palette

Whispering Wisteria

A delicate, airy cascade of purple hues, like wisteria vines gently swaying in a soft spring breeze.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#ECE6F0#D7CBE4#BFADD9#A490CD#8C71C2

Palette guide

How to use Whispering Wisteria

Overview

The Whispering Wisteria palette offers a serene and delicate cascade of purple hues, evoking the gentle sway of wisteria vines in a soft spring breeze. Designers can leverage its calming nature for elegant and sophisticated projects. Starting with the airy light purple, #ECE6F0, it transitions through subtle mid-tones like #D7CBE4 and #BFADD9, culminating in the richer, more pronounced #A490CD and #8C71C2. This range provides excellent versatility for creating depth and visual interest without overwhelming the user. Developers will find these hex codes ideal for crafting soft UI themes, sophisticated branding, and inviting digital experiences that require a touch of understated elegance and tranquility.

Best used for

  • Wedding invitations and floral designs
  • Spa and wellness branding
  • Feminine apparel and beauty product packaging
  • Baby nursery decor and products
  • Serene website UI themes and mobile apps
  • Elegant stationery and print materials

Suggested color roles

primary

Utilize #A490CD as a primary brand color or for key interactive elements, providing a sophisticated yet gentle focal point.

secondary

Employ #BFADD9 for supporting sections, subheadings, or secondary buttons, offering a harmonious contrast to the primary.

accent

Introduce #8C71C2 as a deep, rich accent for calls-to-action, important icons, or subtle design details, adding depth.

background

Use the lightest shade, #ECE6F0, for clean, airy backgrounds, ensuring spaciousness and readability.

text

For body text, consider a dark charcoal or black (#000000) for optimal readability against lighter backgrounds, or use #8C71C2 for headings on #ECE6F0.

Accessibility notes

  • Ensure sufficient contrast between #ECE6F0 backgrounds and any text, aiming for AA or AAA standards.
  • Use #8C71C2 or a dark neutral for text on #D7CBE4 or #BFADD9 to maintain readability.
  • Avoid pairing #D7CBE4 and #BFADD9 for adjacent elements where contrast is critical, as they are close in value.
  • Test color combinations for visual hierarchy, ensuring interactive elements stand out clearly.

Recommended combinations

Soft Gradient

Ideal for subtle background gradients, delicate illustrations, or layering elements in a minimalist design.

#ECE6F0 · #D7CBE4 · #BFADD9

Elegant Depth

Perfect for creating visual hierarchy in UI, branding, or editorial layouts where sophistication is key.

#D7CBE4 · #A490CD · #8C71C2

Accent Focus

Use the light background with a mid-tone for content and the darkest as an impactful accent for calls to action.

#ECE6F0 · #BFADD9 · #8C71C2

CSS variables

:root {
  --whispering-wisteria-1: #ECE6F0;
  --whispering-wisteria-2: #D7CBE4;
  --whispering-wisteria-3: #BFADD9;
  --whispering-wisteria-4: #A490CD;
  --whispering-wisteria-5: #8C71C2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "whispering-wisteria": {
        1: "#ECE6F0",
        2: "#D7CBE4",
        3: "#BFADD9",
        4: "#A490CD",
        5: "#8C71C2",
      }
    }
  }
}

Related searches

soft purple color schemewisteria design palettepastel purple brandingcalm lavender UIserene floral colors

Palette colors

Hex values

Color 1#ECE6F0
·
Color 2#D7CBE4
·
Color 3#BFADD9
·
Color 4#A490CD
·
Color 5#8C71C2
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.7:1Fail
2.3:1Fail
3.3:1AA18
2
1.3:1Fail
1.3:1Fail
1.8:1Fail
2.6:1Fail
3
1.7:1Fail
1.3:1Fail
1.4:1Fail
1.9:1Fail
4
2.3:1Fail
1.8:1Fail
1.4:1Fail
1.4:1Fail
5
3.3:1AA18
2.6:1Fail
1.9:1Fail
1.4:1Fail

Similar palettes

More like Whispering Wisteria

View all pastel
Cottage Garden Blush
Lavender Bloom Field
Lavender Bloom Morning
Lavender Dream
Lavender Field Breeze
Lavender Haze Bloom