Back to palettes

Palette

Forest Stream Pebbles

Gentle, cool tones reflecting smooth pebbles submerged in a clear, murmuring forest stream.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#6A7E7A#8FB2AD#B5E6E0#D1F8F5#4A5C5B

Palette guide

How to use Forest Stream Pebbles

Overview

The Forest Stream Pebbles palette offers a serene and gentle collection of cool, muted tones, perfectly reflecting the tranquil beauty of smooth stones nestled in a clear forest stream. With shades ranging from the deep, anchoring #4A5C5B to the airy, translucent #D1F8F5, this palette creates a sense of calm and clarity. The mid-tones like #6A7E7A and #8FB2AD provide a soft transition, while #B5E6E0 adds a touch of refreshing coolness. Designers and developers can utilize this palette to craft clean, soothing interfaces, peaceful branding, or any project aiming for a delicate, natural, and sophisticated aesthetic that promotes relaxation and focus.

Best used for

  • Spa and wellness brand identities
  • Minimalist website designs
  • Eco-conscious packaging
  • Meditation app interfaces
  • Interior design mood boards
  • Sustainable fashion branding

Suggested color roles

primary

#6A7E7A (Stream Stone Grey) - A versatile, cool grey-green, excellent for main content areas, headers, or a sophisticated brand color.

secondary

#8FB2AD (Pebble Green) - Lighter and airier, suitable for sub-sections, backgrounds, or complementary graphics, providing a soft contrast.

accent

#D1F8F5 (Clear Water) - A very light, almost white, cool accent for highlights, hover states, or subtle dividers, suggesting transparency.

background

#4A5C5B (Deep Stream Bed) - A dark, grounding background that allows lighter elements to float, ideal for footers or dark mode sections.

text

#B5E6E0 (Pale Stream) - Use this lighter shade for headings or larger text on the darker tones; for body text, a dark grey or charcoal on lighter shades is recommended.

Accessibility notes

  • #D1F8F5 is very light; use dark text (e.g., #4A5C5B or black) on it for sufficient contrast.
  • Avoid using #D1F8F5 or #B5E6E0 for small text on other light palette colors like #8FB2AD.
  • Ensure interactive elements have clear visual cues that pass contrast requirements for focus and hover states.
  • For body text on #6A7E7A, a dark charcoal or black will provide better readability than other palette colors.

Recommended combinations

Stream Depth

Creates a harmonious, deep, and tranquil base for content-heavy sections.

#4A5C5B · #6A7E7A · #8FB2AD

Clear Water Edge

A light and airy combination, perfect for headers, navigation, or clean information display.

#6A7E7A · #B5E6E0 · #D1F8F5

Pebble Contrast

Provides a strong, yet soothing contrast for calls-to-action or important highlights.

#4A5C5B · #D1F8F5 · #8FB2AD

CSS variables

:root {
  --forest-stream-pebbles-1: #6A7E7A;
  --forest-stream-pebbles-2: #8FB2AD;
  --forest-stream-pebbles-3: #B5E6E0;
  --forest-stream-pebbles-4: #D1F8F5;
  --forest-stream-pebbles-5: #4A5C5B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "forest-stream-pebbles": {
        1: "#6A7E7A",
        2: "#8FB2AD",
        3: "#B5E6E0",
        4: "#D1F8F5",
        5: "#4A5C5B",
      }
    }
  }
}

Related searches

cool grey green palettetranquil water colorsserene nature uisoft pebble shadescalm brand identity colors

Palette colors

Hex values

Color 1#6A7E7A
·
Color 2#8FB2AD
·
Color 3#B5E6E0
·
Color 4#D1F8F5
·
Color 5#4A5C5B
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
3.1:1AA18
3.8:1AA18
1.6:1Fail
2
1.9:1Fail
1.7:1Fail
2:1Fail
3.1:1AA18
3
3.1:1AA18
1.7:1Fail
1.2:1Fail
5.2:1AA
4
3.8:1AA18
2:1Fail
1.2:1Fail
6.2:1AA
5
1.6:1Fail
3.1:1AA18
5.2:1AA
6.2:1AA

Similar palettes

More like Forest Stream Pebbles

View all cool
Ethereal Forest Mist
Heron Feather Dawn
Jade Pond Reflection
Tranquil Stone Pond
Alpine Lake Serene
Aquatic Moss Garden