Weeping Wisteria

A delicate bleached blue with cool serenity

Weeping Wisteria color codes graphic
Weeping Wisteria is a delicate, bleached blue with a subtle grey undertone. Because it is highly desaturated and light, this shade functions best as a soft background in minimalist UI designs where readability matters. Pair it with deep charcoal text to maintain strong contrast, as black creates a 15.4:1 ratio against the hex code #d7ddec. It brings an airy, professional quality to technology and healthcare interfaces.

About Weeping Wisteria

Faded periwinkle at the bottom of an old porcelain bowl

What does weeping wisteria mean?

Pale blues like this one commonly suggest softness, early spring, and washed-out memories rather than strong feelings. Its high lightness and low saturation make it feel hushed and airy, like fog thinning over water.

Where you see weeping wisteria

  • wisteria petals
  • hydrangea blooms
  • baby blankets
  • sea glass
  • faded denim
  • morning frost

What it works for

Use it as a calm background in nurseries, wedding invitations, wellness brands, and quiet bedroom walls.

What colors go with weeping wisteria?

Questions about Weeping Wisteria

What is the hex code for Weeping Wisteria?
Weeping Wisteria is #d7ddec. In RGB that is rgb(215, 221, 236), in HSL hsl(223, 36%, 88%) and in CMYK 9%, 6%, 0%, 7%.
Does #d7ddec work well for text-heavy interfaces?
Weeping Wisteria works best as a background color rather than for primary text. To maintain accessibility standards, pair it with dark charcoal or deep navy text to ensure the contrast ratio remains high enough for comfortable reading.
Is #d7ddec considered a warm or cool color?
This color is definitively cool, leaning into soft blue and grey undertones. It evokes a calm, sterile, and professional mood that makes it an excellent choice for healthcare, technology, or wellness branding where you want to promote a sense of quiet clarity.
Is Weeping Wisteria readable on white or black?
Weeping Wisteria has a 1.35:1 contrast ratio on white and 15.44:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.