Back to palettes

Palette

Riverbed Pebble Serene

A minimalist palette reflecting the smooth, cool textures of riverbed pebbles under clear, flowing water.

neutralminimal5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#708090#A9A9A9#C0C0C0#D3D3D3#EEEEEE

Palette guide

How to use Riverbed Pebble Serene

Overview

The Riverbed Pebble Serene palette offers a minimalist collection reflecting the smooth, cool textures of riverbed pebbles under clear, flowing water. Ranging from the deep blue-grey #708090 to the almost pure white #EEEEEE, with harmonious grays like #A9A9A9, #C0C0C0, and #D3D3D3, this collection is designed for creating tranquil and sophisticated environments. Designers and developers can leverage these versatile neutral hues to craft interfaces and brands that evoke clarity, calm, and understated elegance, promoting a sense of grounded simplicity.

Best used for

  • Minimalist architecture portfolios
  • High-end tech product interfaces
  • Luxury spa and resort branding
  • Modern art gallery websites
  • Clean corporate presentations
  • Zen-inspired digital experiences

Suggested color roles

primary

#A9A9A9 - A balanced, versatile mid-grey, ideal for foundational elements, providing a calm and stable presence without being too dark.

secondary

#C0C0C0 - A lighter, soft grey that complements the primary, suitable for secondary information, subtle dividers, or background textures.

accent

#708090 - The deepest blue-grey, perfect for strong accents, call-to-action buttons, or elements requiring a distinct, grounding visual weight.

background

#EEEEEE - The lightest tone, a very soft off-white, serving as a clean, expansive canvas that enhances the palette's minimalist quality.

text

#708090 - This blue-grey offers good readability for body text on the light #EEEEEE background, providing a soft, inviting textual presence.

Accessibility notes

  • #708090 on #EEEEEE provides good contrast for most text sizes, meeting WCAG AA standards.
  • Be cautious when using #A9A9A9, #C0C0C0, or #D3D3D3 for text on #EEEEEE; contrast will likely be insufficient for readability.
  • Ensure interactive elements have clear visual indicators for focus and hover states, maintaining sufficient contrast.
  • For extensive body text on #EEEEEE, consider a slightly darker charcoal or black if #708090 feels too light for some users.

Recommended combinations

Pebble Contrast

Ideal for a clean web layout, using the lightest as background, the deep blue-grey for main text, and mid-grey for headings.

#EEEEEE · #708090 · #A9A9A9

Layered Neutrals

Use for creating subtle depth in UI components or layered panels, providing a soft, refined transition without harsh contrasts.

#C0C0C0 · #D3D3D3 · #A9A9A9

Clear Focus

Employ the deepest shade for prominent branding or hero sections, balanced by the lightest for clarity and a mid-grey for supporting content.

#708090 · #EEEEEE · #C0C0C0

CSS variables

:root {
  --riverbed-pebble-serene-1: #708090;
  --riverbed-pebble-serene-2: #A9A9A9;
  --riverbed-pebble-serene-3: #C0C0C0;
  --riverbed-pebble-serene-4: #D3D3D3;
  --riverbed-pebble-serene-5: #EEEEEE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "riverbed-pebble-serene": {
        1: "#708090",
        2: "#A9A9A9",
        3: "#C0C0C0",
        4: "#D3D3D3",
        5: "#EEEEEE",
      }
    }
  }
}

Related searches

minimalist grey palettecool neutral color schemeriver stone aestheticserene pebble colorsclean grey branding

Palette colors

Hex values

Color 1#708090
·
Color 2#A9A9A9
·
Color 3#C0C0C0
·
Color 4#D3D3D3
·
Color 5#EEEEEE
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.2:1Fail
2.7:1Fail
3.5:1AA18
2
1.7:1Fail
1.3:1Fail
1.6:1Fail
2:1Fail
3
2.2:1Fail
1.3:1Fail
1.2:1Fail
1.6:1Fail
4
2.7:1Fail
1.6:1Fail
1.2:1Fail
1.3:1Fail
5
3.5:1AA18
2:1Fail
1.6:1Fail
1.3:1Fail

Similar palettes

More like Riverbed Pebble Serene

View all neutral
Calm Lakeside Stone
Natural Linen Texture
River Stone Whisper
Riverbed Smooth Stone
Abstract Sandstone Art
Ancient Rune Stone