Back to palettes

Palette

Willow Branch Shade

The cool, dappled light filtering through willow branches, creating a serene and natural green haven.

earthcalm5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#6B8E23#556B2F#8FBC8F#3CB371#2E8B57

Palette guide

How to use Willow Branch Shade

Overview

The Willow Branch Shade palette captures the cool, dappled light filtering through willow branches, creating a serene and natural green haven. This collection features a robust Olive Drab (#6B8E23), a deep Dark Olive Green (#556B2F), a refreshing Medium Aquamarine (#8FBC8F), a vibrant Medium Sea Green (#3CB371), and a rich Sea Green (#2E8B57). It's an ideal palette for designers aiming to evoke a sense of calm, depth, and organic authenticity. The various shades of green offer versatility for creating rich, layered designs or for conveying a strong connection to nature in branding, web interfaces, or print materials.

Best used for

  • Nature conservation and eco-conscious branding
  • Organic product packaging and marketing
  • Forest or garden-themed digital illustrations
  • Wellness apps and meditation platforms
  • Educational content about plant life
  • Tranquil interior design accents

Suggested color roles

primary

Utilize #556B2F (Dark Olive Green) for foundational elements, bold headings, or a sophisticated brand anchor, conveying depth and natural strength.

secondary

Apply #3CB371 (Medium Sea Green) for supporting content, subheadings, or secondary calls to action, adding vibrancy and freshness.

accent

Introduce #8FBC8F (Medium Aquamarine) for highlights, icons, or interactive elements to add a touch of lightness and contrast.

background

Consider #8FBC8F (Medium Aquamarine) for lighter backgrounds, or use a very pale cream to allow the deeper greens to stand out.

text

White or very light grey text provides excellent contrast on #556B2F and #2E8B57, while #556B2F works well on lighter green backgrounds.

Accessibility notes

  • Ensure sufficient contrast for text on #8FBC8F (Medium Aquamarine); dark text like black or #556B2F is recommended.
  • When using #556B2F, #6B8E23, #3CB371, or #2E8B57 as backgrounds, white or very light text is crucial for readability.
  • Be mindful of contrast between the various dark greens for users with color vision deficiencies; rely on luminance differences.
  • Always test text and interactive elements against their backgrounds to confirm they meet accessibility contrast standards.

Recommended combinations

Deep Forest

Ideal for creating rich, layered backgrounds or graphic elements, evoking the depth of a shaded forest.

#556B2F · #2E8B57 · #6B8E23

Fresh Canopy

Excellent for highlights or playful accents, combining vibrant and lighter greens with a deep anchor for contrast.

#3CB371 · #8FBC8F · #556B2F

Natural Harmony

Perfect for creating a balanced, natural feel, suitable for headers, footers, or subtle UI elements that feel organic.

#6B8E23 · #8FBC8F · #3CB371

CSS variables

:root {
  --willow-branch-shade-1: #6B8E23;
  --willow-branch-shade-2: #556B2F;
  --willow-branch-shade-3: #8FBC8F;
  --willow-branch-shade-4: #3CB371;
  --willow-branch-shade-5: #2E8B57;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "willow-branch-shade": {
        1: "#6B8E23",
        2: "#556B2F",
        3: "#8FBC8F",
        4: "#3CB371",
        5: "#2E8B57",
      }
    }
  }
}

Related searches

deep green color paletteforest shade colorsnatural green theme designsoothing nature brand colorswillow green shades inspiration

Palette colors

Hex values

Color 1#6B8E23
·
Color 2#556B2F
·
Color 3#8FBC8F
·
Color 4#3CB371
·
Color 5#2E8B57
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
1.8:1Fail
1.4:1Fail
1.1:1Fail
2
1.6:1Fail
2.8:1Fail
2.2:1Fail
1.4:1Fail
3
1.8:1Fail
2.8:1Fail
1.2:1Fail
2:1Fail
4
1.4:1Fail
2.2:1Fail
1.2:1Fail
1.6:1Fail
5
1.1:1Fail
1.4:1Fail
2:1Fail
1.6:1Fail

Similar palettes

More like Willow Branch Shade

View all earth
Whispering Willow Path
Bamboo Grove Calm
Coastal Bluff Grass
Forest Fern Whisper
Japanese Tea Garden
Matcha Tea Garden