Back to palettes

Palette

River Stone Blend

Earthy greys and warm browns reflect the smooth, cool textures of diverse river stones found along a tranquil bank.

neutralnatural5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8A8A8A#A38F7A#7D7D7D#C2B29A#4F4F4F

Palette guide

How to use River Stone Blend

Overview

The River Stone Blend palette offers a sophisticated mix of earthy greys and warm browns, perfectly reflecting the smooth, natural textures of river stones. With shades like the versatile mid-grey #8A8A8A, the inviting warm brown-grey #A38F7A, and the deep grounding #4F4F4F, this collection provides a serene yet rich foundation. Designers and developers can leverage its organic feel to create harmonious and elegant digital or physical environments, ideal for projects demanding a touch of natural sophistication.

Best used for

  • Nature-inspired branding
  • Earthy web backgrounds
  • Interior design mood boards
  • Organic product packaging
  • Sophisticated UI elements
  • Photography backdrops

Suggested color roles

primary

Use #8A8A8A as a versatile mid-grey primary for main elements, offering a neutral yet solid base.

secondary

Introduce #A38F7A as a warm brown-grey secondary for accents, buttons, or supporting panels to add natural warmth.

accent

Apply #C2B29A for subtle highlights, interactive states, or delicate graphic elements, providing a soft, luminous touch.

background

Utilize #7D7D7D for a slightly darker, grounded background, or #C2B29A for a lighter, airy canvas.

text

Employ #4F4F4F for body text and headings, ensuring excellent readability and a strong, sophisticated presence against lighter palette tones.

Accessibility notes

  • Ensure #4F4F4F text has sufficient contrast against #C2B29A or #A38F7A backgrounds (WCAG AA).
  • Avoid using #8A8A8A text on #7D7D7D backgrounds for body copy due to low contrast.
  • Provide clear visual cues for interactive elements, especially if using similar mid-tones.
  • Consider larger font sizes or bolding when using lighter text colors like #C2B29A on darker backgrounds.

Recommended combinations

Warm Earth

Creates a soft, inviting blend, perfect for natural product displays or cozy digital spaces.

#A38F7A · #C2B29A · #4F4F4F

Grounded Greys

Offers a strong, stable, and deeply sophisticated look, ideal for corporate or architectural applications.

#8A8A8A · #7D7D7D · #4F4F4F

Subtle Depth

Provides a gentle, harmonious transition, suitable for elegant UI elements or serene branding.

#C2B29A · #8A8A8A · #A38F7A

CSS variables

:root {
  --river-stone-blend-1: #8A8A8A;
  --river-stone-blend-2: #A38F7A;
  --river-stone-blend-3: #7D7D7D;
  --river-stone-blend-4: #C2B29A;
  --river-stone-blend-5: #4F4F4F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "river-stone-blend": {
        1: "#8A8A8A",
        2: "#A38F7A",
        3: "#7D7D7D",
        4: "#C2B29A",
        5: "#4F4F4F",
      }
    }
  }
}

Related searches

earthy grey brown palettenatural stone color schemeorganic neutral colorssophisticated warm greysinterior design neutral palette

Palette colors

Hex values

Color 1#8A8A8A
·
Color 2#A38F7A
·
Color 3#7D7D7D
·
Color 4#C2B29A
·
Color 5#4F4F4F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.2:1Fail
1.7:1Fail
2.4:1Fail
2
1.1:1Fail
1.3:1Fail
1.5:1Fail
2.6:1Fail
3
1.2:1Fail
1.3:1Fail
2:1Fail
2:1Fail
4
1.7:1Fail
1.5:1Fail
2:1Fail
4:1AA18
5
2.4:1Fail
2.6:1Fail
2:1Fail
4:1AA18

Similar palettes

More like River Stone Blend

View all neutral
Dusty Plains Serene
Limestone Cliff Coast
River Stone Calm
River Stone Medley
Safari Tent Shade
Weathered Ruin Stone