Back to palettes

Palette

Woodland Hearth Moss

Deep forest greens and warm browns evoke the rustic tranquility of moss growing around a hidden woodland hearth.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Woodland Hearth Moss 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 Woodland Hearth Moss.

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

Data visualization

#228B22#556B2F#A0522D#D2B48C#696969

Palette guide

How to use Woodland Hearth Moss

Overview

The Woodland Hearth Moss palette evokes the rustic tranquility of a hidden woodland hearth, blending deep forest greens with warm, earthy browns and a touch of grounding grey. It features the vibrant Forest Green (#228B22) and the muted Olive Drab (#556B2F), reminiscent of lush moss. These are beautifully complemented by the rich Sienna (#A0522D) and the soft Tan (#D2B48C), bringing the warmth of wood and fire. A versatile Dim Gray (#696969) anchors the palette, adding sophistication. This collection is ideal for designers and developers crafting projects that celebrate nature, tradition, and cozy comfort, offering a robust and inviting visual narrative.

Best used for

  • Rustic cabin or retreat branding
  • Artisanal craft websites and packaging
  • Cozy cafe or restaurant interiors
  • Outdoor living and adventure marketing
  • Heritage-inspired product lines
  • Nature-themed event decor

Suggested color roles

primary

Forest Green (#228B22) serves as a strong, vital primary, excellent for headings, main navigation, or key branding elements, conveying natural energy.

secondary

Sienna (#A0522D) offers a warm, inviting secondary, ideal for content blocks, subheadings, or supporting graphical elements, adding a touch of rustic comfort.

accent

Tan (#D2B48C) provides a light, welcoming accent, perfect for calls to action, interactive elements, or subtle highlights, brightening the overall composition.

background

Dim Gray (#696969) offers a sophisticated, neutral background, suitable for content areas or as a grounding base for the warmer colors.

text

Dim Gray (#696969) is an excellent choice for body text on lighter backgrounds like #D2B48C, ensuring high readability and a modern, earthy feel.

Accessibility notes

  • Ensure #696969 text on #D2B48C backgrounds meets WCAG AA contrast standards.
  • Avoid using #556B2F on #A0522D for small text due to their similar luminance values.
  • For interactive elements, pair #228B22 with #D2B48C for clear visual distinction.
  • Consider larger font sizes for #A0522D if used as headings on backgrounds like #696969.

Recommended combinations

Hearth Warmth

Warm brown and light tan with a grounding grey for a cozy, inviting, and sophisticated feel.

#A0522D · #D2B48C · #696969

Mossy Stone

Vibrant green with a stable grey and a light tan for a natural, balanced, and serene design.

#228B22 · #696969 · #D2B48C

Rustic Blend

Muted olive with a rich sienna and a light tan for a harmonious, organic, and traditional aesthetic.

#556B2F · #A0522D · #D2B48C

CSS variables

:root {
  --woodland-hearth-moss-1: #228B22;
  --woodland-hearth-moss-2: #556B2F;
  --woodland-hearth-moss-3: #A0522D;
  --woodland-hearth-moss-4: #D2B48C;
  --woodland-hearth-moss-5: #696969;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "woodland-hearth-moss": {
        1: "#228B22",
        2: "#556B2F",
        3: "#A0522D",
        4: "#D2B48C",
        5: "#696969",
      }
    }
  }
}

Related searches

rustic green brown palettewoodland hearth colorsmossy forest schemeorganic earthy tonescozy nature palette

Palette colors

Hex values

Color 1#228B22
·
Color 2#556B2F
·
Color 3#A0522D
·
Color 4#D2B48C
·
Color 5#696969
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.3:1Fail
2.2:1Fail
1.3:1Fail
2
1.4:1Fail
1.1:1Fail
3:1AA18
1.1:1Fail
3
1.3:1Fail
1.1:1Fail
2.8:1Fail
1:1Fail
4
2.2:1Fail
3:1AA18
2.8:1Fail
2.8:1Fail
5
1.3:1Fail
1.1:1Fail
1:1Fail
2.8:1Fail

Similar palettes

More like Woodland Hearth Moss

View all earth
Wild Fern Whisper
Enchanted Forest Lumina
Forest Canopy
Forest Canopy Echoes
Forest Fern Canopy
Forest Whisper Canopy