Back to palettes

Palette

Mossy River Bank

Grounding tones reflecting the verdant moss, damp earth, and stones along a calm river's edge.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Mossy River Bank 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 Mossy River Bank.

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

Data visualization

#4F7942#6B8E23#A9A9A9#8B4513#696969

Palette guide

How to use Mossy River Bank

Overview

The "Mossy River Bank" palette offers a grounded and organic feel, capturing the essence of verdant moss, damp earth, and cool stones. With vibrant greens like #4F7942 and #6B8E23, alongside the stabilizing greys #A9A9A9 and #696969, and a rich earthy brown #8B4513, this palette is highly versatile. Designers can craft natural, inviting interfaces that feel authentic and established. Developers will find these hex codes excellent for projects requiring a rustic, eco-conscious, or heritage aesthetic, providing a balance of vibrant life and steadfast stability.

Best used for

  • Outdoor adventure brands
  • Artisan craft websites
  • Environmental advocacy platforms
  • Rustic home decor themes
  • Farm-to-table restaurant branding
  • Historical preservation content

Suggested color roles

primary

#4F7942 provides a robust, natural green, excellent for headers or main content areas.

secondary

#6B8E23 introduces a brighter, livelier green, perfect for calls to action or interactive elements.

accent

#8B4513 offers a warm, earthy contrast, ideal for highlighting key details or a touch of warmth.

background

#A9A9A9 or #696969 can serve as a neutral, calming background, allowing the greens and brown to pop.

text

For light backgrounds like #A9A9A9, use #696969 or a true black. For darker backgrounds, white or near-white is best.

Accessibility notes

  • Ensure good contrast when using #4F7942 or #6B8E23 on the grey backgrounds.
  • #8B4513 text on #696969 background should be checked for readability.
  • The vibrant #6B8E23 might require darker text for adequate contrast.
  • Always test color combinations for users with color vision deficiencies.

Recommended combinations

Earthy Green

A balanced, grounded combination suitable for natural branding and content.

#4F7942 · #696969 · #8B4513

Vibrant River

Highlights the lively green against a neutral stone, great for calls to action.

#6B8E23 · #A9A9A9 · #4F7942

Rustic Stone

Emphasizes the stone and earth tones, ideal for backgrounds or subtle design elements.

#8B4513 · #696969 · #A9A9A9

CSS variables

:root {
  --mossy-river-bank-1: #4F7942;
  --mossy-river-bank-2: #6B8E23;
  --mossy-river-bank-3: #A9A9A9;
  --mossy-river-bank-4: #8B4513;
  --mossy-river-bank-5: #696969;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "mossy-river-bank": {
        1: "#4F7942",
        2: "#6B8E23",
        3: "#A9A9A9",
        4: "#8B4513",
        5: "#696969",
      }
    }
  }
}

Related searches

nature-inspired color schemesearthy greens and brownsrustic color paletteorganic design colorsgreen and grey palette

Palette colors

Hex values

Color 1#4F7942
·
Color 2#6B8E23
·
Color 3#A9A9A9
·
Color 4#8B4513
·
Color 5#696969
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
2.2:1Fail
1.4:1Fail
1.1:1Fail
2
1.3:1Fail
1.6:1Fail
1.9:1Fail
1.4:1Fail
3
2.2:1Fail
1.6:1Fail
3:1AA18
2.3:1Fail
4
1.4:1Fail
1.9:1Fail
3:1AA18
1.3:1Fail
5
1.1:1Fail
1.4:1Fail
2.3:1Fail
1.3:1Fail

Similar palettes

More like Mossy River Bank

View all earth
Forest Bark Comfort
Botanical Bloom Line
Botanical Leaf Veins
Botanical Sketch
Botanical Study Greens
Deep Forest Emerald