Back to palettes

Palette

Mystical Forest Floor

Deep greens and rich browns evoking the quiet sanctuary of an ancient 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

#2B4E38#5A8F6A#A3A27D#6B5B3E#3D3328

Palette guide

How to use Mystical Forest Floor

Overview

The Mystical Forest Floor palette (version 2) offers a grounded and serene collection of deep greens and rich earthy browns, evoking the quiet sanctuary of an ancient forest. Featuring a profound forest green #2B4E38, a softer moss green #5A8F6A, and a unique muted olive #A3A27D, alongside warm browns like #6B5B3E and #3D3328. This palette is perfect for projects seeking an organic, rustic, and sophisticated atmosphere. Designers and developers will find these hues versatile for creating immersive digital experiences or physical branding that resonates with nature's timeless calm and depth.

Best used for

  • Rustic and organic product branding
  • Eco-tourism and nature-themed websites
  • Packaging for natural or artisanal goods
  • Interior design for cozy, earthy spaces
  • Environmental conservation initiatives
  • Storytelling and illustration with forest themes

Suggested color roles

primary

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

secondary

A rich, earthy brown, ideal for subheadings, navigation, or significant graphical elements, adding warmth and grounding (#6B5B3E).

accent

A unique, muted olive green, perfect for subtle highlights, interactive elements, or decorative patterns, offering an unexpected natural touch (#A3A27D).

background

A soft, balanced moss green, providing a calming canvas for content, ensuring readability with darker text (#5A8F6A).

text

A deep, rich brown-black, ensuring excellent contrast and legibility for body text, titles, and important information on lighter backgrounds like #5A8F6A or #A3A27D (#3D3328).

Accessibility notes

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

Recommended combinations

Deep Woodland

A strong, earthy combination suitable for robust branding, dark mode interfaces, or conveying a sense of heritage and nature.

#2B4E38 · #6B5B3E · #3D3328

Mossy Hues

A harmonious blend ideal for natural illustrations, serene backgrounds, or secondary information panels with a rustic feel.

#5A8F6A · #A3A27D · #6B5B3E

Forest Path

Provides excellent contrast for text and elements, perfect for clean, nature-themed interfaces or editorial designs.

#3D3328 · #5A8F6A · #A3A27D

CSS variables

:root {
  --mystical-forest-floor-2-1: #2B4E38;
  --mystical-forest-floor-2-2: #5A8F6A;
  --mystical-forest-floor-2-3: #A3A27D;
  --mystical-forest-floor-2-4: #6B5B3E;
  --mystical-forest-floor-2-5: #3D3328;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "mystical-forest-floor-2": {
        1: "#2B4E38",
        2: "#5A8F6A",
        3: "#A3A27D",
        4: "#6B5B3E",
        5: "#3D3328",
      }
    }
  }
}

Related searches

earthy green brown palettemystical forest colorsorganic rustic brandingnatural web design schemedeep woodland aesthetic

Palette colors

Hex values

Color 1#2B4E38
·
Color 2#5A8F6A
·
Color 3#A3A27D
·
Color 4#6B5B3E
·
Color 5#3D3328
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.5:1Fail
3.6:1AA18
1.4:1Fail
1.3:1Fail
2
2.5:1Fail
1.4:1Fail
1.7:1Fail
3.3:1AA18
3
3.6:1AA18
1.4:1Fail
2.5:1Fail
4.7:1AA
4
1.4:1Fail
1.7:1Fail
2.5:1Fail
1.9:1Fail
5
1.3:1Fail
3.3:1AA18
4.7:1AA
1.9:1Fail

Similar palettes

More like Mystical Forest Floor

View all earth
Gentle Stream Pebbles
Mossy Forest Path
Whispering Pine
Forest Fern Canopy
Forest Floor Echo
Forest Path Tones