Back to palettes

Palette

Lavender Wisteria Whispers

A delicate and romantic palette reflecting the gentle beauty of wisteria and lavender in a sunlit garden.

pastelelegant5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#A792B1#C1A2D2#E0BBE4#FCDFFF#B8C5D6

Palette guide

How to use Lavender Wisteria Whispers

Overview

The Lavender Wisteria Whispers palette is a delicate and romantic collection, perfectly capturing the soft beauty of blooming wisteria and lavender. Ranging from the almost-white #FCDFFF to the gentle #E0BBE4, #C1A2D2, and the more grounded #A792B1 and #B8C5D6 (a soft blue-grey), this palette offers an ethereal and elegant feel. It’s an exceptional choice for designers and developers aiming to create light, airy, and sophisticated visuals that evoke charm and tranquility. This scheme is particularly effective for projects that require a touch of subtle grace.

Best used for

  • Wedding invitations and decor
  • Feminine beauty product branding
  • Spring fashion collections
  • Elegant floral website designs
  • Baby product packaging
  • Soft, minimalist user interfaces

Suggested color roles

primary

Use #C1A2D2 as a calming primary color for main content blocks or prominent branding elements, offering a soft lavender appeal.

secondary

Employ #A792B1 for supporting information, subheadings, or subtle borders, providing a slightly deeper, grounding tone.

accent

Apply #E0BBE4 for delicate highlights, hover states, or decorative elements, adding a touch of ethereal lightness.

background

The lightest shade, #FCDFFF, serves as an impeccable, almost-white background, enhancing the airiness of the design.

text

Utilize #A792B1 for headings and important text, or a dark charcoal (e.g., #333333) for body text to ensure optimal readability on light backgrounds.

Accessibility notes

  • Given the lightness of most colors, ensure body text uses a dark color like #333333 or #A792B1 to meet WCAG contrast guidelines.
  • Avoid using light text on any of this palette's colors except for very large display text, as contrast will likely be insufficient.
  • For interactive elements, test the contrast of button text and icons against their background, especially with #C1A2D2 and #B8C5D6.
  • Consider larger font sizes for text set in #A792B1 to improve legibility against lighter backgrounds.

Recommended combinations

Ethereal Elegance

Perfect for a wedding invitation, with #FCDFFF as the background, #C1A2D2 for main text, and #A792B1 for accents.

#FCDFFF · #C1A2D2 · #A792B1

Soft Contrast

Ideal for a minimalist website section, using #B8C5D6 for a subtle background, #E0BBE4 for highlights, and #C1A2D2 for titles.

#B8C5D6 · #E0BBE4 · #C1A2D2

Whisper Bloom

Effective for creating a gentle gradient effect in UI elements, moving from a deeper lavender to an airy white.

#A792B1 · #C1A2D2 · #FCDFFF

CSS variables

:root {
  --lavender-wisteria-whispers-1: #A792B1;
  --lavender-wisteria-whispers-2: #C1A2D2;
  --lavender-wisteria-whispers-3: #E0BBE4;
  --lavender-wisteria-whispers-4: #FCDFFF;
  --lavender-wisteria-whispers-5: #B8C5D6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "lavender-wisteria-whispers": {
        1: "#A792B1",
        2: "#C1A2D2",
        3: "#E0BBE4",
        4: "#FCDFFF",
        5: "#B8C5D6",
      }
    }
  }
}

Related searches

wisteria color palettepastel lavender schemeromantic floral colorssoft purple blueelegant spring palette

Palette colors

Hex values

Color 1#A792B1
·
Color 2#C1A2D2
·
Color 3#E0BBE4
·
Color 4#FCDFFF
·
Color 5#B8C5D6
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.7:1Fail
2.3:1Fail
1.6:1Fail
2
1.3:1Fail
1.3:1Fail
1.8:1Fail
1.3:1Fail
3
1.7:1Fail
1.3:1Fail
1.4:1Fail
1:1Fail
4
2.3:1Fail
1.8:1Fail
1.4:1Fail
1.4:1Fail
5
1.6:1Fail
1.3:1Fail
1:1Fail
1.4:1Fail

Similar palettes

More like Lavender Wisteria Whispers

View all pastel