Back to palettes

Palette

Riverbank Stone

A calming blend of soft grays and muted blues, like pebbles along a gentle riverbank at dawn.

earthcalm5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#708090#A9A9A9#B0C4DE#D3D3D3#F0F8FF

Palette guide

How to use Riverbank Stone

Overview

The Riverbank Stone palette captures the tranquil essence of pebbles along a gentle riverbank at dawn, blending soft grays with muted blues. This calming collection features the deep blue-grey #708090, versatile mid-tones like #A9A9A9 and #D3D3D3, and airy blues such as #B0C4DE and the near-white #F0F8FF. Designers and developers can leverage these harmonious hues to create serene, natural, and sophisticated designs. It's ideal for projects aiming to evoke a sense of calm, clarity, and understated elegance, reflecting nature's gentle beauty.

Best used for

  • Calm corporate branding
  • Wellness and mindfulness apps
  • Coastal home decor websites
  • Nature photography portfolios
  • Eco-friendly product labels
  • Educational content with a soft aesthetic

Suggested color roles

primary

#708090 - A deep, calming blue-grey, ideal for foundational elements, providing a stable and professional presence.

secondary

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

accent

#B0C4DE - A light, airy steel blue, perfect for subtle accents, interactive elements, or to introduce a refreshing visual break.

background

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

text

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

Accessibility notes

  • #708090 on #F0F8FF provides strong contrast, suitable for all text sizes and meeting WCAG AA standards.
  • Be cautious when using #A9A9A9, #B0C4DE, or #D3D3D3 for text on #F0F8FF; contrast may be insufficient, especially for smaller fonts.
  • Ensure interactive elements have clear visual indicators for focus and hover states, maintaining sufficient contrast.
  • For a softer text alternative on #F0F8FF, consider a dark charcoal like #333333 if #708090 feels too light for extensive reading.

Recommended combinations

Dawn Serenity

Ideal for a clean, airy web layout, using the lightest as background, the blue-grey for main text, and the light blue for highlights.

#F0F8FF · #708090 · #B0C4DE

Stone & Water

Use for layered UI components or subtle background patterns, creating depth with a natural, muted feel.

#A9A9A9 · #D3D3D3 · #708090

Gentle Focus

Employ the deep blue-grey for prominent branding, balanced by the lightest for clarity and a mid-grey for supporting content.

#708090 · #F0F8FF · #A9A9A9

CSS variables

:root {
  --riverbank-stone-1: #708090;
  --riverbank-stone-2: #A9A9A9;
  --riverbank-stone-3: #B0C4DE;
  --riverbank-stone-4: #D3D3D3;
  --riverbank-stone-5: #F0F8FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "riverbank-stone": {
        1: "#708090",
        2: "#A9A9A9",
        3: "#B0C4DE",
        4: "#D3D3D3",
        5: "#F0F8FF",
      }
    }
  }
}

Related searches

calm blue grey palettenatural river colorsserene earth tonesmuted coastal designlight grey blue branding

Palette colors

Hex values

Color 1#708090
·
Color 2#A9A9A9
·
Color 3#B0C4DE
·
Color 4#D3D3D3
·
Color 5#F0F8FF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.3:1Fail
2.7:1Fail
3.8:1AA18
2
1.7:1Fail
1.3:1Fail
1.6:1Fail
2.2:1Fail
3
2.3:1Fail
1.3:1Fail
1.2:1Fail
1.7:1Fail
4
2.7:1Fail
1.6:1Fail
1.2:1Fail
1.4:1Fail
5
3.8:1AA18
2.2:1Fail
1.7:1Fail
1.4:1Fail

Similar palettes

More like Riverbank Stone

View all earth
Dune Seagrass Drift
Matcha Ceremony Peace
Olive Grove Slumber
River Stone Serenity
Serene Pagoda Garden
Whispering Willow Shade