Back to palettes

Palette

Verdant River Bend

A peaceful journey through a verdant landscape, capturing the quiet beauty of a forest at rest.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Verdant River Bend 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 Verdant River Bend.

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

Data visualization

#228B22#556B2F#8FBC8F#BDB76B#D2B48C

Palette guide

How to use Verdant River Bend

Overview

The Verdant River Bend palette offers a peaceful journey through a verdant landscape, capturing the quiet beauty of a forest at rest. This unique collection blends vibrant greens with muted, earthy tones, including the prominent #228B22 and the more subdued #556B2F. Adding warmth and natural texture are the golden-tan #BDB76B and the soft beige #D2B48C, reminiscent of riverbanks or dried leaves. The lighter green #8FBC8F provides a fresh contrast. Designers can use these colors to evoke a sense of tranquility, natural harmony, and rustic charm, perfect for projects related to outdoor living, heritage, or artisanal crafts.

Best used for

  • Rustic home decor branding
  • Outdoor and camping product design
  • Artisanal food packaging
  • Nature-inspired lifestyle blogs
  • Countryside event promotions
  • Heritage brand identities

Suggested color roles

primary

#228B22 serves as a vibrant, yet natural, primary color for impactful headings, main navigation, or key branding elements.

secondary

#556B2F offers a darker, grounding green for subheadings, larger text blocks, or supportive design elements, providing depth.

accent

#BDB76B acts as a unique, warm accent, drawing attention to calls-to-action or important information, adding a touch of golden light.

background

#D2B48C provides a soft, warm, and inviting background, ensuring excellent readability for darker greens and browns.

text

Use #556B2F for body text on light backgrounds like #D2B48C. A clean white can be used for text on #228B22 or #556B2F.

Accessibility notes

  • Ensure good contrast for #556B2F text on #D2B48C background for optimal readability.
  • #BDB76B on #D2B48C may lack sufficient contrast for small text; use for larger display elements.
  • #228B22 provides strong contrast against #D2B48C for headings and important information.
  • Always check contrast ratios, especially when pairing #8FBC8F with #D2B48C, to meet WCAG AA standards.

Recommended combinations

Riverbank Serenity

Creates a balanced, natural look for websites, combining vibrant green with earthy neutrals.

#228B22 · #D2B48C · #556B2F

Forest Trail

A harmonious blend for sub-sections, infographics, or designs with a rustic feel.

#556B2F · #8FBC8F · #BDB76B

Golden Hour

Excellent for warm, inviting backgrounds, highlighted accents, and strong focal points.

#D2B48C · #BDB76B · #228B22

CSS variables

:root {
  --verdant-river-bend-1: #228B22;
  --verdant-river-bend-2: #556B2F;
  --verdant-river-bend-3: #8FBC8F;
  --verdant-river-bend-4: #BDB76B;
  --verdant-river-bend-5: #D2B48C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "verdant-river-bend": {
        1: "#228B22",
        2: "#556B2F",
        3: "#8FBC8F",
        4: "#BDB76B",
        5: "#D2B48C",
      }
    }
  }
}

Related searches

natural green and tan paletteriver bend color schemerustic forest colorsearthy outdoor palettepeaceful nature hues

Palette colors

Hex values

Color 1#228B22
·
Color 2#556B2F
·
Color 3#8FBC8F
·
Color 4#BDB76B
·
Color 5#D2B48C
·

Accessibility

Contrast checker

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

Similar palettes

More like Verdant River Bend

View all earth
Emerald Isle
Forest Canopy
Forest Canopy Light
Lush Fern Canopy
Verdant Forest Moss
Whispering Pine Forest