Back to palettes

Palette

Ancient River Stones

Muted, earthy tones reflecting smooth, water-worn stones and the cool, damp moss found alongside an old river.

earthcalm5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#BDB76B#8B8B00#556B2F#4F4F2F#2F2F1F

Palette guide

How to use Ancient River Stones

Overview

The Ancient River Stones palette offers a serene collection of muted, earthy tones, reflecting smooth, water-worn stones and the cool, damp moss found alongside an old river, creating a calm and natural mood. Ranging from the bright #BDB76B to the deep, grounding #2F2F1F, with versatile mid-tones like #8B8B00, #556B2F, and #4F4F2F, this palette provides a tranquil and organic feel. Designers can utilize these profound hues to create designs that communicate peace, nature, and a sophisticated, understated appeal, perfect for projects that connect with natural landscapes.

Best used for

  • Nature-themed branding and websites
  • Environmental conservation digital campaigns
  • Zen garden or spa interior design
  • Rustic landscape photography portfolios
  • Calm UI elements and backgrounds
  • Outdoor adventure product marketing

Suggested color roles

primary

Utilize #2F2F1F for main headings, important calls to action, or key navigational elements to provide strong visual anchors.

secondary

Employ #4F4F2F for subheadings, secondary buttons, or footer backgrounds, offering a deep, complementary brown-green.

accent

Introduce #556B2F sparingly for subtle highlights, decorative elements, or interactive states, adding gentle warmth.

background

Apply #BDB76B as a light, natural background, reminiscent of sun-dappled stones, providing excellent contrast for darker text.

text

For body text, #2F2F1F offers optimal readability on lighter backgrounds like #BDB76B, embodying the palette's serene feel.

Accessibility notes

  • The contrast between #2F2F1F and #BDB76B is excellent for text readability, meeting WCAG AAA standards.
  • Ensure sufficient contrast when using mid-tones like #556B2F or #4F4F2F for text, especially on other mid-range backgrounds.
  • Avoid using #BDB76B or #8B8B00 for text on similar light backgrounds within the palette due to low contrast.
  • Consider using a lighter text color like off-white if using the darkest colors as large background blocks.

Recommended combinations

Mossy Stone

Perfect for a natural page layout: light background, a vibrant mid-tone accent, and a deep green-brown for readable text.

#BDB76B · #8B8B00 · #2F2F1F

River Depth

Creates a harmonious, layered effect suitable for content blocks or card designs, offering subtle depth and natural progression.

#556B2F · #4F4F2F · #2F2F1F

Calm Waters

Combines a clean background with strong, readable text and a natural green accent for interactive elements or highlights.

#BDB76B · #4F4F2F · #556B2F

CSS variables

:root {
  --ancient-river-stones-1: #BDB76B;
  --ancient-river-stones-2: #8B8B00;
  --ancient-river-stones-3: #556B2F;
  --ancient-river-stones-4: #4F4F2F;
  --ancient-river-stones-5: #2F2F1F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ancient-river-stones": {
        1: "#BDB76B",
        2: "#8B8B00",
        3: "#556B2F",
        4: "#4F4F2F",
        5: "#2F2F1F",
      }
    }
  }
}

Related searches

river stone palettemossy earth tonescalm natural greensserene landscape colorsmuted forest aesthetic

Palette colors

Hex values

Color 1#BDB76B
·
Color 2#8B8B00
·
Color 3#556B2F
·
Color 4#4F4F2F
·
Color 5#2F2F1F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
2.9:1Fail
4.1:1AA18
6.6:1AA
2
1.8:1Fail
1.6:1Fail
2.3:1Fail
3.7:1AA18
3
2.9:1Fail
1.6:1Fail
1.4:1Fail
2.3:1Fail
4
4.1:1AA18
2.3:1Fail
1.4:1Fail
1.6:1Fail
5
6.6:1AA
3.7:1AA18
2.3:1Fail
1.6:1Fail

Similar palettes

More like Ancient River Stones

View all earth
Jade River Stone
Ancient Moss Whisper
Bamboo Grove
Jade Tea Ceremony
Japanese Tea Garden
Matcha Ceremonial Blend