Back to palettes

Palette

Forest Whisper Green

Shaded greens of a secluded forest, invoking a sense of peace, ancient mystery, and natural tranquility.

earthcalm5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Forest Whisper Green 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 Forest Whisper Green.

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

Data visualization

#228B22#556B2F#8FBC8F#7F7C73#1A481A

Palette guide

How to use Forest Whisper Green

Overview

The Forest Whisper Green palette evokes the shaded greens of a secluded forest, invoking a sense of peace, ancient mystery, and natural tranquility. This collection features deep, grounding tones like the profound #1A481A and the classic #228B22, balanced by the earthy #556B2F. The soft, muted #8FBC8F and the unique, stony #7F7C73 introduce subtle variation, preventing the palette from feeling monotonous. Designers and developers can leverage this palette to create calm, contemplative, and naturally elegant digital experiences. It’s ideal for branding that conveys quiet strength, heritage, or a deep connection to nature, fostering a sense of serene engagement.

Best used for

  • Heritage brand identities
  • Rustic lodge or cabin websites
  • Nature conservation initiatives
  • Artisan craft product packaging
  • Documentary film graphics
  • Meditation and relaxation apps

Suggested color roles

primary

#228B22 (Forest Green) - A classic, strong green, excellent for main content areas, headers, or core brand identity.

secondary

#556B2F (Dark Olive) - A deep, earthy tone for sub-sections, cards, or complementary graphical elements, adding depth.

accent

#8FBC8F (Sea Green) - A softer, muted green for interactive elements, icons, or subtle decorative details, bringing a touch of light.

background

#1A481A (Deepest Whisper) - A profound, almost black-green background that creates an immersive, contemplative canvas.

text

#7F7C73 (Stone Grey-Green) - Use for headings or larger text on darker backgrounds; for body text on #8FBC8F, a dark charcoal or black is recommended.

Accessibility notes

  • #1A481A as a background requires very light text (e.g., #8FBC8F or white) for readability.
  • Avoid using #7F7C73 for small text on #8FBC8F, as contrast will likely be insufficient.
  • Check contrast ratios for all text and interactive elements, especially when pairing mid-tones.
  • For interactive elements, ensure focus states are clearly distinguishable against both normal and hover states.

Recommended combinations

Deep Forest Calm

Creates a rich, powerful depth for immersive dark-themed sections or strong brand statements.

#1A481A · #228B22 · #556B2F

Muted Serenity

A soft, harmonious combination, perfect for clean interfaces, headers, or subtle information display.

#8FBC8F · #7F7C73 · #556B2F

Ancient Highlight

Provides a gentle yet clear contrast for calls-to-action or important content against a dark, immersive base.

#1A481A · #8FBC8F · #228B22

CSS variables

:root {
  --forest-whisper-green-1: #228B22;
  --forest-whisper-green-2: #556B2F;
  --forest-whisper-green-3: #8FBC8F;
  --forest-whisper-green-4: #7F7C73;
  --forest-whisper-green-5: #1A481A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "forest-whisper-green": {
        1: "#228B22",
        2: "#556B2F",
        3: "#8FBC8F",
        4: "#7F7C73",
        5: "#1A481A",
      }
    }
  }
}

Related searches

deep green earth tonestranquil nature paletteforest moss ui designserene undergrowth colorseco luxury brand identity

Palette colors

Hex values

Color 1#228B22
·
Color 2#556B2F
·
Color 3#8FBC8F
·
Color 4#7F7C73
·
Color 5#1A481A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2:1Fail
1.1:1Fail
2.4:1Fail
2
1.4:1Fail
2.8:1Fail
1.4:1Fail
1.8:1Fail
3
2:1Fail
2.8:1Fail
1.9:1Fail
4.9:1AA
4
1.1:1Fail
1.4:1Fail
1.9:1Fail
2.5:1Fail
5
2.4:1Fail
1.8:1Fail
4.9:1AA
2.5:1Fail

Similar palettes

More like Forest Whisper Green

View all earth
Emerald Moss Glade
Whispering Pine Needles
Whispering Willow Grove
Winter Fir Silence
Ancient Moss Whisper
Bamboo Grove Mist