Back to palettes

Palette

Wisteria Pergola Shade

Soft lavenders and gentle greens create a serene atmosphere, inspired by delicate wisteria flowers cascading in shade.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Wisteria Pergola Shade 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 Pergola Shade.

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

Data visualization

#C8A2C8#B09EB0#DED0B9#97A78C#F8F4F0

Palette guide

How to use Wisteria Pergola Shade

Overview

The Wisteria Pergola Shade palette creates a serene atmosphere, inspired by delicate wisteria flowers cascading in gentle shade, intertwined with natural greenery. This unique collection blends soft lavenders and muted greens with warm, earthy neutrals. Ranging from the almost-white #F8F4F0 to the calming #97A78C, this palette evokes a sense of natural tranquility and understated elegance. #C8A2C8 provides a soft lavender, while #B09EB0 offers a slightly deeper, muted purple. The warm #DED0B9 introduces a subtle, grounding beige. This palette is ideal for designs seeking a natural, calm, and sophisticated feel, perfect for conveying organic beauty and peaceful environments.

Best used for

  • Nature-inspired branding for spas or retreats
  • Organic or sustainable product packaging
  • Garden-themed event invitations
  • Interior design for calm, earthy spaces
  • Gentle, minimalist website designs
  • Botanical illustrations

Suggested color roles

primary

#97A78C, a muted, earthy green, ideal for foundational elements, main headings, or brand logos that convey natural stability and tranquility.

secondary

#B09EB0, a soft, muted purple-gray, excellent for subheadings, navigation links, or secondary informational areas to complement the primary with a gentle, organic feel.

accent

#C8A2C8, a delicate lavender, perfect for subtle highlights, interactive elements, or decorative motifs that add a touch of floral elegance.

background

#F8F4F0, a warm, near-white cream, serving as a clean, inviting canvas that enhances readability and provides a soft, natural base.

text

Use a dark charcoal like #333333 or the primary #97A78C for body text against #F8F4F0 for optimal legibility and a harmonious look.

Accessibility notes

  • Ensure sufficient contrast when using #C8A2C8 text on #F8F4F0 background, as it will likely be too low for body text.
  • #97A78C and #B09EB0 offer good contrast against #F8F4F0 for larger text.
  • Avoid using very light colors for small or critical text elements.
  • Always use a contrast checker to verify all text and interactive elements meet accessibility standards.

Recommended combinations

Shaded Garden

A natural and serene combination for web interfaces; #F8F4F0 as background, #97A78C for headings, and #B09EB0 for accents.

#F8F4F0 · #97A78C · #B09EB0

Earthy Bloom

Creates an organic and elegant feel for product packaging or branding, blending natural green with soft neutrals and lavender.

#97A78C · #DED0B9 · #C8A2C8

Pergola Light

Ideal for subtle gradients or layered designs, providing a soft, airy effect, suitable for delicate, nature-inspired graphics.

#C8A2C8 · #B09EB0 · #F8F4F0

CSS variables

:root {
  --wisteria-pergola-shade-1: #C8A2C8;
  --wisteria-pergola-shade-2: #B09EB0;
  --wisteria-pergola-shade-3: #DED0B9;
  --wisteria-pergola-shade-4: #97A78C;
  --wisteria-pergola-shade-5: #F8F4F0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "wisteria-pergola-shade": {
        1: "#C8A2C8",
        2: "#B09EB0",
        3: "#DED0B9",
        4: "#97A78C",
        5: "#F8F4F0",
      }
    }
  }
}

Related searches

wisteria green palettenatural garden colorscalm floral schemeearthy lavender huesserene pergola palette

Palette colors

Hex values

Color 1#C8A2C8
·
Color 2#B09EB0
·
Color 3#DED0B9
·
Color 4#97A78C
·
Color 5#F8F4F0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.5:1Fail
1.2:1Fail
2:1Fail
2
1.1:1Fail
1.7:1Fail
1:1Fail
2.3:1Fail
3
1.5:1Fail
1.7:1Fail
1.7:1Fail
1.4:1Fail
4
1.2:1Fail
1:1Fail
1.7:1Fail
2.3:1Fail
5
2:1Fail
2.3:1Fail
1.4:1Fail
2.3:1Fail

Similar palettes

More like Wisteria Pergola Shade

View all pastel
Dewdrop Petal Blush
Lavender Dream Haze
Lavender Field Dream
Lavender Field Dreams
Lavender Field Peace
Lavender Field Whisper