Back to palettes

Palette

Gentle Forest Stream

Serene greens and soft aquas, capturing the essence of a peaceful forest stream.

coolnatural5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Gentle Forest Stream 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 Gentle Forest Stream.

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

Data visualization

#3C6F58#609A7F#8FC4A5#B0DBC1#7CA791

Palette guide

How to use Gentle Forest Stream

Overview

The "Gentle Forest Stream" palette offers a tranquil and natural aesthetic, perfect for evoking serenity and organic freshness. Dominated by serene greens like the deep forest hue "#3C6F58" and the softer mossy green "#609A7F", it's complemented by lighter, airy tones such as the fresh "#8FC4A5" and the very light "#B0DBC1". The versatile "#7CA791" acts as a bridge, maintaining the cohesive, earthy feel. This palette is ideal for projects aiming for a calming, sustainable, or nature-inspired look, providing a harmonious blend that is both soothing and visually appealing. Designers can leverage its earthy depth and gentle highlights to create immersive and inviting digital or physical spaces.

Best used for

  • Eco-friendly brand identities
  • Nature-themed websites and apps
  • Spa and wellness marketing materials
  • Organic food packaging designs
  • Sustainable product showcases
  • Environmental non-profit communications

Suggested color roles

primary

Use "#3C6F58" for strong headings or main calls to action, grounding the design with its deep, earthy presence.

secondary

"#609A7F" works well for subheadings, navigation elements, or larger content blocks, offering a gentler green.

accent

Employ "#8FC4A5" for interactive elements, highlights, or subtle graphic details to add a touch of freshness.

background

"#B0DBC1" provides a very light, airy backdrop, ensuring content remains readable and the overall feel is open.

text

For optimal readability, use a dark charcoal or black on lighter backgrounds, or "#3C6F58" on "#B0DBC1".

Accessibility notes

  • Ensure sufficient contrast between "#3C6F58" text and lighter backgrounds like "#B0DBC1".
  • Lightest color "#B0DBC1" should not be used for small text on white or very light backgrounds.
  • "#609A7F" and "#8FC4A5" may require careful pairing for text, preferring darker hues for readability.
  • Test all color combinations for WCAG AA or AAA compliance, especially for critical UI elements.

Recommended combinations

Forest Canopy

For deep, natural branding and main content areas, creating a grounded feel.

#3C6F58 · #609A7F · #7CA791

Stream Edge

Ideal for refreshing UI elements, banners, or lighter sections that need a gentle lift.

#609A7F · #8FC4A5 · #B0DBC1

Tranquil Path

A balanced trio for subtle gradients, layered information, or serene graphic accents.

#7CA791 · #B0DBC1 · #3C6F58

CSS variables

:root {
  --gentle-forest-stream-1: #3C6F58;
  --gentle-forest-stream-2: #609A7F;
  --gentle-forest-stream-3: #8FC4A5;
  --gentle-forest-stream-4: #B0DBC1;
  --gentle-forest-stream-5: #7CA791;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gentle-forest-stream": {
        1: "#3C6F58",
        2: "#609A7F",
        3: "#8FC4A5",
        4: "#B0DBC1",
        5: "#7CA791",
      }
    }
  }
}

Related searches

earthy green color palettenature inspired design colorstranquil forest color schemesustainable brand colorsorganic green web design

Palette colors

Hex values

Color 1#3C6F58
·
Color 2#609A7F
·
Color 3#8FC4A5
·
Color 4#B0DBC1
·
Color 5#7CA791
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
2.9:1Fail
3.8:1AA18
2.2:1Fail
2
1.8:1Fail
1.7:1Fail
2.1:1Fail
1.2:1Fail
3
2.9:1Fail
1.7:1Fail
1.3:1Fail
1.4:1Fail
4
3.8:1AA18
2.1:1Fail
1.3:1Fail
1.8:1Fail
5
2.2:1Fail
1.2:1Fail
1.4:1Fail
1.8:1Fail

Similar palettes

More like Gentle Forest Stream

View all cool