Palette

Riverbed Smooth Stones

A harmonious blend of cool grays, like the smooth, water-worn stones found in a tranquil riverbed.

monochromecalm5 colors

More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Riverbed Smooth 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 Riverbed Smooth Stones.

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

Data visualization

#4A5255#6F797B#97A1A4#BEC6CA#E5EAEB

Palette guide

How to use Riverbed Smooth Stones

Overview

The Riverbed Smooth Stones palette presents a harmonious blend of cool grays, echoing the serene beauty of water-worn stones. With a deep, grounding #4A5255, a versatile #6F797B, and the airy #E5EAEB, this monochrome collection offers a sophisticated foundation for clean, modern designs. Designers can create depth and visual interest through the subtle progression of values, from the mid-tone #97A1A4 to the lighter #BEC6CA. Developers will find this palette excellent for establishing clear visual hierarchy and maintaining brand consistency across various interface elements, ensuring a calm and professional user experience that conveys stability and refinement.

Best used for

Corporate branding and websites
Minimalist e-commerce interfaces
Architectural and interior design portfolios
Tech product interfaces and dashboards
Professional report and document design
Calm and sophisticated mobile apps

Suggested color roles

primary

Use #4A5255 for main navigation, strong headers, or brand elements, providing a solid, authoritative presence.

secondary

Apply #6F797B for subheadings, card backgrounds, or interactive elements, offering a harmonious mid-tone.

accent

A very dark grey or near-black can be used for critical calls-to-action against lighter backgrounds; if sticking strictly to palette, #4A5255 provides the strongest contrast.

background

Employ #E5EAEB as a light, expansive background, ensuring excellent readability and a fresh feel.

text

Dark text like #4A5255 or a true black is essential for optimal readability against the lighter backgrounds like #E5EAEB.

Accessibility notes

Ensure #4A5255 text on #E5EAEB or #BEC6CA backgrounds meets WCAG AA contrast standards for legibility.
Avoid using #97A1A4 or #BEC6CA for small text on #E5EAEB as contrast will be insufficient.
For interactive elements, ensure distinct visual feedback (e.g., darker hover states or outlines).
A contrast checker is crucial for validating all text and background pairings, especially for smaller font sizes.

Recommended combinations

Deep Horizon

Ideal for a strong header, light body, and subtle supporting elements in web layouts.

#4A5255 · #E5EAEB · #97A1A4

Layered Depth

Perfect for creating tiered UI components like cards or modal dialogues, offering subtle visual separation.

#6F797B · #BEC6CA · #97A1A4

Text Clarity

A robust combination for text-heavy pages: #E5EAEB background, #4A5255 for main text, #6F797B for secondary info.

#E5EAEB · #4A5255 · #6F797B

CSS variables

:root {
  --riverbed-smooth-stones-1: #4A5255;
  --riverbed-smooth-stones-2: #6F797B;
  --riverbed-smooth-stones-3: #97A1A4;
  --riverbed-smooth-stones-4: #BEC6CA;
  --riverbed-smooth-stones-5: #E5EAEB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "riverbed-smooth-stones": {
        1: "#4A5255",
        2: "#6F797B",
        3: "#97A1A4",
        4: "#BEC6CA",
        5: "#E5EAEB",
      }
    }
  }
}

Hex values

Color 1#4A5255

Color 2#6F797B

Color 3#97A1A4

Color 4#BEC6CA

Color 5#E5EAEB

Accessibility

Contrast checker

1.8:1Fail

3:1AA18

4.6:1AA

6.6:1AA

1.8:1Fail

1.7:1Fail

2.6:1Fail

3.7:1AA18

3:1AA18

1.7:1Fail

1.5:1Fail

2.2:1Fail

4.6:1AA

2.6:1Fail

1.5:1Fail

1.4:1Fail

6.6:1AA

3.7:1AA18

2.2:1Fail

1.4:1Fail

Similar palettes

More like Riverbed Smooth Stones

View all monochrome

Ancient Ruin Stone

Contemplative Stone Flow

Moonlit Stone Steps

River Stone Calm

River Stone Meditation

River Stone Mosaic