Back to palettes

Palette

Wisteria Trellis Bloom

Soft, romantic lavenders and purples that bloom gently on a sun-dappled wisteria trellis.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#9C78A6#B49EC4#D0C6E4#7D6386#67516F

Palette guide

How to use Wisteria Trellis Bloom

Overview

The Wisteria Trellis Bloom palette offers a serene and romantic collection of soft purples and lavenders, ideal for creating gentle, inviting designs. Featuring harmonious shades like the muted violet #9C78A6, the delicate lavender #B49EC4, and the airy light purple #D0C6E4, this palette is perfect for projects seeking a touch of elegance and tranquility. Deeper tones such as the rich #7D6386 and the grounding #67516F provide subtle contrast and depth, ensuring versatility for both digital and print applications. Designers can leverage this palette for branding that conveys softness, calm, and natural beauty, evoking the gentle bloom of spring.

Best used for

  • romantic wedding invitations
  • luxury spa branding
  • feminine fashion blogs
  • baby product packaging
  • floral design websites
  • calm meditation app UI

Suggested color roles

primary

A versatile mid-tone purple, #9C78A6, excellent for main headings or primary brand elements, offering a sophisticated yet soft presence.

secondary

A lighter, airy lavender, #B49EC4, perfect for subheadings, background accents, or secondary interactive elements, complementing the primary.

accent

A deeper, more saturated purple, #7D6386, ideal for calls-to-action, key icons, or subtle highlights that need to draw attention without being overly bold.

background

A very light, almost ethereal purple, #D0C6E4, suited for large background areas or card elements, providing a clean and soft canvas.

text

A dark, rich purple #67516F that offers good contrast against lighter shades, suitable for body text or important labels, or use a near-black for maximum legibility.

Accessibility notes

  • Ensure sufficient contrast when pairing #67516F or #7D6386 with #D0C6E4 for body text (WCAG AA).
  • Lighter shades like #B49EC4 and #D0C6E4 may require darker text (e.g., charcoal or black) to meet readability standards.
  • Use #9C78A6 as a background for lighter text cautiously; always check contrast ratios.
  • Reserve #D0C6E4 for large text or decorative elements if used against a very light background, as its low contrast can be challenging.

Recommended combinations

Soft Harmony

Ideal for gentle gradients, soft UI elements, or subtle branding where a serene, cohesive look is desired.

#D0C6E4 · #B49EC4 · #9C78A6

Elegant Depth

Creates a sophisticated contrast, suitable for headers, footers, or sections needing more visual weight against a lighter background.

#67516F · #7D6386 · #B49EC4

Spring Whisper

A balanced trio for main content areas, offering a soft primary, a light background, and a dark, legible text color.

#9C78A6 · #D0C6E4 · #67516F

CSS variables

:root {
  --wisteria-trellis-bloom-1: #9C78A6;
  --wisteria-trellis-bloom-2: #B49EC4;
  --wisteria-trellis-bloom-3: #D0C6E4;
  --wisteria-trellis-bloom-4: #7D6386;
  --wisteria-trellis-bloom-5: #67516F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "wisteria-trellis-bloom": {
        1: "#9C78A6",
        2: "#B49EC4",
        3: "#D0C6E4",
        4: "#7D6386",
        5: "#67516F",
      }
    }
  }
}

Related searches

soft purple color schemepastel lavender paletteromantic floral colorsspring bloom designcalm purple branding

Palette colors

Hex values

Color 1#9C78A6
·
Color 2#B49EC4
·
Color 3#D0C6E4
·
Color 4#7D6386
·
Color 5#67516F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.3:1Fail
1.4:1Fail
1.9:1Fail
2
1.5:1Fail
1.5:1Fail
2.2:1Fail
2.9:1Fail
3
2.3:1Fail
1.5:1Fail
3.2:1AA18
4.3:1AA18
4
1.4:1Fail
2.2:1Fail
3.2:1AA18
1.3:1Fail
5
1.9:1Fail
2.9:1Fail
4.3:1AA18
1.3:1Fail

Similar palettes

More like Wisteria Trellis Bloom

View all pastel
Whispering Wisteria
Cherry Blossom Cloud
Cottage Garden Blush
Lavender Bloom Field
Lavender Bloom Morning
Lavender Dream