Palette

Stone Wall Relic

The aged, weathered hues of an ancient stone wall, reflecting a history worn by time and elements.

neutralminimal5 colors

More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8A8883#A19F9A#BFBDB8#C8C6C1#A5A59E

Palette guide

How to use Stone Wall Relic

Overview

The Stone Wall Relic palette captures the aged, weathered hues of an ancient stone wall, reflecting a history worn by time and elements. This neutral collection offers a spectrum of subtle, earthy grays and warm undertones, ranging from the light, almost beige #C8C6C1 to the grounding #8A8883. The unique #A5A59E adds a hint of organic depth. Designers can leverage this palette to create designs that feel authentic, rustic, and deeply connected to history. It's perfect for conveying a sense of heritage, natural texture, and enduring charm across various creative projects.

Best used for

Heritage tourism promotion materials
Rustic home goods e-commerce sites
Organic food and beverage branding
Vintage photography website themes
Historical fiction book covers
Natural craft and artisan sites

Suggested color roles

primary

Use #A19F9A (Grayish Beige) as a warm, inviting primary color for main content or brand elements.

secondary

Apply #8A8883 (Dark Grayish Brown) as a grounding, textured secondary color for headings or important sections.

accent

Employ #A5A59E (Olive Gray) for subtle, organic details, icons, or to introduce a unique, muted accent.

background

Utilize #C8C6C1 (Light Beige-Gray) as a soft, expansive background, providing a gentle and inviting canvas.

text

Choose #8A8883 or a darker charcoal/brown-black for body text, ensuring good readability and a rustic feel.

Accessibility notes

Ensure #8A8883 text on #C8C6C1 backgrounds provides adequate contrast for body text.
Avoid using #A19F9A on #C8C6C1 for small text due to potential low contrast.
Verify that any text using #A5A59E has sufficient contrast against its background.
When using these subtle tones, rely on text size and weight to differentiate information.

Recommended combinations

Relic Layers

Ideal for backgrounds, main text, and secondary elements, creating a sense of aged depth and warmth.

#C8C6C1 · #8A8883 · #A19F9A

Weathered Texture

Great for UI cards, subtle highlights, and section dividers, reflecting organic, weathered textures.

#A19F9A · #A5A59E · #BFBDB8

Rustic Depth

Effective for strong headings, a clean canvas, and accent details that evoke natural, ancient materials.

#8A8883 · #C8C6C1 · #A5A59E

CSS variables

:root {
  --stone-wall-relic-1: #8A8883;
  --stone-wall-relic-2: #A19F9A;
  --stone-wall-relic-3: #BFBDB8;
  --stone-wall-relic-4: #C8C6C1;
  --stone-wall-relic-5: #A5A59E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "stone-wall-relic": {
        1: "#8A8883",
        2: "#A19F9A",
        3: "#BFBDB8",
        4: "#C8C6C1",
        5: "#A5A59E",
      }
    }
  }
}

Hex values

Color 1#8A8883

Color 2#A19F9A

Color 3#BFBDB8

Color 4#C8C6C1

Color 5#A5A59E

Accessibility

Contrast checker

1.3:1Fail

1.9:1Fail

2.1:1Fail

1.4:1Fail

1.3:1Fail

1.4:1Fail

1.5:1Fail

1.1:1Fail

1.9:1Fail

1.4:1Fail

1.1:1Fail

1.3:1Fail

2.1:1Fail

1.5:1Fail

1.1:1Fail

1.5:1Fail

1.4:1Fail

1.1:1Fail

1.3:1Fail

1.5:1Fail

Similar palettes

More like Stone Wall Relic

Stone Wall Relic

See it in context.

Ready when you are.

Built with Stone Wall Relic.

How to use Stone Wall Relic

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Relic Layers

Weathered Texture

Rustic Depth

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Stone Wall Relic