Back to palettes

Palette

Ancient Stone Path

Muted and grounding tones that mirror the timeless endurance of worn, weathered stone pathways.

neutralcalm5 colors
More neutral 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

#8B8378#A69E93#C7C0B7#E0DCCD#5C5750

Palette guide

How to use Ancient Stone Path

Overview

The 'Ancient Stone Path' palette features muted and grounding tones that mirror the timeless endurance of worn, weathered stone pathways. With shades ranging from the deep #5C5750 to the soft #E0DCCD, and including versatile mid-tones like #A69E93, this neutral, calm, and historic palette is perfect for designers and developers crafting serene, natural, and historically resonant designs. It provides a subtle yet robust foundation for conveying a sense of enduring beauty, tranquility, and the delicate textures of ancient landscapes in various digital and physical applications, from landscaping to meditation apps.

Best used for

  • Landscaping and garden design
  • Historical walking tours guides
  • Eco-tourism websites and branding
  • Natural material product lines
  • Meditation and wellness apps
  • Rustic home decor concepts

Suggested color roles

primary

Utilize #8B8378 as a mid-tone, earthy grey-brown for primary elements, offering a balanced and stable foundation.

secondary

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

accent

Introduce #5C5750 as the deepest, grounding shade for impactful headlines, critical calls-to-action, or strong graphical elements, providing powerful contrast.

background

Employ #E0DCCD as a soft, light beige-grey background, offering a clean and expansive canvas with a tranquil feel.

text

For optimal legibility, use #5C5750 for all body text and headings, ensuring strong contrast against lighter backgrounds like #E0DCCD.

Accessibility notes

  • Ensure #5C5750 text on #E0DCCD background meets WCAG AA contrast standards for readability.
  • Use #8B8378 for larger headings on #C7C0B7 for improved visual distinction.
  • Avoid using #A69E93 for small text on #C7C0B7 due to potential low contrast.
  • Check contrast for all text and interactive elements to ensure consistent legibility and usability.

Recommended combinations

Deep Path

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

#5C5750 · #8B8378 · #A69E93

Weathered Steps

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

#A69E93 · #C7C0B7 · #E0DCCD

Calm Journey

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

#8B8378 · #E0DCCD · #5C5750

CSS variables

:root {
  --ancient-stone-path-2-1: #8B8378;
  --ancient-stone-path-2-2: #A69E93;
  --ancient-stone-path-2-3: #C7C0B7;
  --ancient-stone-path-2-4: #E0DCCD;
  --ancient-stone-path-2-5: #5C5750;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ancient-stone-path-2": {
        1: "#8B8378",
        2: "#A69E93",
        3: "#C7C0B7",
        4: "#E0DCCD",
        5: "#5C5750",
      }
    }
  }
}

Related searches

ancient stone pathweathered grey beigehistoric neutral palettecalm earthy designtimeless pathway hex

Palette colors

Hex values

Color 1#8B8378
·
Color 2#A69E93
·
Color 3#C7C0B7
·
Color 4#E0DCCD
·
Color 5#5C5750
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.1:1Fail
2.7:1Fail
1.9:1Fail
2
1.4:1Fail
1.5:1Fail
1.9:1Fail
2.7:1Fail
3
2.1:1Fail
1.5:1Fail
1.3:1Fail
4:1AA18
4
2.7:1Fail
1.9:1Fail
1.3:1Fail
5.2:1AA
5
1.9:1Fail
2.7:1Fail
4:1AA18
5.2:1AA

Similar palettes

More like Ancient Stone Path

View all neutral
Mediterranean Villa Sun
Ancient Stone Hearth
Ancient Temple Sand
Coastal Clay Pebble
Coastal Cliffs
Coastal Stone Pebble