Back to palettes

Palette

Willow Branch Breeze

Soft greens and gentle blues capture the peaceful sway of willow branches by a tranquil stream.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Willow Branch Breeze 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 Willow Branch Breeze.

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

Data visualization

#8FBC8F#6B8E23#ADD8E6#E0FFFF#B0E0E6

Palette guide

How to use Willow Branch Breeze

Overview

The Willow Branch Breeze palette captures the peaceful sway of willow branches by a tranquil stream, featuring soft greens and gentle blues. This cool and serene collection includes Medium Aquamarine (#8FBC8F), a grounding Olive Drab (#6B8E23), a calming Light Blue (#ADD8E6), a crisp Light Cyan (#E0FFFF), and a deeper Pale Turquoise (#B0E0E6). It's an excellent choice for designers aiming to create a sense of calm, natural beauty, and freshness. The harmonious blend of blues and greens makes it versatile for projects that require a soothing yet elegant aesthetic, from digital interfaces to physical products.

Best used for

  • Spa and wellness brand identities
  • Eco-friendly product packaging
  • Tranquil interior design concepts
  • Serene web and app user interfaces
  • Baby nursery decor and products
  • Outdoor and nature-themed photography

Suggested color roles

primary

Utilize #6B8E23 (Olive Drab) for strong foundational elements, headings, or brand anchors, conveying natural stability.

secondary

Apply #ADD8E6 (Light Blue) for supporting content, subheadings, or background sections, adding a refreshing, airy feel.

accent

Introduce #8FBC8F (Medium Aquamarine) for highlights, icons, or interactive elements to add a subtle pop of natural freshness.

background

Use #E0FFFF (Light Cyan) for clean, expansive backgrounds, creating a bright and ethereal canvas.

text

For optimal readability, use a dark color like charcoal, deep green (#6B8E23), or navy blue on lighter backgrounds, and white on darker tones.

Accessibility notes

  • Ensure high contrast for text on lighter blues like #ADD8E6, #E0FFFF, and #B0E0E6; dark text is crucial.
  • Validate text readability for #8FBC8F (Medium Aquamarine) on various backgrounds, especially white, where it might lack sufficient contrast.
  • When using #6B8E23 (Olive Drab) for backgrounds, white or very light text is essential for clear legibility.
  • Avoid using light blue or green shades for small text on similarly light backgrounds to prevent readability issues.

Recommended combinations

Tranquil Stream

Excellent for serene backgrounds or large graphic elements, creating a calming, water-like blue gradient.

#ADD8E6 · #E0FFFF · #B0E0E6

Willow Fresh

Ideal for natural branding or headers, combining a deep green with lighter green and a refreshing blue.

#6B8E23 · #8FBC8F · #ADD8E6

Airy Accent

Perfect for subtle highlights or decorative elements, offering a light and refreshing touch within the palette.

#E0FFFF · #B0E0E6 · #8FBC8F

CSS variables

:root {
  --willow-branch-breeze-1: #8FBC8F;
  --willow-branch-breeze-2: #6B8E23;
  --willow-branch-breeze-3: #ADD8E6;
  --willow-branch-breeze-4: #E0FFFF;
  --willow-branch-breeze-5: #B0E0E6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "willow-branch-breeze": {
        1: "#8FBC8F",
        2: "#6B8E23",
        3: "#ADD8E6",
        4: "#E0FFFF",
        5: "#B0E0E6",
      }
    }
  }
}

Related searches

serene green blue palettewillow tree color schemecalm nature design colorscool tranquil web designlight green light blue inspiration

Palette colors

Hex values

Color 1#8FBC8F
·
Color 2#6B8E23
·
Color 3#ADD8E6
·
Color 4#E0FFFF
·
Color 5#B0E0E6
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
1.4:1Fail
2:1Fail
1.5:1Fail
2
1.8:1Fail
2.5:1Fail
3.6:1AA18
2.7:1Fail
3
1.4:1Fail
2.5:1Fail
1.4:1Fail
1.1:1Fail
4
2:1Fail
3.6:1AA18
1.4:1Fail
1.4:1Fail
5
1.5:1Fail
2.7:1Fail
1.1:1Fail
1.4:1Fail

Similar palettes

More like Willow Branch Breeze

View all cool
Emerald Bough Serene
Enchanted Forest Stream
Koi Water Garden
Woodland Shroud Hues
Aegean Sea Serene
Agate Grotto