Back to palettes

Palette

Riverbed Pebble Smooth

A tranquil blend of cool greys and subtle blues, like smooth riverbed pebbles polished by gentle currents.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#6A7A7B#8C9CA1#ADBBC0#CDE0E3#4E5C5D

Palette guide

How to use Riverbed Pebble Smooth

Overview

The Riverbed Pebble Smooth palette offers a tranquil blend of cool greys and subtle blues, mirroring the serene beauty of water-worn stones. This collection, featuring hex codes like the deep #4E5C5D, the balanced #6A7A7B, and the airy #CDE0E3, provides a calming foundation for various design projects. Designers can leverage its muted sophistication for interfaces requiring a peaceful, uncluttered feel, while developers will appreciate the distinct yet harmonious steps in value for creating depth and visual hierarchy. Use #8C9CA1 for secondary elements and #ADBBC0 for lighter touches. Its inherent coolness makes it ideal for conveying stability and natural elegance, perfect for brands seeking a grounded yet refined aesthetic.

Best used for

  • Nature-inspired branding and websites
  • Serene interior design concepts
  • Wellness and mindfulness app interfaces
  • Elegant editorial layouts and photography backdrops
  • Sustainable product packaging
  • Corporate reports needing a calm, professional tone

Suggested color roles

primary

Use #6A7A7B for main content areas or brand elements, providing a grounded, cool grey base.

secondary

Apply #8C9CA1 to support primary content, navigation, or subtle dividers, offering a lighter, harmonious contrast.

accent

Introduce #4E5C5D sparingly for strong accents, calls-to-action, or important icons, adding depth and gravitas.

background

Employ #CDE0E3 as a soft, airy background, ensuring readability and a sense of spaciousness.

text

A dark charcoal like #4E5C5D or a near-black provides excellent contrast against lighter backgrounds like #CDE0E3 for body text.

Accessibility notes

  • Ensure sufficient contrast between #4E5C5D text on #CDE0E3 or #ADBBC0 backgrounds for readability.
  • Lighter shades like #CDE0E3 may require darker text (e.g., #4E5C5D or black) to meet WCAG AA standards.
  • Use #6A7A7B or #8C9CA1 for larger text elements where contrast with #CDE0E3 might be borderline for smaller fonts.
  • Avoid using #ADBBC0 text on #CDE0E3 backgrounds for small text due to low contrast.

Recommended combinations

Deep & Light Flow

Ideal for hero sections or brand logos where a strong anchor meets a light, airy complement, balanced by a mid-tone.

#4E5C5D · #CDE0E3 · #6A7A7B

Subtle Transition

Perfect for gradients, layered UI elements, or subtle background patterns, offering smooth visual progression.

#ADBBC0 · #8C9CA1 · #CDE0E3

Core Serenity

A balanced trio for general UI: #6A7A7B for panels, #CDE0E3 for backgrounds, and #4E5C5D for critical text.

#6A7A7B · #CDE0E3 · #4E5C5D

CSS variables

:root {
  --riverbed-pebble-smooth-1: #6A7A7B;
  --riverbed-pebble-smooth-2: #8C9CA1;
  --riverbed-pebble-smooth-3: #ADBBC0;
  --riverbed-pebble-smooth-4: #CDE0E3;
  --riverbed-pebble-smooth-5: #4E5C5D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "riverbed-pebble-smooth": {
        1: "#6A7A7B",
        2: "#8C9CA1",
        3: "#ADBBC0",
        4: "#CDE0E3",
        5: "#4E5C5D",
      }
    }
  }
}

Related searches

cool grey color schemestranquil design palettesnatural stone colorsserene web design colorssubtle blue grey palette

Palette colors

Hex values

Color 1#6A7A7B
·
Color 2#8C9CA1
·
Color 3#ADBBC0
·
Color 4#CDE0E3
·
Color 5#4E5C5D
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.3:1Fail
3.3:1AA18
1.6:1Fail
2
1.6:1Fail
1.4:1Fail
2.1:1Fail
2.5:1Fail
3
2.3:1Fail
1.4:1Fail
1.4:1Fail
3.5:1AA18
4
3.3:1AA18
2.1:1Fail
1.4:1Fail
5.1:1AA
5
1.6:1Fail
2.5:1Fail
3.5:1AA18
5.1:1AA

Similar palettes

More like Riverbed Pebble Smooth

View all cool
Alpine Lake Reflection
Cool River Stone
Moonlit Riverbed
Alpine Mist
Alpine Morning Mist
Aqua Stillness Mood