Back to palettes

Palette

Riverbend Willow Green

Captures the tranquil greens of willow trees beside a gently flowing river, evoking peace.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Riverbend Willow Green 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 Riverbend Willow Green.

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

Data visualization

#82B3A6#C5E0D5#6A8D7E#4F6D61#AECCBD

Palette guide

How to use Riverbend Willow Green

Overview

The Riverbend Willow Green palette captures the tranquil essence of willow trees by a flowing river, offering a harmonious blend of muted greens. Featuring a deep, anchoring #4F6D61, a versatile #6A8D7E, and the light, serene #C5E0D5, this palette is ideal for designs seeking a natural, calming aesthetic. Designers can leverage its subtle variations to evoke a sense of organic elegance and peace, while developers will appreciate the clear progression of values for creating intuitive and visually appealing user interfaces. The presence of #82B3A6 and #AECCBD allows for nuanced detailing, ensuring a cohesive and refreshing visual experience across various applications.

Best used for

  • Eco-friendly and sustainable brand identities
  • Wellness and spa websites or apps
  • Nature conservation organizations
  • Organic food or lifestyle product packaging
  • Relaxing UI for meditation apps
  • Garden and landscaping design portfolios

Suggested color roles

primary

Use #6A8D7E for main content areas or brand elements, providing a natural, grounding green.

secondary

Apply #82B3A6 for supporting elements, subheadings, or background panels, offering a lighter, harmonious tone.

accent

Reserve #4F6D61 for impactful calls-to-action, important icons, or robust typography, ensuring strong visual weight.

background

Employ #C5E0D5 as a light, airy background, allowing content to breathe and maintain a fresh feel.

text

A deep shade like #4F6D61 or a true black provides optimal readability against lighter backgrounds such as #C5E0D5.

Accessibility notes

  • Ensure #4F6D61 text on #C5E0D5 or #AECCBD backgrounds meets WCAG AA contrast ratios for legibility.
  • Be cautious when using #82B3A6 text on #C5E0D5; it might lack sufficient contrast for small font sizes.
  • For interactive elements, ensure distinct hover/focus states, perhaps by darkening the color or adding an outline.
  • A contrast checker is crucial for validating all text-background pairings within this subtle palette.

Recommended combinations

Deep Forest Calm

Excellent for header-body-footer structures, providing strong contrast and a natural feel.

#4F6D61 · #C5E0D5 · #6A8D7E

Gentle Layers

Ideal for creating tiered UI components like cards or modal dialogues, offering subtle visual separation.

#82B3A6 · #AECCBD · #C5E0D5

Core Contrast

Perfect for text-heavy interfaces: #C5E0D5 as background, #6A8D7E for body, and #4F6D61 for headings.

#6A8D7E · #C5E0D5 · #4F6D61

CSS variables

:root {
  --riverbend-willow-green-1: #82B3A6;
  --riverbend-willow-green-2: #C5E0D5;
  --riverbend-willow-green-3: #6A8D7E;
  --riverbend-willow-green-4: #4F6D61;
  --riverbend-willow-green-5: #AECCBD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "riverbend-willow-green": {
        1: "#82B3A6",
        2: "#C5E0D5",
        3: "#6A8D7E",
        4: "#4F6D61",
        5: "#AECCBD",
      }
    }
  }
}

Related searches

natural green color schemeserene nature palettewillow green web designcalm earth toneseco-friendly branding colors

Palette colors

Hex values

Color 1#82B3A6
·
Color 2#C5E0D5
·
Color 3#6A8D7E
·
Color 4#4F6D61
·
Color 5#AECCBD
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
1.6:1Fail
2.4:1Fail
1.4:1Fail
2
1.7:1Fail
2.6:1Fail
4.1:1AA18
1.2:1Fail
3
1.6:1Fail
2.6:1Fail
1.6:1Fail
2.1:1Fail
4
2.4:1Fail
4.1:1AA18
1.6:1Fail
3.3:1AA18
5
1.4:1Fail
1.2:1Fail
2.1:1Fail
3.3:1AA18

Similar palettes

More like Riverbend Willow Green

View all earth
Deep Forest Emerald
Emerald Moss Canopy
Enchanted Forest Glade
Enchanted Grove
Enchanted River Stone
Forest Canopy Echoes