Back to palettes

Palette

Hushed Forest Path

Tranquil, verdant shades evoking the peaceful, dappled light and soft moss underfoot in a serene woodland path.

earthcalm5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Hushed Forest 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 Hushed Forest Path.

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

Data visualization

#3CB371#2E8B57#6B8E23#556B2F#4F4F2F

Palette guide

How to use Hushed Forest Path

Overview

The "Hushed Forest Path" palette offers a tranquil collection of earthy greens, perfect for evoking a sense of calm and nature. This verdant spectrum includes the bright vitality of #3CB371 (Medium Sea Green), the balanced richness of #2E8B57 (Sea Green), and the grounded depth of #556B2F (Dark Olive Green). Designers can harness this palette to create serene digital experiences or organic brand identities. The muted, natural tones, like the subtle #4F4F2F, provide a sophisticated backdrop, while the more vibrant #6B8E23 adds a touch of subtle life. This palette is ideal for projects seeking an authentic, peaceful, and visually harmonious connection to the natural world.

Best used for

  • Eco-friendly brand websites
  • Nature-themed mobile applications
  • Wellness and meditation apps
  • Organic food packaging design
  • Sustainable fashion branding
  • Interior design visualization (natural themes)

Suggested color roles

primary

#2E8B57 (Sea Green) - A balanced, rich green perfect for main navigation, primary calls-to-action, or hero sections, establishing a strong, natural presence.

secondary

#6B8E23 (Olive Drab) - Use this earthy yellow-green for subheadings, secondary buttons, or data visualizations to add an organic contrast and visual interest.

accent

#3CB371 (Medium Sea Green) - A brighter, more lively green for subtle highlights, interactive elements like toggles, or small iconography to draw attention without being jarring.

background

#4F4F2F (Dark Khaki) - A deep, muted brownish-green excellent for dark mode interfaces, footer sections, or subtle background textures, providing a grounding, sophisticated base.

text

#556B2F (Dark Olive Green) - Ideal for body text on light backgrounds or use a near-white like #F5F5DC (Beige) on darker backgrounds like #4F4F2F for optimal readability.

Accessibility notes

  • Ensure sufficient contrast when pairing lighter greens like #3CB371 with any text; aim for WCAG AA standards.
  • Text in #556B2F on a white or very light background will offer good readability.
  • Avoid placing #6B8E23 text directly on #3CB371 as contrast might be insufficient for larger bodies of text.
  • For UI elements, use a high-contrast outline or secondary indicator for interactive states to aid users with color vision deficiencies.

Recommended combinations

Forest Canopy

Excellent for creating deep, layered natural interfaces, evoking depth and richness, suitable for backgrounds and main content areas.

#2E8B57 · #556B2F · #4F4F2F

Mossy Path

Ideal for vibrant, fresh designs requiring a touch of energy, perfect for headers, interactive elements, or showcasing natural product features.

#3CB371 · #6B8E23 · #2E8B57

Earthy Roots

Best for grounding elements, footers, or subtle branding where a sophisticated, muted, and natural feel is paramount.

#4F4F2F · #556B2F · #6B8E23

CSS variables

:root {
  --hushed-forest-path-1: #3CB371;
  --hushed-forest-path-2: #2E8B57;
  --hushed-forest-path-3: #6B8E23;
  --hushed-forest-path-4: #556B2F;
  --hushed-forest-path-5: #4F4F2F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "hushed-forest-path": {
        1: "#3CB371",
        2: "#2E8B57",
        3: "#6B8E23",
        4: "#556B2F",
        5: "#4F4F2F",
      }
    }
  }
}

Related searches

earth tone color palettenatural green design colorsforest inspired brandingcalm woodland color schemeorganic web design colors

Palette colors

Hex values

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

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
1.4:1Fail
2.2:1Fail
3.2:1AA18
2
1.6:1Fail
1.1:1Fail
1.4:1Fail
2:1Fail
3
1.4:1Fail
1.1:1Fail
1.6:1Fail
2.2:1Fail
4
2.2:1Fail
1.4:1Fail
1.6:1Fail
1.4:1Fail
5
3.2:1AA18
2:1Fail
2.2:1Fail
1.4:1Fail

Similar palettes

More like Hushed Forest Path

View all earth
Ancient Moss Whisper
Emerald Moss Glade
Forest Floor Moss
Forest Moss Carpet
Forest Whisper Green
Misty Forest Clearing