Back to palettes

Palette

Rainy Forest Path

A grounding palette reminiscent of a tranquil forest floor after a soft spring rain.

earthcalm5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Rainy Forest Path 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 Rainy Forest Path.

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

Data visualization

#4F6D50#768B74#C1C8AE#6E5B4B#3A4A3C

Palette guide

How to use Rainy Forest Path

Overview

The "Rainy Forest Path" palette offers a grounding blend of muted greens and deep browns, perfectly evoking the tranquil and earthy atmosphere of a woodland after a gentle rain. This unique collection combines the mossy greens of #4F6D50 and #768B74 with the rich, damp earth tones of #6E5B4B and #3A4A3C, balanced by the light, airy #C1C8AE. Designers can leverage this palette to create natural, serene, and sophisticated designs that feel both organic and refined. It's ideal for projects that seek to convey a sense of calm, connection to nature, or rustic elegance.

Best used for

  • Eco-tourism and outdoor adventure branding
  • Home and garden product websites
  • Rustic cafe or artisanal food branding
  • Environmental conservation initiatives
  • Wellness and mindfulness platforms
  • Natural history museum exhibits

Suggested color roles

primary

#3A4A3C serves as a deep, anchoring primary color for headers, important calls to action, or dark-themed backgrounds, conveying stability.

secondary

#4F6D50 or #6E5B4B are excellent for subheadings, content sections, or navigation, adding natural depth and warmth.

accent

#768B74 can be used for subtle highlights, interactive elements, or graphic details, offering a soft, organic touch.

background

#C1C8AE provides a light, earthy background that is gentle on the eyes and ensures readability for darker text.

text

For light backgrounds like #C1C8AE, use #3A4A3C for primary text. For darker backgrounds, #C1C8AE or a soft white offers good contrast.

Accessibility notes

  • Ensure #3A4A3C text on #C1C8AE background meets WCAG AA contrast standards.
  • Avoid using #768B74 for small text on #C1C8AE backgrounds due to potential low contrast.
  • The brown tones like #6E5B4B might need careful contrast checks when used for text on other mid-tones.
  • Always test the contrast ratio for all text, links, and interactive elements across the palette.

Recommended combinations

Woodland Contrast

Creates a natural and elegant interface with deep green-brown for primary, light earthy for background, and a mossy green for secondary.

#3A4A3C · #C1C8AE · #4F6D50

Earthy Blend

Ideal for creating subtle background textures, layered cards, or visual elements that require a harmonious mix of greens and browns.

#4F6D50 · #768B74 · #6E5B4B

Rustic Serenity

A light, earthy base with strong, grounding headings and a warm brown for supporting text or call-to-action elements.

#C1C8AE · #3A4A3C · #6E5B4B

CSS variables

:root {
  --rainy-forest-path-1: #4F6D50;
  --rainy-forest-path-2: #768B74;
  --rainy-forest-path-3: #C1C8AE;
  --rainy-forest-path-4: #6E5B4B;
  --rainy-forest-path-5: #3A4A3C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "rainy-forest-path": {
        1: "#4F6D50",
        2: "#768B74",
        3: "#C1C8AE",
        4: "#6E5B4B",
        5: "#3A4A3C",
      }
    }
  }
}

Related searches

earthy green brown palettetranquil forest colorsnatural rustic brandingwoodland aesthetic designcalm outdoor color scheme

Palette colors

Hex values

Color 1#4F6D50
·
Color 2#768B74
·
Color 3#C1C8AE
·
Color 4#6E5B4B
·
Color 5#3A4A3C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
3.3:1AA18
1.1:1Fail
1.6:1Fail
2
1.6:1Fail
2.1:1Fail
1.8:1Fail
2.6:1Fail
3
3.3:1AA18
2.1:1Fail
3.7:1AA18
5.5:1AA
4
1.1:1Fail
1.8:1Fail
3.7:1AA18
1.5:1Fail
5
1.6:1Fail
2.6:1Fail
5.5:1AA
1.5:1Fail

Similar palettes

More like Rainy Forest Path

View all earth
Ancient Moss Whisper
Deep Forest Undergrowth
Emerald Moss Glade
Forest Floor Moss
Forest Moss Carpet
Tranquil Moss Path