Back to palettes

Palette

River Stone Serenity

A peaceful, muted palette inspired by smooth river stones, evoking quiet contemplation and natural calm.

monochromecalm5 colors
More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#5A6A6A#829494#B7C3C2#E0E4E4#C0C8C8

Palette guide

How to use River Stone Serenity

Overview

The River Stone Serenity palette offers a peaceful and muted spectrum of grays with a subtle cool undertone, reflecting the quiet beauty of smooth river stones. Ranging from the deep #5A6A6A to the near-white #E0E4E4, with harmonious mid-tones like #829494, #B7C3C2, and #C0C8C8, this collection is designed for creating tranquil and minimalist environments. Developers and designers will find these colors exceptionally versatile for crafting interfaces and brands that evoke contemplation, natural calm, and understated elegance, promoting a sense of grounded stability.

Best used for

  • Minimalist web interfaces
  • Luxury packaging design
  • Wellness and meditation apps
  • Modern architectural visualizations
  • Corporate branding with a serene feel
  • Nature-inspired photography backdrops

Suggested color roles

primary

#829494 - A balanced, cool mid-grey, excellent for foundational elements, providing a calm and stable presence.

secondary

#B7C3C2 - A lighter, airy grey that complements the primary, suitable for secondary information, dividers, or subtle backgrounds.

accent

#5A6A6A - The darkest shade, offering a strong contrast for call-to-action buttons, important icons, or impactful headings.

background

#E0E4E4 - A very light, almost off-white, providing a clean, expansive canvas that enhances the palette's serene quality.

text

#5A6A6A - The darkest color, ensuring high readability for body text on the light #E0E4E4 background, offering a soft alternative to black.

Accessibility notes

  • #5A6A6A on #E0E4E4 offers excellent contrast for most text sizes, meeting WCAG AA standards.
  • Be cautious when using #B7C3C2 or #C0C8C8 for text on light backgrounds; always check contrast ratios.
  • Ensure interactive elements like buttons using lighter shades have sufficient contrast in their default and focus states.
  • Consider larger font sizes for text presented in #829494 on #E0E4E4 to improve readability.

Recommended combinations

Clean & Classic

Ideal for a primary web layout, with the lightest as background, darkest for text, and mid-tone for headings or borders.

#E0E4E4 · #5A6A6A · #829494

Subtle Depth

Use for layered UI components or subtle gradient effects, creating depth without harsh contrasts.

#B7C3C2 · #C0C8C8 · #829494

Grounded Focus

Apply the deep tone for major sections or branding, contrasted by the light background and a soft mid-tone for supporting content.

#5A6A6A · #E0E4E4 · #B7C3C2

CSS variables

:root {
  --river-stone-serenity-1: #5A6A6A;
  --river-stone-serenity-2: #829494;
  --river-stone-serenity-3: #B7C3C2;
  --river-stone-serenity-4: #E0E4E4;
  --river-stone-serenity-5: #C0C8C8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "river-stone-serenity": {
        1: "#5A6A6A",
        2: "#829494",
        3: "#B7C3C2",
        4: "#E0E4E4",
        5: "#C0C8C8",
      }
    }
  }
}

Related searches

muted grey palettecool neutral colorsmonochrome calm designriver stone aestheticminimalist grey branding

Palette colors

Hex values

Color 1#5A6A6A
·
Color 2#829494
·
Color 3#B7C3C2
·
Color 4#E0E4E4
·
Color 5#C0C8C8
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
3.1:1AA18
4.4:1AA18
3.3:1AA18
2
1.8:1Fail
1.8:1Fail
2.5:1Fail
1.9:1Fail
3
3.1:1AA18
1.8:1Fail
1.4:1Fail
1.1:1Fail
4
4.4:1AA18
2.5:1Fail
1.4:1Fail
1.3:1Fail
5
3.3:1AA18
1.9:1Fail
1.1:1Fail
1.3:1Fail

Similar palettes

More like River Stone Serenity

View all monochrome
Contemplative Stone Flow
Grey Cloud Cascade
Misty Moorland Dawn
Misty Moorland Walk
Morning Fog
River Stone Calm