Back to palettes

Palette

Ancient Temple Relic

Evokes the solemn beauty of weathered stone and subtle patinas found in forgotten ancient 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

#556B2F#8B4513#708090#36454F#A9A9A9

Palette guide

How to use Ancient Temple Relic

Overview

The 'Ancient Temple Relic' palette evokes the solemn beauty of weathered stone and subtle patinas found in forgotten ancient temples. Featuring a deep #36454F (blue-grey), a rich #8B4513 (earthy brown), and a versatile #708090 (slate grey), balanced by #A9A9A9, this neutral and historical palette is perfect for designers and developers crafting dark, rustic, and evocative designs. It provides a grounded yet sophisticated foundation for conveying heritage, mystery, and natural elements in various digital and physical applications, from historical game environments to nature-themed branding.

Best used for

  • Historical game environments
  • Archeological sites and research
  • Rustic luxury goods marketing
  • Nature-themed branding and marketing
  • Documentary films on ancient cultures
  • Art history platforms and publications

Suggested color roles

primary

Utilize #36454F as a deep, strong blue-grey for primary elements, such as headers or main content blocks, providing authority and depth.

secondary

Apply #708090 as a mid-tone, slate grey for supporting sections, subheadings, or subtle graphical accents, adding visual softness.

accent

Introduce #556B2F as a muted, olive green accent for interactive elements, decorative details, or to add an organic touch.

background

Employ #A9A9A9 as a neutral mid-grey background, offering a versatile canvas that provides good contrast to darker elements.

text

For optimal readability, use #36454F for all body text and headings, ensuring strong contrast against lighter backgrounds like #A9A9A9.

Accessibility notes

  • Ensure #36454F text on #A9A9A9 background meets WCAG AA contrast standards for readability.
  • #8B4513 provides good contrast on #A9A9A9 for headings and key information.
  • Avoid using #708090 for small text on #A9A9A9 due to potential low contrast.
  • Check contrast for all interactive elements to ensure consistent legibility and usability.

Recommended combinations

Deep Patina

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

#36454F · #556B2F · #708090

Weathered Stone

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

#708090 · #A9A9A9 · #8B4513

Sacred Ruins

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

#36454F · #8B4513 · #A9A9A9

CSS variables

:root {
  --ancient-temple-relic-1: #556B2F;
  --ancient-temple-relic-2: #8B4513;
  --ancient-temple-relic-3: #708090;
  --ancient-temple-relic-4: #36454F;
  --ancient-temple-relic-5: #A9A9A9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ancient-temple-relic": {
        1: "#556B2F",
        2: "#8B4513",
        3: "#708090",
        4: "#36454F",
        5: "#A9A9A9",
      }
    }
  }
}

Related searches

ancient temple ruinsweathered stone greenhistoric neutral palettedark antique designforgotten relics hex

Palette colors

Hex values

Color 1#556B2F
·
Color 2#8B4513
·
Color 3#708090
·
Color 4#36454F
·
Color 5#A9A9A9
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.5:1Fail
1.7:1Fail
2.5:1Fail
2
1.2:1Fail
1.8:1Fail
1.4:1Fail
3:1AA18
3
1.5:1Fail
1.8:1Fail
2.4:1Fail
1.7:1Fail
4
1.7:1Fail
1.4:1Fail
2.4:1Fail
4.2:1AA18
5
2.5:1Fail
3:1AA18
1.7:1Fail
4.2:1AA18

Similar palettes

More like Ancient Temple Relic

View all neutral