Palette

River Stone Whisper

Muted, calming tones of polished stones found along a gentle riverbed.

neutralcalm5 colors

More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how River Stone Whisper 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 River Stone Whisper.

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

Data visualization

#8B8B8B#A9A9A9#696969#484848#C0C0C0

Palette guide

How to use River Stone Whisper

Overview

The River Stone Whisper palette delivers a sophisticated spectrum of medium to dark grays, evoking the polished, muted tones of riverbed stones. With shades ranging from the deep #484848 to the lighter #C0C0C0, and versatile mid-tones like #8B8B8B, #A9A9A9, and #696969, this collection is perfect for designers and developers aiming for a calm, understated, and naturally elegant aesthetic. These grays provide a strong foundation for creating minimalist designs, corporate presentations, or any project requiring a sense of stability and refined simplicity.

Best used for

Professional corporate websites
High-end product showcases
Art gallery branding
Minimalist user interfaces
Photography portfolio backgrounds
Architectural firm branding

Suggested color roles

primary

#696969 - A solid, balanced mid-grey, ideal for primary content blocks, main navigation, or foundational UI elements.

secondary

#8B8B8B - A slightly lighter, versatile grey that supports the primary, suitable for subheadings, dividers, or background textures.

accent

#484848 - The darkest shade, providing a strong, authoritative contrast for call-to-action buttons, important icons, or impactful titles.

background

#C0C0C0 - The lightest tone, serving as a clean, neutral canvas that allows other elements to stand out with understated elegance.

text

#484848 - This dark grey offers excellent readability for body text on lighter backgrounds like #C0C0C0, providing depth without the harshness of pure black.

Accessibility notes

#484848 on #C0C0C0 provides good contrast for text, meeting WCAG AA for most font sizes.
#696969 and #8B8B8B may require careful contrast checks when used for text on #C0C0C0, especially for smaller fonts.
Ensure interactive elements have distinct visual states and sufficient contrast against their backgrounds.
Avoid using #A9A9A9 for text on #C0C0C0 as the contrast will likely be too low for readability.

Recommended combinations

Core Contrast

A classic combination for readability, using the lightest as background, darkest for primary text, and mid-tone for secondary text or borders.

#C0C0C0 · #484848 · #696969

Subtle Gradation

Excellent for creating visual depth in UI elements like cards or layered panels, offering a soft, refined transition.

#8B8B8B · #A9A9A9 · #696969

Deep Foundation

Employ the deepest shade as a strong brand color, balanced by the lightest for clarity and a mid-tone for supporting details.

#484848 · #C0C0C0 · #8B8B8B

CSS variables

:root {
  --river-stone-whisper-2-1: #8B8B8B;
  --river-stone-whisper-2-2: #A9A9A9;
  --river-stone-whisper-2-3: #696969;
  --river-stone-whisper-2-4: #484848;
  --river-stone-whisper-2-5: #C0C0C0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "river-stone-whisper-2": {
        1: "#8B8B8B",
        2: "#A9A9A9",
        3: "#696969",
        4: "#484848",
        5: "#C0C0C0",
      }
    }
  }
}

Hex values

Color 1#8B8B8B

Color 2#A9A9A9

Color 3#696969

Color 4#484848

Color 5#C0C0C0

Accessibility

Contrast checker

1.4:1Fail

1.6:1Fail

2.7:1Fail

1.9:1Fail

1.4:1Fail

2.3:1Fail

3.9:1AA18

1.3:1Fail

1.6:1Fail

2.3:1Fail

1.7:1Fail

3:1AA18

2.7:1Fail

3.9:1AA18

1.7:1Fail

5:1AA

1.9:1Fail

1.3:1Fail

3:1AA18

5:1AA

Similar palettes

More like River Stone Whisper

River Stone Whisper

See it in context.

Ready when you are.

Built with River Stone Whisper.

How to use River Stone Whisper

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Core Contrast

Subtle Gradation

Deep Foundation

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like River Stone Whisper