Back to palettes

Palette

Mystical Forest Floor

Deep, muted greens and warm earthy browns reminiscent of a quiet, sun-dappled forest floor.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#3D5B4D#6B8B67#A3B58B#D6C298#B38F76

Palette guide

How to use Mystical Forest Floor

Overview

The Mystical Forest Floor palette offers a beautiful collection of deep, muted greens and warm earthy browns, reminiscent of a quiet, sun-dappled forest floor. Featuring a calming forest green #3D5B4D, a vibrant moss green #6B8B67, and a soft sage #A3B58B, complemented by warm tones like #D6C298 and #B38F76. This palette is perfect for projects seeking an organic, rustic, and inviting atmosphere. Designers and developers will find these hues versatile for creating immersive digital experiences or physical branding that resonates with nature's calm and timeless beauty.

Best used for

  • Outdoor and adventure brand identities
  • Rustic and farmhouse style home decor
  • Natural food and beverage packaging
  • Wellness and eco-conscious web design
  • Autumnal themed marketing materials
  • Editorial layouts for nature magazines

Suggested color roles

primary

A deep, grounding forest green, excellent for dominant brand elements, large headers, or primary backgrounds, conveying stability and organic depth (#3D5B4D).

secondary

A balanced moss green, ideal for subheadings, navigation, or significant graphical elements, maintaining a natural flow (#6B8B67).

accent

A warm, inviting earthy brown, perfect for subtle highlights, interactive elements, or decorative patterns, adding a touch of rustic charm (#B38F76).

background

A light, warm beige-yellow, providing a clean and breathable canvas for content, ensuring readability with darker text (#D6C298).

text

The darkest green, ensuring excellent contrast and legibility for body text, titles, and important information on lighter backgrounds like #D6C298 or #A3B58B (#3D5B4D).

Accessibility notes

  • Ensure sufficient contrast when using #3D5B4D or #B38F76 for text on lighter backgrounds like #D6C298 or #A3B58B.
  • Avoid pairing #A3B58B text directly on #D6C298 for body copy due to potential low contrast.
  • White or very light text will be highly legible on the darker shades like #3D5B4D and #6B8B67.
  • Test all color combinations with accessibility tools to meet WCAG standards, especially for interactive elements.

Recommended combinations

Sun-Dappled Path

A balanced contrast combination, great for branding that needs both natural depth and a warm, inviting feel.

#3D5B4D · #B38F76 · #D6C298

Moss & Earth

A harmonious, earthy blend ideal for illustrations, serene backgrounds, or secondary information panels.

#6B8B67 · #A3B58B · #B38F76

Deep Roots

Excellent for conveying organic depth and natural heritage in footers, navigation, or data visualizations.

#3D5B4D · #6B8B67 · #B38F76

CSS variables

:root {
  --mystical-forest-floor-1: #3D5B4D;
  --mystical-forest-floor-2: #6B8B67;
  --mystical-forest-floor-3: #A3B58B;
  --mystical-forest-floor-4: #D6C298;
  --mystical-forest-floor-5: #B38F76;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "mystical-forest-floor": {
        1: "#3D5B4D",
        2: "#6B8B67",
        3: "#A3B58B",
        4: "#D6C298",
        5: "#B38F76",
      }
    }
  }
}

Related searches

muted green brown paletterustic forest colorsnature inspired brandingearthy web design schemeautumnal color combinations

Palette colors

Hex values

Color 1#3D5B4D
·
Color 2#6B8B67
·
Color 3#A3B58B
·
Color 4#D6C298
·
Color 5#B38F76
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
3.4:1AA18
4.3:1AA18
2.5:1Fail
2
2:1Fail
1.7:1Fail
2.2:1Fail
1.3:1Fail
3
3.4:1AA18
1.7:1Fail
1.3:1Fail
1.3:1Fail
4
4.3:1AA18
2.2:1Fail
1.3:1Fail
1.7:1Fail
5
2.5:1Fail
1.3:1Fail
1.3:1Fail
1.7:1Fail

Similar palettes

More like Mystical Forest Floor

View all earth
Autumn Leaf Canopy
Forest Floor Whispers
Autumn Wood Glade
Emerald Enclave Moss
Emerald Moss Canopy
Enchanted Forest Lumina