Back to palettes

Palette

Whispering Willow Stream

Verdant greens flowing gently into cool teals, evoking a quiet, shaded stream.

coolnatural5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#2F4F4F#487661#6A9B80#93C5A5#BEDBC3

Palette guide

How to use Whispering Willow Stream

Overview

The "Whispering Willow Stream" palette offers a serene collection of cool, verdant greens, perfect for evoking natural tranquility. Anchored by the deep forest green #2F4F4F and complemented by the earthy #487661, this palette flows into lighter, more airy tones like #6A9B80, the soft #93C5A5, and the delicate #BEDBC3. Designers seeking a harmonious, nature-inspired aesthetic will find this palette excellent for creating peaceful and refreshing digital or physical environments. Its gentle progression from dark to light allows for versatile application, ensuring a balanced and sophisticated visual experience. This palette is ideal for projects that aim to convey calmness and organic beauty.

Best used for

  • Nature-themed websites or apps
  • Wellness and spa branding
  • Eco-friendly product packaging
  • Interior design for tranquil spaces
  • Environmental advocacy materials
  • Outdoor adventure apparel branding

Suggested color roles

primary

Use #2F4F4F for strong foundational elements like headers or navigation, providing a deep, stable anchor.

secondary

Apply #487661 for subheadings, important links, or larger content blocks to maintain an earthy feel.

accent

#6A9B80 works well for interactive elements, call-to-action buttons, or subtle highlights, offering a gentle pop.

background

#BEDBC3 provides a light, airy canvas for most content, ensuring readability and a soft overall mood.

text

For dark text on light backgrounds, a deep charcoal or black works best. For light text on #2F4F4F, use #BEDBC3.

Accessibility notes

  • Ensure sufficient contrast when pairing #2F4F4F or #487661 with lighter text like #BEDBC3.
  • Test text readability when using #6A9B80 on background colors close in luminance, such as #93C5A5.
  • Avoid using #93C5A5 text on #BEDBC3 backgrounds for critical information due to low contrast.
  • For interactive elements, ensure focus states have a distinct contrast from normal states.

Recommended combinations

Forest Depths

Ideal for a strong, natural brand identity; #BEDBC3 provides excellent contrast for text on the darker greens.

#2F4F4F · #487661 · #BEDBC3

Streamside Calm

Creates a harmonious, soft gradient, suitable for backgrounds or subtle visual storytelling.

#487661 · #6A9B80 · #93C5A5

Willow Canopy

Provides a clear dark anchor with two lighter, refreshing tones for balanced layouts.

#2F4F4F · #93C5A5 · #BEDBC3

CSS variables

:root {
  --whispering-willow-stream-1: #2F4F4F;
  --whispering-willow-stream-2: #487661;
  --whispering-willow-stream-3: #6A9B80;
  --whispering-willow-stream-4: #93C5A5;
  --whispering-willow-stream-5: #BEDBC3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "whispering-willow-stream": {
        1: "#2F4F4F",
        2: "#487661",
        3: "#6A9B80",
        4: "#93C5A5",
        5: "#BEDBC3",
      }
    }
  }
}

Related searches

nature inspired color schemestranquil green palettesforest stream colorspeaceful website design colorscool green branding palette

Palette colors

Hex values

Color 1#2F4F4F
·
Color 2#487661
·
Color 3#6A9B80
·
Color 4#93C5A5
·
Color 5#BEDBC3
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.8:1Fail
4.6:1AA
6:1AA
2
1.7:1Fail
1.6:1Fail
2.7:1Fail
3.5:1AA18
3
2.8:1Fail
1.6:1Fail
1.6:1Fail
2.1:1Fail
4
4.6:1AA
2.7:1Fail
1.6:1Fail
1.3:1Fail
5
6:1AA
3.5:1AA18
2.1:1Fail
1.3:1Fail

Similar palettes

More like Whispering Willow Stream

View all cool
Gentle Forest Stream
Coastal Seagrass Whisper
Enchanted Forest Bloom
Forest Canopy Glimmer
Tidal Pool Emeralds
Tropical Mist Verdure