Back to palettes

Palette

Whispering Pine Forest

Captures the deep, peaceful greens and muted earthy tones of a tranquil pine forest.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Whispering Pine Forest 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 Pine Forest.

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

Data visualization

#2E8B57#3CB371#6B8E23#ADFF2F#9ACD32

Palette guide

How to use Whispering Pine Forest

Overview

The Whispering Pine Forest palette offers a vibrant yet grounded collection of greens, capturing the essence of a tranquil, sun-dappled woodland. This palette moves from the deep, rich #2E8B57 through to the lively, almost lime green of #ADFF2F, providing a dynamic range for creative projects. The inclusion of #6B8E23 and #9ACD32 introduces earthy olive tones that balance the brighter greens. Designers can utilize this scheme for energetic branding, engaging digital interfaces, or compelling editorial design that speaks to nature and vitality. Developers will find these colors suitable for creating impactful gradients and visually appealing interactive elements.

Best used for

  • outdoor adventure brands
  • eco-tourism websites
  • healthy food packaging
  • environmental non-profits
  • gardening apps
  • sporting goods branding

Suggested color roles

primary

#2E8B57 serves as a strong, authoritative primary color for headers, main navigation, or calls to action, offering depth and stability.

secondary

#3CB371 is perfect for subheadings, content sections, or secondary buttons, providing a slightly lighter, approachable green.

accent

#ADFF2F acts as a highly visible and energetic accent, ideal for interactive elements, highlights, or success indicators, demanding attention.

background

For backgrounds, a very light gray or off-white would complement this palette, allowing the greens to truly pop. Alternatively, a subtle pattern using #9ACD32 could be effective.

text

Dark text like black or a dark charcoal should be used on lighter backgrounds. For text over darker greens like #2E8B57, a crisp white or light gray is recommended.

Accessibility notes

  • Be cautious with #ADFF2F for text; it may not meet contrast requirements on many backgrounds within this palette.
  • Ensure sufficient contrast for text on #2E8B57 using white or very light gray.
  • Test #6B8E23 as a background color with black or white text for readability.
  • Prioritize high contrast for essential interactive elements, especially calls to action, using the darker greens for text on lighter backgrounds.

Recommended combinations

Vibrant Forest

Use darkest for foundation, mid-tone for content, and the brightest for high-impact accents or interactive elements.

#2E8B57 · #3CB371 · #ADFF2F

Earthy Grove

Creates a natural, slightly muted feel; good for organic designs, with #ADFF2F for a fresh spark.

#6B8E23 · #9ACD32 · #3CB371

Dynamic Greens

Combine the brightest with the darkest for strong contrast, softened by a mid-tone for balanced visual interest.

#ADFF2F · #2E8B57 · #9ACD32

CSS variables

:root {
  --whispering-pine-forest-1: #2E8B57;
  --whispering-pine-forest-2: #3CB371;
  --whispering-pine-forest-3: #6B8E23;
  --whispering-pine-forest-4: #ADFF2F;
  --whispering-pine-forest-5: #9ACD32;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "whispering-pine-forest": {
        1: "#2E8B57",
        2: "#3CB371",
        3: "#6B8E23",
        4: "#ADFF2F",
        5: "#9ACD32",
      }
    }
  }
}

Related searches

vibrant green palettenature-inspired brandingforest green color schemelively green UIoutdoor color palette

Palette colors

Hex values

Color 1#2E8B57
·
Color 2#3CB371
·
Color 3#6B8E23
·
Color 4#ADFF2F
·
Color 5#9ACD32
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
1.1:1Fail
3.5:1AA18
2.3:1Fail
2
1.6:1Fail
1.4:1Fail
2.2:1Fail
1.4:1Fail
3
1.1:1Fail
1.4:1Fail
3.1:1AA18
2:1Fail
4
3.5:1AA18
2.2:1Fail
3.1:1AA18
1.5:1Fail
5
2.3:1Fail
1.4:1Fail
2:1Fail
1.5:1Fail

Similar palettes

More like Whispering Pine Forest

View all earth
Emerald Moss Canopy
Enchanted Forest Glade
Enchanted Grove
Forest Canopy
Mystic Glade Light
Mystic Grove