Palette

Wisteria Bloom Trail

Delicate shades of purple mimic the cascading beauty of wisteria blossoms, creating a soft and romantic feel.

pastelelegant5 colors

More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#DDA0DD#BA55D3#8A2BE2#9370DB#C7B9E2

Palette guide

How to use Wisteria Bloom Trail

Overview

The Wisteria Bloom Trail palette (ID: wisteria-bloom-trail) offers a vibrant yet delicate array of purples, mimicking the cascading beauty of wisteria blossoms with a romantic and elegant feel. From the soft #DDA0DD to the rich #8A2BE2, this collection provides a spectrum of enchanting hues. #BA55D3 offers a bright, lively purple, while #9370DB provides a slightly more muted, sophisticated tone. The very light #C7B9E2 acts as an excellent subtle background. This palette is ideal for designs that aim for a charming, artistic, and gracefully refined aesthetic, suitable for conveying both vibrancy and serenity.

Best used for

Artistic or creative branding projects
Elegant event invitations or decor
Fashion and beauty editorial content
Digital illustrations and graphic art
Romantic website themes
Spring garden-inspired products

Suggested color roles

primary

#8A2BE2, a vibrant, deep violet, ideal for impactful headlines, brand logos, or key call-to-action elements that demand attention and convey sophistication.

secondary

#BA55D3, a bright, medium purple, excellent for subheadings, navigation links, or important informational sections to add energy and charm.

accent

#9370DB, a muted, elegant lavender, perfect for subtle highlights, interactive elements, or decorative motifs that add depth without overpowering.

background

#C7B9E2, a very light, airy lavender, serving as a soft, clean canvas that allows the richer purples to stand out beautifully.

text

Use a dark charcoal like #333333 or the deep #8A2BE2 for body text against #C7B9E2 for optimal readability and a refined look.

Accessibility notes

Ensure sufficient contrast when using #DDA0DD text on #C7B9E2, as it may be too low for body text.
#8A2BE2 and #BA55D3 offer good contrast against #C7B9E2 for larger text.
Avoid using lighter purples for small or critical text elements.
Always utilize a contrast checker to ensure all text and interactive elements meet accessibility standards.

Recommended combinations

Vibrant Wisteria

A striking combination for vibrant web interfaces; #C7B9E2 as background, #BA55D3 for links, and #8A2BE2 for strong headings.

#C7B9E2 · #BA55D3 · #8A2BE2

Elegant Cascade

Creates a sophisticated visual flow for artistic designs; #8A2BE2 for primary focus, #9370DB for depth, and #DDA0DD for soft transitions.

#8A2BE2 · #9370DB · #DDA0DD

Romantic Bloom

Ideal for delicate and romantic themes, using #DDA0DD as a primary element, complemented by the lighter #C7B9E2 and vibrant #BA55D3.

#DDA0DD · #C7B9E2 · #BA55D3

CSS variables

:root {
  --wisteria-bloom-trail-1: #DDA0DD;
  --wisteria-bloom-trail-2: #BA55D3;
  --wisteria-bloom-trail-3: #8A2BE2;
  --wisteria-bloom-trail-4: #9370DB;
  --wisteria-bloom-trail-5: #C7B9E2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "wisteria-bloom-trail": {
        1: "#DDA0DD",
        2: "#BA55D3",
        3: "#8A2BE2",
        4: "#9370DB",
        5: "#C7B9E2",
      }
    }
  }
}

Hex values

Color 1#DDA0DD

Color 2#BA55D3

Color 3#8A2BE2

Color 4#9370DB

Color 5#C7B9E2

Accessibility

Contrast checker

1.9:1Fail

2.9:1Fail

1.8:1Fail

1.1:1Fail

1.9:1Fail

1.5:1Fail

1:1Fail

2.2:1Fail

2.9:1Fail

1.5:1Fail

1.6:1Fail

3.3:1AA18

1.8:1Fail

1:1Fail

1.6:1Fail

2.1:1Fail

1.1:1Fail

2.2:1Fail

3.3:1AA18

2.1:1Fail

Similar palettes

More like Wisteria Bloom Trail

Whispering Orchid Glaze

Whispering Orchid Petals

Aetherial Bloom