Palette

Gentle River Stones

Smooth, muted greys and blues found in river-worn stones, creating a serene, natural feel.

neutralcalm5 colors

More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Gentle River 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 Gentle River Stones.

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

Data visualization

#778899#A9A9A9#B0C4DE#6A7B8E#DCDCDC

Palette guide

How to use Gentle River Stones

Overview

The "Gentle River Stones" palette embodies the natural, serene beauty of river-worn rocks with its smooth, muted grays and subtle blues. Ranging from the deep slate "#6A7B8E" to the very light off-white "#DCDCDC", this collection offers a grounding and sophisticated aesthetic. The versatile gray-blue "#778899" and the classic gray "#A9A9A9" blend seamlessly with the soft blue-gray of "#B0C4DE", creating a truly harmonious and organic feel. This palette is perfect for designs seeking a minimalist, natural, or industrial-chic look, providing a timeless and calming presence for various applications from interiors to digital interfaces.

Best used for

Natural product packaging
Modern architectural websites
Minimalist brand identities
Eco-conscious fashion (neutral tones)
Serene home decor marketing
Professional digital portfolios

Suggested color roles

primary

"#6A7B8E" provides a strong, grounding presence, ideal for main headings, brand logos, or key calls to action.

secondary

"#778899" offers a versatile gray-blue for subheadings, navigation, or larger content blocks, maintaining a natural feel.

accent

Use "#A9A9A9" for subtle highlights, interactive elements, or to introduce a classic, balanced gray.

background

"#DCDCDC" provides a very light, almost off-white base, ensuring content stands out while maintaining softness.

text

Black or dark charcoal works best on lighter shades; "#6A7B8E" or "#778899" on "#DCDCDC" offers excellent readability.

Accessibility notes

"#DCDCDC" is very light; ensure dark text (e.g., black) has sufficient contrast on it.
"#B0C4DE" and "#A9A9A9" may require darker text for optimal readability, especially for small font sizes.
The darkest colors, "#6A7B8E" and "#778899", offer good contrast with the lightest shades.
Always verify WCAG contrast ratios for all text and interactive elements.

Recommended combinations

Deep Current

For robust branding and clear visual hierarchy in natural or sophisticated designs.

#6A7B8E · #778899 · #A9A9A9

Pebbled Shore

Ideal for light backgrounds, subtle gradients, or decorative elements that evoke natural textures.

#B0C4DE · #DCDCDC · #A9A9A9

Stone Wash

A balanced trio for sophisticated UI elements or layered information, creating a calm aesthetic.

#778899 · #DCDCDC · #6A7B8E

CSS variables

:root {
  --gentle-river-stones-1: #778899;
  --gentle-river-stones-2: #A9A9A9;
  --gentle-river-stones-3: #B0C4DE;
  --gentle-river-stones-4: #6A7B8E;
  --gentle-river-stones-5: #DCDCDC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gentle-river-stones": {
        1: "#778899",
        2: "#A9A9A9",
        3: "#B0C4DE",
        4: "#6A7B8E",
        5: "#DCDCDC",
      }
    }
  }
}

Hex values

Color 1#778899

Color 2#A9A9A9

Color 3#B0C4DE

Color 4#6A7B8E

Color 5#DCDCDC

Accessibility

Contrast checker

1.5:1Fail

2:1Fail

1.2:1Fail

2.7:1Fail

1.5:1Fail

1.3:1Fail

1.8:1Fail

1.7:1Fail

2:1Fail

1.3:1Fail

2.4:1Fail

1.3:1Fail

1.2:1Fail

1.8:1Fail

2.4:1Fail

3.2:1AA18

2.7:1Fail

1.7:1Fail

1.3:1Fail

3.2:1AA18

Similar palettes

More like Gentle River Stones

Gentle River Stones

See it in context.

Ready when you are.

Built with Gentle River Stones.

How to use Gentle River Stones

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Deep Current

Pebbled Shore

Stone Wash

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Gentle River Stones