Back to palettes

Palette

Wisteria Bloom Trail

A gentle progression of lavenders and purples, reflecting the delicate beauty of a wisteria vine in bloom.

pastelcalm5 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

#7A669C#B7A0CB#E1D2E8#5C4A79#9D8BB5

Palette guide

How to use Wisteria Bloom Trail

Overview

The Wisteria Bloom Trail palette (ID: wisteria-bloom-trail-2) presents a captivating progression of lavenders and purples, reflecting the delicate beauty of a wisteria vine in full bloom. This palette ranges from the deep, rich #5C4A79 to the soft, airy #E1D2E8, creating an enchanting and sophisticated mood. #7A669C offers a balanced, medium purple, while #B7A0CB introduces a lighter, more ethereal tone. The slightly darker #9D8BB5 provides a versatile mid-range option. This collection is perfect for designs seeking to convey elegance, romance, and a sense of gentle enchantment, offering depth and softness for both digital and print media.

Best used for

  • Elegant wedding or luxury event branding
  • Sophisticated beauty product lines
  • Floral-themed editorial layouts
  • Artistic photography portfolios
  • High-end fashion accessories
  • Serene interior design concepts

Suggested color roles

primary

#5C4A79, a deep, rich purple, ideal for impactful headings, brand logos, or foundational UI elements that require a strong, luxurious presence.

secondary

#7A669C, a balanced, medium purple, excellent for subheadings, navigation bars, or key informational sections to complement the primary with elegance.

accent

#B7A0CB, a soft, ethereal lavender, perfect for interactive elements, hover states, or subtle highlights that add a touch of delicate brightness.

background

#E1D2E8, a very light, almost white-lilac, serving as a clean, soft canvas that enhances readability and allows the richer purples to shine.

text

Use a dark charcoal like #333333 or the deep #5C4A79 for body text against #E1D2E8 for optimal legibility and sophistication.

Accessibility notes

  • Ensure sufficient contrast between #B7A0CB text and #E1D2E8 background, as it may be too low for body text.
  • #5C4A79 and #7A669C offer good contrast against #E1D2E8 for text.
  • Avoid using light purples for small text sizes to maintain readability.
  • Always check contrast ratios, especially for interactive elements and crucial information.

Recommended combinations

Deep Wisteria

A sophisticated combination for luxury branding; #E1D2E8 as background, #B7A0CB for accents, and #5C4A79 for strong focal points.

#E1D2E8 · #B7A0CB · #5C4A79

Enchanting Trail

Great for creating visual depth in web layouts; #7A669C for primary content, #9D8BB5 for secondary, and #E1D2E8 for backgrounds.

#7A669C · #9D8BB5 · #E1D2E8

Soft Progression

Ideal for subtle gradients or layered designs, providing a harmonious flow, suitable for delicate digital art.

#9D8BB5 · #B7A0CB · #7A669C

CSS variables

:root {
  --wisteria-bloom-trail-2-1: #7A669C;
  --wisteria-bloom-trail-2-2: #B7A0CB;
  --wisteria-bloom-trail-2-3: #E1D2E8;
  --wisteria-bloom-trail-2-4: #5C4A79;
  --wisteria-bloom-trail-2-5: #9D8BB5;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "wisteria-bloom-trail-2": {
        1: "#7A669C",
        2: "#B7A0CB",
        3: "#E1D2E8",
        4: "#5C4A79",
        5: "#9D8BB5",
      }
    }
  }
}

Related searches

deep lavender paletteelegant purple schemewisteria bloom colorssophisticated floral huesenchanting pastel purple

Palette colors

Hex values

Color 1#7A669C
·
Color 2#B7A0CB
·
Color 3#E1D2E8
·
Color 4#5C4A79
·
Color 5#9D8BB5
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.1:1Fail
3.5:1AA18
1.6:1Fail
1.6:1Fail
2
2.1:1Fail
1.6:1Fail
3.3:1AA18
1.3:1Fail
3
3.5:1AA18
1.6:1Fail
5.4:1AA
2.1:1Fail
4
1.6:1Fail
3.3:1AA18
5.4:1AA
2.5:1Fail
5
1.6:1Fail
1.3:1Fail
2.1:1Fail
2.5:1Fail

Similar palettes

More like Wisteria Bloom Trail

View all pastel
Wisteria Dream Cascade
Blushing Petal Softness
Cottage Garden Blush
Crocus Meadow Blossom
Gentle Blossom Whisper
Lavender Bloom Field