Back to palettes

Palette

Whispering Willow Breezes

A serene and fresh palette that evokes the gentle sway of willow trees and light, airy breezes.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#a5d6a7#81c784#e8f5e9#bbdefb#cfd8dc

Palette guide

How to use Whispering Willow Breezes

Overview

The Whispering Willow Breezes palette is a serene and fresh collection, evoking the gentle sway of willow trees and light, airy breezes. Featuring soft greens like #a5d6a7 and #81c784, alongside the calming light blue of #bbdefb, this palette is inherently peaceful. The almost-white #e8f5e9 provides a clean, expansive base, while #cfd8dc adds a subtle, cool neutral. This palette is excellent for designers and developers seeking to create tranquil, clean, and refreshing digital experiences or branding that conveys a sense of calm, wellness, and natural purity.

Best used for

  • Wellness and mindfulness app interfaces
  • Spa and retreat branding and websites
  • Baby product design and marketing
  • Minimalist interior design concepts
  • Cloud-based software interfaces
  • Eco-friendly and sustainable brand identities

Suggested color roles

primary

Use #a5d6a7 as a gentle primary color, conveying freshness and tranquility in main UI elements.

secondary

Apply #bbdefb for secondary backgrounds or graphical elements, adding a sense of calm and openness.

accent

Introduce #81c784 for a slightly deeper green accent, perfect for subtle calls-to-action or illustrative details.

background

Employ #e8f5e9 as a very light, clean background, providing an airy and expansive canvas.

text

A dark grey or deep teal offers good contrast and complements the cool, fresh tones effectively.

Accessibility notes

  • Ensure sufficient contrast for text, especially when pairing light colors like #e8f5e9 or #cfd8dc.
  • Use darker text colors (e.g., deep blue-green) against all backgrounds for optimal readability.
  • Avoid using #e8f5e9 or #cfd8dc for small text elements to prevent visibility issues.
  • Test all interactive element color combinations to meet WCAG contrast guidelines.

Recommended combinations

Fresh Air

Creates a light, open, and refreshing feel, ideal for clean and modern interfaces.

#A5D6A7 · #E8F5E9 · #BBDEFB

Gentle Green

Offers a harmonious and natural progression of greens, perfect for organic themes.

#A5D6A7 · #81C784 · #E8F5E9

Cool Serenity

Emphasizes the cool, calm, and collected aspects, great for tranquil digital spaces.

#BBDEFB · #CFD8DC · #E8F5E9

CSS variables

:root {
  --whispering-willow-breezes-1: #a5d6a7;
  --whispering-willow-breezes-2: #81c784;
  --whispering-willow-breezes-3: #e8f5e9;
  --whispering-willow-breezes-4: #bbdefb;
  --whispering-willow-breezes-5: #cfd8dc;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "whispering-willow-breezes": {
        1: "#a5d6a7",
        2: "#81c784",
        3: "#e8f5e9",
        4: "#bbdefb",
        5: "#cfd8dc",
      }
    }
  }
}

Related searches

light green blue paletteserene cool colorsairy nature paletteminimalist green schemefresh willow hues

Palette colors

Hex values

Color 1#a5d6a7
·
Color 2#81c784
·
Color 3#e8f5e9
·
Color 4#bbdefb
·
Color 5#cfd8dc
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.5:1Fail
1.2:1Fail
1.1:1Fail
2
1.2:1Fail
1.8:1Fail
1.4:1Fail
1.4:1Fail
3
1.5:1Fail
1.8:1Fail
1.2:1Fail
1.3:1Fail
4
1.2:1Fail
1.4:1Fail
1.2:1Fail
1:1Fail
5
1.1:1Fail
1.4:1Fail
1.3:1Fail
1:1Fail

Similar palettes

More like Whispering Willow Breezes

View all cool
Morning Cloud Ascent
Seaside Brunch
Sunbeam Agave Morning
Tranquil Morning Dew
Alpine Lake Serene
Aqua Seafoam Dream