Back to palettes

Palette

River Stone Whisper

Smooth, muted grays and gentle blues, evoking the peaceful ambiance of river stones in a clear stream.

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

#708090#A9A9A9#B0C4DE#87CEEB#6A5ACD

Palette guide

How to use River Stone Whisper

Overview

The River Stone Whisper palette presents a unique blend of smooth, muted grays and gentle blues, capturing the peaceful ambiance of river stones in a clear stream. This versatile palette includes the calming #708090 and #A9A9A9, complemented by the soft blues of #B0C4DE and #87CEEB, with a surprising deep accent in #6A5ACD. Designers and developers can leverage these hues to create refreshing, serene, and sophisticated designs that evoke clarity, nature, and a touch of understated elegance, perfect for projects seeking a harmonious blend of cool tones.

Best used for

  • Nature-inspired tech brands
  • Coastal themed interior design
  • Wellness product packaging
  • Educational institution websites
  • Environmental non-profit materials
  • Relaxing digital interfaces

Suggested color roles

primary

#708090 - A deep, calming blue-grey, serving as a stable foundation for main content areas or significant structural elements.

secondary

#A9A9A9 - A versatile mid-grey, ideal for supporting information, subtle dividers, or background textures, providing a soft contrast.

accent

#6A5ACD - A rich, deep periwinkle blue, perfect for high-impact accents, call-to-action buttons, or elements requiring a vibrant, yet sophisticated, pop.

background

#B0C4DE - A light, airy steel blue, providing a serene and expansive canvas that enhances the palette's tranquil mood.

text

#708090 - This blue-grey offers good readability for body text on lighter backgrounds like #B0C4DE, creating a soft, inviting textual presence.

Accessibility notes

  • #708090 on #B0C4DE provides acceptable contrast for larger text but check for smaller body text.
  • #6A5ACD offers excellent contrast against #B0C4DE, making it suitable for critical information and interactive elements.
  • Be cautious using #A9A9A9 or #87CEEB for text on #B0C4DE as contrast may be insufficient.
  • Ensure all interactive elements have clear visual indicators for focus and hover states, maintaining contrast.

Recommended combinations

River Flow

A harmonious blend for a website layout, using the light blue as background, the deep blue-grey for main text, and the lighter blue for accents.

#B0C4DE · #708090 · #87CEEB

Deep Accent

Use the grey as a base, the deep periwinkle for a striking call-to-action, and the blue-grey for supporting content.

#A9A9A9 · #6A5ACD · #708090

Calm Clarity

Ideal for creating soft, layered graphics or secondary UI elements, evoking a sense of lightness and openness.

#87CEEB · #A9A9A9 · #B0C4DE

CSS variables

:root {
  --river-stone-whisper-3-1: #708090;
  --river-stone-whisper-3-2: #A9A9A9;
  --river-stone-whisper-3-3: #B0C4DE;
  --river-stone-whisper-3-4: #87CEEB;
  --river-stone-whisper-3-5: #6A5ACD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "river-stone-whisper-3": {
        1: "#708090",
        2: "#A9A9A9",
        3: "#B0C4DE",
        4: "#87CEEB",
        5: "#6A5ACD",
      }
    }
  }
}

Related searches

blue grey color schemecalm river paletteneutral blue greyserene nature colorsmuted blue branding

Palette colors

Hex values

Color 1#708090
·
Color 2#A9A9A9
·
Color 3#B0C4DE
·
Color 4#87CEEB
·
Color 5#6A5ACD
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.3:1Fail
2.3:1Fail
1.3:1Fail
2
1.7:1Fail
1.3:1Fail
1.3:1Fail
2.3:1Fail
3
2.3:1Fail
1.3:1Fail
1:1Fail
3:1Fail
4
2.3:1Fail
1.3:1Fail
1:1Fail
3:1AA18
5
1.3:1Fail
2.3:1Fail
3:1Fail
3:1AA18

Similar palettes

More like River Stone Whisper

View all neutral
Gentle River Stones
River Stone Harmony
River Stone Mosaic
River Stone Whisper
Tranquil River Stone
Cloudy Day Serene