Palette

Forest Stream Stones

Reflects the tranquil flow of a forest stream, with cool grey pebbles and soft mossy greens.

EarthNatural5 colors

More Earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#334139#5C6F68#8A9E96#BCCBCD#E6EAE8

Palette guide

How to use Forest Stream Stones

Overview

The Forest Stream Stones palette beautifully captures the tranquil essence of a flowing forest stream, blending cool grey pebbles with soft, mossy greens. Ranging from the deep, grounding #334139 to the airy, almost white #E6EAE8, this collection offers a sophisticated and natural gradient. Mid-tones like #5C6F68 and #8A9E96 provide seamless transitions, while #BCCBCD introduces a lighter, subtle warmth. This palette is perfect for designers and developers seeking to create calm, organic, and elegant digital experiences or branding. It’s excellent for projects that require a natural, understated beauty, promoting a sense of peace and grounded sophistication in its visual appeal.

Best used for

Eco-friendly product packaging
Architectural firm websites
Nature photography portfolios
Serene home decor branding
Sustainable lifestyle blogs
Corporate design with a natural touch

Suggested color roles

primary

#334139 (Deep Stream Green) - A profound, anchoring shade, ideal for main backgrounds, navigation, or strong brand statements.

secondary

#5C6F68 (Stone Grey-Green) - A versatile mid-tone, suitable for content sections, cards, or secondary branding elements.

accent

#BCCBCD (Light Pebble) - Offers a soft, subtle highlight for interactive elements, borders, or to break up darker sections.

background

#E6EAE8 (Clear Stream Foam) - A very light, almost white background that provides an expansive, clean canvas for content.

text

#8A9E96 (Mossy Stone) - Use for headings or larger text on lighter backgrounds; for body text on #E6EAE8, a dark charcoal or black is recommended.

Accessibility notes

#E6EAE8 is extremely light; ensure all text on it uses a very dark color (e.g., #334139 or black) for contrast.
#BCCBCD and #E6EAE8 are too close for text contrast; avoid pairing them directly for readability.
Check contrast ratios for all text and interactive elements, especially with lighter backgrounds like #BCCBCD.
For interactive elements on #334139, use #E6EAE8 or #BCCBCD for clear visibility.

Recommended combinations

Deep Tranquility

Creates a grounded, cohesive look for primary content areas or sophisticated dark themes.

#334139 · #5C6F68 · #8A9E96

Stream's Edge

A light and airy combination, perfect for clean interfaces, headers, or informational sections.

#E6EAE8 · #BCCBCD · #8A9E96

Stone & Moss

Provides a gentle contrast for highlighting key information or calls-to-action against a dark base.

#334139 · #BCCBCD · #5C6F68

CSS variables

:root {
  --forest-stream-stones-1: #334139;
  --forest-stream-stones-2: #5C6F68;
  --forest-stream-stones-3: #8A9E96;
  --forest-stream-stones-4: #BCCBCD;
  --forest-stream-stones-5: #E6EAE8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "forest-stream-stones": {
        1: "#334139",
        2: "#5C6F68",
        3: "#8A9E96",
        4: "#BCCBCD",
        5: "#E6EAE8",
      }
    }
  }
}

Hex values

Color 1#334139

Color 2#5C6F68

Color 3#8A9E96

Color 4#BCCBCD

Color 5#E6EAE8

Accessibility

Contrast checker

2:1Fail

3.8:1AA18

6.4:1AA

8.8:1AAA

2:1Fail

1.9:1Fail

3.2:1AA18

4.4:1AA18

3.8:1AA18

1.9:1Fail

1.7:1Fail

2.3:1Fail

6.4:1AA

3.2:1AA18

1.7:1Fail

1.4:1Fail

8.8:1AAA

4.4:1AA18

2.3:1Fail

1.4:1Fail

Similar palettes

More like Forest Stream Stones

View all Earth

Botanical Earth Ground

Botanical Green Sanctuary