Back to palettes

Palette

Forest Floor Echoes

Deep, mossy greens and muted earth tones, echoing the serene and earthy textures of a forest floor.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Forest Floor Echoes 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 Floor Echoes.

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

Data visualization

#334A30#5B7258#869984#AFC2AD#1A2817

Palette guide

How to use Forest Floor Echoes

Overview

The Forest Floor Echoes palette resonates with deep, mossy greens and muted earth tones, echoing the serene and earthy textures of a forest floor. Ranging from the profound #1A2817 to the ethereal #AFC2AD, this collection provides a rich, organic spectrum for designers and developers. The grounding #334A30 and the harmonious mid-tones #5B7258 and #869984 offer exceptional versatility for layering and visual hierarchy. This palette is perfect for crafting projects that demand a natural, sophisticated, and deeply calming aesthetic, ideal for conveying environmental consciousness or a sense of quiet luxury. Its cohesive nature ensures a harmonious user experience.

Best used for

  • Luxury eco-friendly product lines
  • Botanical-themed branding
  • Sustainable living online platforms
  • High-end spa and wellness centers
  • Nature-inspired interior design concepts
  • Educational resources on forest ecosystems

Suggested color roles

primary

#334A30 - A deep, mossy green, ideal for main backgrounds, impactful headers, or primary brand identity, conveying organic depth.

secondary

#5B7258 - A muted mid-green, suitable for sub-sections, navigation, or to add a softer, complementary presence.

accent

#869984 - Use this light muted green for subtle highlights, interactive elements, or graphic details to add a gentle, refreshing touch.

background

#AFC2AD - A very light pale green, providing a clean, airy, and highly readable canvas for darker text.

text

#1A2817 - Ensures excellent contrast and readability on lighter backgrounds like #AFC2AD, suitable for body copy and headings.

Accessibility notes

  • Ensure #1A2817 text on #AFC2AD background meets WCAG AA contrast for comfortable reading.
  • Avoid using #869984 for small text on #5B7258 due to potentially insufficient contrast.
  • For text on very dark backgrounds like #1A2817 or #334A30, use #AFC2AD or pure white for optimal visibility.
  • Provide sufficient visual cues for interactive elements, such as hover effects or underlines, in addition to color.

Recommended combinations

Deep Forest

Creates an intensely deep and layered forest aesthetic, excellent for impactful hero sections or dark mode themes.

#1A2817 · #334A30 · #5B7258

Mossy Serenity

A light and harmonious combination for main content areas, offering a calm and readable environment.

#AFC2AD · #869984 · #5B7258

Organic Contrast

Use a deep mossy base with a soft accent, perfect for highlighting key information or navigation elements.

#334A30 · #869984 · #AFC2AD

CSS variables

:root {
  --forest-floor-echoes-1: #334A30;
  --forest-floor-echoes-2: #5B7258;
  --forest-floor-echoes-3: #869984;
  --forest-floor-echoes-4: #AFC2AD;
  --forest-floor-echoes-5: #1A2817;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "forest-floor-echoes": {
        1: "#334A30",
        2: "#5B7258",
        3: "#869984",
        4: "#AFC2AD",
        5: "#1A2817",
      }
    }
  }
}

Related searches

deep moss green paletteearthy forest UI colorsnatural organic brandingserene green color schememuted woodland design

Palette colors

Hex values

Color 1#334A30
·
Color 2#5B7258
·
Color 3#869984
·
Color 4#AFC2AD
·
Color 5#1A2817
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
3.2:1AA18
5.2:1AA
1.6:1Fail
2
1.8:1Fail
1.7:1Fail
2.8:1Fail
2.9:1Fail
3
3.2:1AA18
1.7:1Fail
1.6:1Fail
5.1:1AA
4
5.2:1AA
2.8:1Fail
1.6:1Fail
8.2:1AAA
5
1.6:1Fail
2.9:1Fail
5.1:1AA
8.2:1AAA

Similar palettes

More like Forest Floor Echoes

View all earth
Ancient Forest Realm
Ancient Forest Hush
Deep Forest Undergrowth
Enchanted Forest Canopy
Enchanted Forest Canopy
Enchanted Forest Canopy