Back to palettes

Palette

River Stone

Cool, smoothed greys and muted browns reflect the natural elegance and texture of stones found in a flowing riverbed.

neutralminimal5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#483C32#6D6D6D#8B8B8B#A9A9A9#CFCFCF

Palette guide

How to use River Stone

Overview

The River Stone palette captures the natural elegance of stones found in a flowing riverbed, blending cool, smoothed grays with a rich, muted brown. Ranging from the deep, grounding #483C32 to the light and airy #CFCFCF, with versatile grays like #6D6D6D, #8B8B8B, and #A9A9A9, this collection offers a sophisticated and organic aesthetic. Designers and developers can utilize these hues to create designs that feel grounded, authentic, and subtly rustic, perfect for projects seeking a blend of natural warmth and modern minimalism.

Best used for

  • Rustic-chic branding
  • Outdoor adventure gear packaging
  • Sustainable product design
  • Earthy interior design concepts
  • Crafts and artisan websites
  • Nature documentary graphics

Suggested color roles

primary

#6D6D6D - A balanced, versatile mid-grey, ideal for foundational elements, providing a stable and reliable presence.

secondary

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

accent

#483C32 - The deepest, earthy brown, perfect for strong accents, call-to-action buttons, or elements requiring a rich, grounding visual weight.

background

#CFCFCF - The lightest tone, serving as a clean, neutral canvas that allows the deeper, earthy tones to stand out.

text

#483C32 - This deep brown offers excellent readability for body text on the light #CFCFCF background, providing a warm and natural alternative to black.

Accessibility notes

  • #483C32 on #CFCFCF provides strong contrast, suitable for all text sizes and meeting WCAG AA standards.
  • Be cautious when using #A9A9A9 for text on #CFCFCF; contrast may be insufficient for readability, especially for smaller fonts.
  • Ensure interactive elements have clear visual indicators for focus and hover states, maintaining sufficient contrast against their backgrounds.
  • #6D6D6D on #CFCFCF should be checked for sufficient contrast, particularly for longer blocks of text.

Recommended combinations

Earth & Sky

A core combination for web design, using the lightest as background, the deep brown for headings, and mid-grey for body text.

#CFCFCF · #483C32 · #6D6D6D

Textured Layers

Ideal for creating subtle depth in UI elements or background patterns, offering a soft, natural gradation.

#8B8B8B · #A9A9A9 · #6D6D6D

Rustic Accent

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

#483C32 · #CFCFCF · #8B8B8B

CSS variables

:root {
  --river-stone-1: #483C32;
  --river-stone-2: #6D6D6D;
  --river-stone-3: #8B8B8B;
  --river-stone-4: #A9A9A9;
  --river-stone-5: #CFCFCF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "river-stone": {
        1: "#483C32",
        2: "#6D6D6D",
        3: "#8B8B8B",
        4: "#A9A9A9",
        5: "#CFCFCF",
      }
    }
  }
}

Related searches

earthy grey brown palettenatural river stone colorsrustic minimalist designorganic neutral tonesstone inspired branding

Palette colors

Hex values

Color 1#483C32
·
Color 2#6D6D6D
·
Color 3#8B8B8B
·
Color 4#A9A9A9
·
Color 5#CFCFCF
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.1:1Fail
3.1:1AA18
4.5:1AA
6.8:1AA
2
2.1:1Fail
1.5:1Fail
2.2:1Fail
3.3:1AA18
3
3.1:1AA18
1.5:1Fail
1.4:1Fail
2.2:1Fail
4
4.5:1AA
2.2:1Fail
1.4:1Fail
1.5:1Fail
5
6.8:1AA
3.3:1AA18
2.2:1Fail
1.5:1Fail

Similar palettes

More like River Stone

View all neutral
Schist Vein
Smoky Quartz Hues
Stone Grotto Mist
Ancient Roman Stone
Ancient Ruin Stone
Ancient Rune Stone