Back to palettes

Palette

Forest Floor Muted

Soft, subdued earth tones reminiscent of fallen leaves and organic textures on 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 Muted 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 Muted.

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

Data visualization

#6B5B47#A18D68#C4B69E#8C7B61#E8E0D2

Palette guide

How to use Forest Floor Muted

Overview

The Forest Floor Muted palette offers a serene collection of subdued earth tones, perfect for designs seeking a natural, rustic, or autumnal feel. Featuring a warm dark brown #6B5B47, a softer medium brown #A18D68, a versatile light beige #C4B69E, a deeper earthy brown #8C7B61, and a delicate off-white #E8E0D2, this palette provides a harmonious base. Designers can leverage its organic depth for branding, web interfaces, or illustrations where a comforting, grounded aesthetic is desired. Developers will find these hex codes easy to implement for UI elements, backgrounds, and text, ensuring a cohesive and understated visual experience that evokes the quiet beauty of a forest.

Best used for

  • Nature-inspired branding and logos
  • Eco-friendly product packaging designs
  • Rustic interior design mood boards
  • Autumnal event invitations and decor
  • Websites for organic food or craft businesses
  • Cozy blog themes and digital illustrations

Suggested color roles

primary

#6B5B47 - A grounding, deep brown ideal for main branding elements, large headers, or primary content blocks to establish a natural foundation.

secondary

#A18D68 - A warm, versatile medium brown that complements the primary, suitable for subheadings, navigation, or card backgrounds.

accent

#8C7B61 - A slightly richer, darker accent for interactive elements, highlights, or important calls to action without being too vibrant.

background

#E8E0D2 - A soft, very light cream that provides a gentle, breathable canvas for content, ensuring readability and an inviting feel.

text

#6B5B47 - Excellent for body text on light backgrounds like #E8E0D2, offering good contrast and maintaining the palette's natural integrity. A dark charcoal can also be used for maximum contrast.

Accessibility notes

  • Ensure #6B5B47 or #8C7B61 text on an #E8E0D2 background meets WCAG AAA contrast for optimal readability.
  • Avoid using #A18D68 or #C4B69E for small text on #E8E0D2 as contrast might be insufficient.
  • Reserve lighter colors like #C4B69E for larger headings or graphical elements when used against a darker background.
  • Always test color combinations with accessibility checkers, especially for interactive elements and form fields.

Recommended combinations

Earthy Base

Ideal for clean, readable layouts with a warm background, dark text, and a mid-tone for secondary information.

#E8E0D2 · #6B5B47 · #A18D68

Rustic Depth

Creates a rich, layered look suitable for headers, footers, and content blocks where depth is desired.

#6B5B47 · #C4B69E · #8C7B61

Soft Contrast

A gentle yet clear combination for cards, testimonials, or feature sections, balancing light and dark.

#E8E0D2 · #8C7B61 · #A18D68

CSS variables

:root {
  --forest-floor-muted-1: #6B5B47;
  --forest-floor-muted-2: #A18D68;
  --forest-floor-muted-3: #C4B69E;
  --forest-floor-muted-4: #8C7B61;
  --forest-floor-muted-5: #E8E0D2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "forest-floor-muted": {
        1: "#6B5B47",
        2: "#A18D68",
        3: "#C4B69E",
        4: "#8C7B61",
        5: "#E8E0D2",
      }
    }
  }
}

Related searches

muted earth tone palettenatural rustic color schemeautumn forest hex codessubdued brown green colorsorganic design palette

Palette colors

Hex values

Color 1#6B5B47
·
Color 2#A18D68
·
Color 3#C4B69E
·
Color 4#8C7B61
·
Color 5#E8E0D2
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
3.3:1AA18
1.6:1Fail
5:1AA
2
2:1Fail
1.6:1Fail
1.3:1Fail
2.5:1Fail
3
3.3:1AA18
1.6:1Fail
2.1:1Fail
1.5:1Fail
4
1.6:1Fail
1.3:1Fail
2.1:1Fail
3.1:1AA18
5
5:1AA
2.5:1Fail
1.5:1Fail
3.1:1AA18

Similar palettes

More like Forest Floor Muted

View all Earth
Forest Berry Patch
Desert Clay Hearth
Earthen Clay Pot
Jade Forest Canopy
Mushroom Forest Floor
Mystic Canyon Glow