Back to palettes

Palette

Whispering Willow Shade

Soft, muted greens and airy whites capturing the tranquil coolness found under a weeping willow's embrace.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Whispering Willow 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 Whispering Willow Shade.

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

Data visualization

#6B8E23#9ACD32#ADFF2F#F0FFF0#8FBC8F

Palette guide

How to use Whispering Willow Shade

Overview

The Whispering Willow Shade palette captures the tranquil coolness found under a weeping willow's embrace with its soft, muted greens and airy whites. Featuring vibrant yet gentle hues like #9ACD32 and the refreshing #ADFF2F, alongside the serene #F0FFF0, this palette is perfect for designs seeking a fresh, calm, and light aesthetic. Designers and developers can leverage #6B8E23 for grounding elements and #8FBC8F for harmonious transitions, ensuring an inviting and soothing user experience. This palette is ideal for conveying purity, nature, and quiet rejuvenation.

Best used for

  • Wellness and spa branding
  • Meditation app interfaces
  • Eco-friendly product packaging
  • Botanical garden websites
  • Children's nursery decor
  • Light and airy web designs

Suggested color roles

primary

#6B8E23 - A rich, olive green that can anchor the design, suitable for primary brand elements, headers, or key graphical components.

secondary

#8FBC8F - A softer, muted green that complements the primary, ideal for subheadings, secondary buttons, or subtle background elements.

accent

#ADFF2F - A bright, lively lime green perfect for call-to-action buttons, interactive elements, or highlighting key information with a fresh pop.

background

#F0FFF0 - A very light, almost pure white with a hint of green, creating an expansive, clean, and airy canvas for all content.

text

#6B8E23 - An excellent choice for body text on light backgrounds like #F0FFF0, offering strong legibility and maintaining the palette's natural, fresh tone. Dark charcoal also works well.

Accessibility notes

  • Ensure sufficient contrast for text when using #F0FFF0 as a background, especially with lighter green text colors.
  • Pair darker shades like #6B8E23 with #F0FFF0 for optimal text readability and WCAG AA compliance.
  • Carefully check contrast if placing #ADFF2F text on #F0FFF0 backgrounds; consider increasing text size.
  • Prioritize high contrast for interactive elements and critical information to ensure accessibility for all users.

Recommended combinations

Deep Shade

Excellent for creating a strong, natural foundation in headers, footers, or primary content blocks, evoking depth.

#6B8E23 · #8FBC8F · #9ACD32

Airy Light

Creates a light, airy feel suitable for backgrounds, subtle content cards, or secondary information panels.

#F0FFF0 · #8FBC8F · #9ACD32

Willow Highlights

Effective for interactive components, feature highlights, and graphic elements, balancing vibrancy with natural grounding.

#9ACD32 · #ADFF2F · #6B8E23

CSS variables

:root {
  --whispering-willow-shade-2-1: #6B8E23;
  --whispering-willow-shade-2-2: #9ACD32;
  --whispering-willow-shade-2-3: #ADFF2F;
  --whispering-willow-shade-2-4: #F0FFF0;
  --whispering-willow-shade-2-5: #8FBC8F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "whispering-willow-shade-2": {
        1: "#6B8E23",
        2: "#9ACD32",
        3: "#ADFF2F",
        4: "#F0FFF0",
        5: "#8FBC8F",
      }
    }
  }
}

Related searches

light green white palettecalm nature UI colorsserene willow shade palettefresh green brand colorsairy botanical color scheme

Palette colors

Hex values

Color 1#6B8E23
·
Color 2#9ACD32
·
Color 3#ADFF2F
·
Color 4#F0FFF0
·
Color 5#8FBC8F
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
3.1:1AA18
3.7:1AA18
1.8:1Fail
2
2:1Fail
1.5:1Fail
1.8:1Fail
1.1:1Fail
3
3.1:1AA18
1.5:1Fail
1.2:1Fail
1.8:1Fail
4
3.7:1AA18
1.8:1Fail
1.2:1Fail
2.1:1Fail
5
1.8:1Fail
1.1:1Fail
1.8:1Fail
2.1:1Fail

Similar palettes

More like Whispering Willow Shade

View all cool
Whispering Willow Grove
Emerald Bough Serene
Emerald Lake Depths
Evergreen Forest Retreat
Forest Canopy Glimmer
Forest Canopy Whisper