Back to palettes

Palette

Ancient Stone Path

Muted, earthy tones of weathered stone and worn paths, speaking of timeless history.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#BDB76B#CDC0B0#8B7D6B#6B5B4A#A5947B

Palette guide

How to use Ancient Stone Path

Overview

The 'Ancient Stone Path' palette features muted, earthy tones of weathered stone and worn paths, speaking of timeless history. With shades ranging from the deep #6B5B4A to the light #CDC0B0, and including versatile mid-tones like #8B7D6B, this natural, rustic, and warm palette is perfect for designers and developers crafting grounded, inviting, and historically resonant designs. It provides a harmonious blend of brown-greys and warm beiges, ideal for conveying heritage, natural textures, and a sense of enduring beauty in various digital and physical applications, from landscape design to eco-tourism.

Best used for

  • Landscape architecture and design
  • Historical preservation projects
  • Outdoor gear and apparel brands
  • Natural cosmetics and skincare
  • Rustic home decor and furniture
  • Eco-tourism websites and marketing

Suggested color roles

primary

Utilize #8B7D6B as a mid-tone, warm earth brown for primary elements, offering a balanced and natural foundation.

secondary

Apply #A5947B as a lighter, subtle brown for supporting sections, subheadings, or delicate graphical accents, adding visual softness.

accent

Introduce #6B5B4A as the deepest, grounding brown for impactful headlines, calls-to-action, or strong graphical elements, providing powerful contrast.

background

Employ #CDC0B0 as a light, natural beige background, offering a clean and expansive canvas with an earthy feel.

text

For optimal legibility, use #6B5B4A for all body text and headings, ensuring strong contrast against lighter backgrounds like #CDC0B0.

Accessibility notes

  • Ensure #6B5B4A text on #CDC0B0 background meets WCAG AA contrast standards for readability.
  • #BDB76B provides good contrast on #CDC0B0 for headings and key information.
  • Avoid using #A5947B for small text on #CDC0B0 due to potential low contrast.
  • Verify contrast for all text and interactive elements to ensure consistent legibility and usability.

Recommended combinations

Deep Earth Path

Creates a grounded, layered depth suitable for prominent content blocks, footers, or deep textural backgrounds.

#6B5B4A · #8B7D6B · #A5947B

Sunlit Stone

Ideal for layered backgrounds, subtle gradients, or overlays that evoke light, warm stone textures.

#A5947B · #CDC0B0 · #BDB76B

Rustic Journey

A contrasting yet natural combination for titles, hero sections, or key informational graphics.

#8B7D6B · #CDC0B0 · #6B5B4A

CSS variables

:root {
  --ancient-stone-path-1: #BDB76B;
  --ancient-stone-path-2: #CDC0B0;
  --ancient-stone-path-3: #8B7D6B;
  --ancient-stone-path-4: #6B5B4A;
  --ancient-stone-path-5: #A5947B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ancient-stone-path": {
        1: "#BDB76B",
        2: "#CDC0B0",
        3: "#8B7D6B",
        4: "#6B5B4A",
        5: "#A5947B",
      }
    }
  }
}

Related searches

ancient stone colorsearthy path paletterustic brown beigeweathered natural hexhistoric landscape design

Palette colors

Hex values

Color 1#BDB76B
·
Color 2#CDC0B0
·
Color 3#8B7D6B
·
Color 4#6B5B4A
·
Color 5#A5947B
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.9:1Fail
3.2:1AA18
1.4:1Fail
2
1.2:1Fail
2.2:1Fail
3.7:1AA18
1.7:1Fail
3
1.9:1Fail
2.2:1Fail
1.6:1Fail
1.4:1Fail
4
3.2:1AA18
3.7:1AA18
1.6:1Fail
2.2:1Fail
5
1.4:1Fail
1.7:1Fail
1.4:1Fail
2.2:1Fail

Similar palettes

More like Ancient Stone Path

View all earth