Back to palettes

Palette

Ancient Temple Relic

Reflects the weathered stone and faded grandeur of ancient, forgotten temples.

neutraldark5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Ancient Temple 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 Ancient Temple Relic.

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

Data visualization

#8C745A#B1967A#DDC7A1#7D6C5A#5E4D3E

Palette guide

How to use Ancient Temple Relic

Overview

The 'Ancient Temple Relic' palette reflects the weathered stone and faded grandeur of ancient, forgotten temples. With shades ranging from the deep #5E4D3E to the light #DDC7A1, and including versatile mid-tones like #8C745A, this neutral, aged, and historical palette is perfect for designers and developers crafting solemn, rustic, and evocative designs. It provides a grounded yet sophisticated foundation for conveying heritage, mystery, and the delicate beauty of time-worn structures in various digital and physical applications, from archeological sites to historical fiction.

Best used for

  • Archeological sites and research
  • Historical fiction book covers
  • Rustic interior design concepts
  • Museum exhibits and displays
  • Antique restoration services
  • Dark mode themes with a natural touch

Suggested color roles

primary

Utilize #7D6C5A as a mid-tone, earthy brown for primary elements, offering a balanced and historic foundation.

secondary

Apply #8C745A as a slightly darker, weathered brown for supporting sections, subheadings, or subtle graphical accents, adding depth.

accent

Introduce #DDC7A1 as the lightest, faded highlight for interactive elements, delicate details, or to create visual separation.

background

Employ #B1967A as a soft, aged beige background, offering a clean and expansive canvas with an antique feel.

text

For optimal readability, use #5E4D3E (a deep, grounding brown) for all body text and headings, ensuring strong contrast against lighter backgrounds like #DDC7A1.

Accessibility notes

  • Ensure #5E4D3E text on #DDC7A1 background meets WCAG AA contrast standards for readability.
  • Use #7D6C5A for larger headings on #B1967A for good visual distinction.
  • Avoid using #B1967A for small text on #DDC7A1 due to potential low contrast.
  • Check contrast for all interactive elements to ensure consistent legibility and usability.

Recommended combinations

Deep Relic

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

#5E4D3E · #7D6C5A · #8C745A

Faded Stone

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

#8C745A · #B1967A · #DDC7A1

Temple Shadow

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

#7D6C5A · #DDC7A1 · #5E4D3E

CSS variables

:root {
  --ancient-temple-relic-2-1: #8C745A;
  --ancient-temple-relic-2-2: #B1967A;
  --ancient-temple-relic-2-3: #DDC7A1;
  --ancient-temple-relic-2-4: #7D6C5A;
  --ancient-temple-relic-2-5: #5E4D3E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ancient-temple-relic-2": {
        1: "#8C745A",
        2: "#B1967A",
        3: "#DDC7A1",
        4: "#7D6C5A",
        5: "#5E4D3E",
      }
    }
  }
}

Related searches

ancient temple brownweathered relic hexfaded grandeur palettedark historic designforgotten stone

Palette colors

Hex values

Color 1#8C745A
·
Color 2#B1967A
·
Color 3#DDC7A1
·
Color 4#7D6C5A
·
Color 5#5E4D3E
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.7:1Fail
1.1:1Fail
1.8:1Fail
2
1.6:1Fail
1.7:1Fail
1.8:1Fail
2.9:1Fail
3
2.7:1Fail
1.7:1Fail
3.1:1AA18
4.9:1AA
4
1.1:1Fail
1.8:1Fail
3.1:1AA18
1.6:1Fail
5
1.8:1Fail
2.9:1Fail
4.9:1AA
1.6:1Fail

Similar palettes

More like Ancient Temple Relic

View all neutral