Back to palettes

Palette

Forest Floor Whispers

Evokes the quiet, earthy beauty of a deep forest floor covered in moss and fallen leaves, offering a sense of natural peace.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#6B4E2E#9E7D4E#C7AB81#A4B692#4A6D5A

Palette guide

How to use Forest Floor Whispers

Overview

The Forest Floor Whispers palette captures the quiet, earthy beauty of a deep forest, blending rich browns with natural greens. It features a deep, warm brown #6B4E2E, a lighter, golden brown #9E7D4E, a soft, creamy beige #C7AB81, a muted sage green #A4B692, and a serene forest green #4A6D5A. This harmonious collection of hex codes is perfect for designers seeking to evoke a sense of natural peace, rusticity, or organic warmth. Developers can integrate these colors into websites, apps, or branding that aim for a comforting, grounded aesthetic, ensuring a cohesive and inviting visual experience reminiscent of woodland tranquility.

Best used for

  • Rustic coffee shop branding and interiors
  • Nature-themed educational platforms
  • Handmade craft e-commerce sites
  • Autumnal event promotional materials
  • Wellness and retreat center websites
  • Organic product packaging

Suggested color roles

primary

#6B4E2E - A rich, grounding deep brown, ideal for primary branding elements, large headers, or foundational content blocks.

secondary

#4A6D5A - A serene forest green that provides a calming contrast, suitable for navigation, secondary calls to action, or illustrations.

accent

#9E7D4E - A warm, golden brown perfect for highlighting important information, interactive elements, or adding a touch of natural vibrancy.

background

#C7AB81 - A soft, creamy beige that offers a gentle, inviting canvas, ensuring good readability for darker text.

text

#6B4E2E - An excellent choice for body text on light backgrounds like #C7AB81, providing clear readability while maintaining the palette's natural warmth. Dark charcoal can also be used.

Accessibility notes

  • Ensure #6B4E2E or #4A6D5A text on #C7AB81 background meets WCAG AA contrast for readability, striving for AAA.
  • Avoid using #9E7D4E or #A4B692 for small text on very light backgrounds without careful contrast checks.
  • Use #A4B692 for larger elements or as a background for darker text to ensure sufficient visibility.
  • Always test all color combinations for interactive elements to ensure they are easily distinguishable and usable.

Recommended combinations

Earthy Harmony

A balanced combination for main content areas, with a light background, deep text, and a calming green accent.

#C7AB81 · #6B4E2E · #4A6D5A

Woodland Accents

Creates a rich, layered look for headers or feature sections, blending deep brown with golden and sage accents.

#6B4E2E · #9E7D4E · #A4B692

Quiet Contrast

A soft yet clear combination for cards or testimonials, providing a gentle contrast with natural tones.

#C7AB81 · #4A6D5A · #9E7D4E

CSS variables

:root {
  --forest-floor-whispers-1: #6B4E2E;
  --forest-floor-whispers-2: #9E7D4E;
  --forest-floor-whispers-3: #C7AB81;
  --forest-floor-whispers-4: #A4B692;
  --forest-floor-whispers-5: #4A6D5A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "forest-floor-whispers": {
        1: "#6B4E2E",
        2: "#9E7D4E",
        3: "#C7AB81",
        4: "#A4B692",
        5: "#4A6D5A",
      }
    }
  }
}

Related searches

forest floor color schememuted woodland paletteearthy green brown hexrustic nature tonespeaceful autumn colors

Palette colors

Hex values

Color 1#6B4E2E
·
Color 2#9E7D4E
·
Color 3#C7AB81
·
Color 4#A4B692
·
Color 5#4A6D5A
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
3.5:1AA18
3.5:1AA18
1.3:1Fail
2
2:1Fail
1.7:1Fail
1.8:1Fail
1.5:1Fail
3
3.5:1AA18
1.7:1Fail
1:1Fail
2.6:1Fail
4
3.5:1AA18
1.8:1Fail
1:1Fail
2.7:1Fail
5
1.3:1Fail
1.5:1Fail
2.6:1Fail
2.7:1Fail

Similar palettes

More like Forest Floor Whispers

View all earth
Autumn Leaf Canopy
Mystical Forest Floor
Autumn Wood Glade
Fallen Leaves
Forest Canopy Shade
Forest Floor Canvas