Back to palettes

Palette

Whispering Willow Path

Soft, muted greens and gentle grays depicting a tranquil path winding through a serene willow grove.

earthcalm5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#4F6B43#7CA86B#BBD1A8#2A4A24#9AD18A

Palette guide

How to use Whispering Willow Path

Overview

The Whispering Willow Path palette features soft, muted greens that depict a tranquil path winding through a serene willow grove. With deep, grounding tones like #2A4A24 and vibrant, yet natural hues such as #9AD18A, this palette is excellent for designs seeking an organic, calming, and inviting feel. Designers and developers can leverage the rich #4F6B43 for primary elements and the airy #BBD1A8 for clean backgrounds, ensuring a harmonious and engaging user experience. This palette is ideal for conveying a sense of exploration, peace, and natural beauty.

Best used for

  • Nature park branding
  • Hiking and outdoor activity apps
  • Ecotourism websites
  • Wellness and retreat centers
  • Children's nature books
  • Sustainable product packaging

Suggested color roles

primary

#4F6B43 - A rich, deep green that can anchor the design, suitable for primary brand elements, headers, or key graphical components.

secondary

#7CA86B - A balanced, natural green that complements the primary, ideal for secondary buttons, subheadings, or background textures.

accent

#9AD18A - A brighter, yet still natural green, perfect for call-to-action buttons, interactive elements, or subtle highlights that need to draw gentle attention.

background

#BBD1A8 - A very light, soft green that provides an excellent, soothing canvas for content, ensuring readability and a fresh, open feel.

text

#2A4A24 - A very dark, grounding green that offers excellent contrast for body text on lighter backgrounds like #BBD1A8, maintaining the palette's natural integrity.

Accessibility notes

  • Ensure sufficient contrast for text when using #BBD1A8 as a background, especially with lighter text colors.
  • Pair darker greens like #2A4A24 with lighter shades such as #BBD1A8 for optimal text legibility and WCAG AA compliance.
  • Carefully check contrast if placing #9AD18A text on a #BBD1A8 background to meet accessibility guidelines.
  • Prioritize high contrast for essential interactive elements and form fields to ensure usability for all users.

Recommended combinations

Grove Path

Excellent for establishing a strong, natural base in footers, navigation, or strong brand statements, evoking depth.

#2A4A24 · #4F6B43 · #7CA86B

Dappled Sunlight

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

#BBD1A8 · #9AD18A · #7CA86B

Willow Accents

Effective for main content blocks, interactive elements, and feature sections, balancing depth with freshness.

#4F6B43 · #9AD18A · #BBD1A8

CSS variables

:root {
  --whispering-willow-path-1: #4F6B43;
  --whispering-willow-path-2: #7CA86B;
  --whispering-willow-path-3: #BBD1A8;
  --whispering-willow-path-4: #2A4A24;
  --whispering-willow-path-5: #9AD18A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "whispering-willow-path": {
        1: "#4F6B43",
        2: "#7CA86B",
        3: "#BBD1A8",
        4: "#2A4A24",
        5: "#9AD18A",
      }
    }
  }
}

Related searches

tranquil green palettenature path color schemecalm willow UI colorsearthy green web designserene forest brand colors

Palette colors

Hex values

Color 1#4F6B43
·
Color 2#7CA86B
·
Color 3#BBD1A8
·
Color 4#2A4A24
·
Color 5#9AD18A
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.2:1Fail
3.6:1AA18
1.7:1Fail
3.4:1AA18
2
2.2:1Fail
1.7:1Fail
3.6:1AA18
1.5:1Fail
3
3.6:1AA18
1.7:1Fail
6.1:1AA
1.1:1Fail
4
1.7:1Fail
3.6:1AA18
6.1:1AA
5.6:1AA
5
3.4:1AA18
1.5:1Fail
1.1:1Fail
5.6:1AA

Similar palettes

More like Whispering Willow Path

View all earth
Forest Fern Whisper
Verdant Moss Whisper
Whispering Willow Brook
Willow Branch Shade
Ancient Grove Calm
Ancient Moss Rune