Back to palettes

Palette

Gentle Stream Pebbles

A natural and calming palette, reflecting the tranquil beauty of a forest stream flowing over smooth, earthy pebbles.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#3C5A4B#6A8D7B#8F7C66#B3C1B4#EDECE8

Palette guide

How to use Gentle Stream Pebbles

Overview

The Gentle Stream Pebbles palette (version 1) captures the essence of a tranquil forest stream with its harmonious blend of earthy greens and warm browns. This organic collection features the deep forest green #3C5A4B, a softer mossy green #6A8D7B, and a comforting pebble brown #8F7C66. Lighter, airy tones like the muted green-gray #B3C1B4 and the near-white #EDECE8 complete the set, offering a natural and grounded feel. Designers can use these hues for creating inviting, eco-friendly branding, while developers will find them suitable for nature-themed applications, sustainable product interfaces, or serene digital experiences.

Best used for

  • Eco-friendly brand identities and packaging
  • Nature photography websites and portfolios
  • Organic food and wellness product designs
  • Outdoor adventure and travel blogs
  • Sustainable architecture visualizations
  • Serene meditation or mindfulness apps

Suggested color roles

primary

#3C5A4B makes an excellent primary color, grounding the design with a deep, natural forest green for headers or main panels.

secondary

#6A8D7B offers a softer green, suitable for subheadings, secondary content blocks, or navigation elements.

accent

#8F7C66 provides a warm, earthy accent, ideal for call-to-action buttons, highlights, or decorative elements.

background

#EDECE8 delivers a very light, almost off-white background, ensuring excellent readability and a natural feel.

text

Use #3C5A4B for body text against lighter backgrounds, or a deep charcoal for optimal contrast.

Accessibility notes

  • #3C5A4B on #EDECE8 offers strong contrast for body text.
  • Be cautious with text on #B3C1B4; ensure it's dark enough, like black or a very dark brown.
  • Avoid using #8F7C66 as a background for light-colored text without significant contrast testing.
  • For interactive elements, ensure sufficient contrast between default and hover states.

Recommended combinations

Forest Floor

A strong dark base, a harmonious mid-tone, and a light background for natural, readable layouts.

#3C5A4B · #6A8D7B · #EDECE8

Earth & Moss

Great for secondary content areas or illustrations, blending warm and cool earthy tones.

#8F7C66 · #B3C1B4 · #6A8D7B

Pebble Path

Ideal for clean interfaces with a light background, subtle separation, and a strong accent.

#EDECE8 · #B3C1B4 · #3C5A4B

CSS variables

:root {
  --gentle-stream-pebbles-1: #3C5A4B;
  --gentle-stream-pebbles-2: #6A8D7B;
  --gentle-stream-pebbles-3: #8F7C66;
  --gentle-stream-pebbles-4: #B3C1B4;
  --gentle-stream-pebbles-5: #EDECE8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gentle-stream-pebbles": {
        1: "#3C5A4B",
        2: "#6A8D7B",
        3: "#8F7C66",
        4: "#B3C1B4",
        5: "#EDECE8",
      }
    }
  }
}

Related searches

earthy green brown palettenatural stream colorsforest inspired designcalm organic palettesustainable branding colors

Palette colors

Hex values

Color 1#3C5A4B
·
Color 2#6A8D7B
·
Color 3#8F7C66
·
Color 4#B3C1B4
·
Color 5#EDECE8
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.1:1Fail
1.9:1Fail
4.1:1AA18
6.4:1AA
2
2.1:1Fail
1.1:1Fail
2:1Fail
3.1:1AA18
3
1.9:1Fail
1.1:1Fail
2.1:1Fail
3.4:1AA18
4
4.1:1AA18
2:1Fail
2.1:1Fail
1.6:1Fail
5
6.4:1AA
3.1:1AA18
3.4:1AA18
1.6:1Fail

Similar palettes

More like Gentle Stream Pebbles

View all earth
Mossy Forest Path
Mystical Forest Floor
Whispering Pine
Forest Fern Canopy
Forest Floor Echo
Forest Path Tones