Palette

Ancient Stone Temple

Timeless and solid, reflecting the weathered textures and colors of a revered ancient temple.

neutralminimal5 colors

More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#36454F#696969#708090#BDB76B#D2B48C

Palette guide

How to use Ancient Stone Temple

Overview

The 'Ancient Stone Temple' palette is timeless and solid, reflecting the weathered textures and colors of a revered ancient temple. With shades ranging from the deep #36454F to the warm #D2B48C, and including a versatile #708090 (slate grey) and a muted #BDB76B (golden earth tone), this neutral and earthy palette is perfect for designers and developers crafting minimalist, historic, and majestic designs. It provides a robust yet sophisticated foundation for conveying heritage, solemnity, and natural beauty in various digital and physical applications, from historical sites to luxury resorts.

Best used for

Historical sites and tourism branding
Architectural firms and portfolios
Spiritual organizations and retreat centers
Documentary films on ancient cultures
Luxury resorts and spas
Museum exhibits and displays

Suggested color roles

primary

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

secondary

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

accent

Introduce #BDB76B as a muted, golden earth tone for interactive elements, decorative details, or to add a touch of warmth and elegance.

background

Employ #D2B48C as a soft, sandy beige background, offering a clean and expansive canvas with an earthy feel.

text

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

Accessibility notes

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

Recommended combinations

Temple Foundation

Creates a deep, structural visual hierarchy suitable for prominent content blocks, footers, or deep textural backgrounds.

#36454F · #696969 · #708090

Sunlit Stone

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

#BDB76B · #D2B48C · #708090

Revered Relic

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

#36454F · #D2B48C · #BDB76B

CSS variables

:root {
  --ancient-stone-temple-1: #36454F;
  --ancient-stone-temple-2: #696969;
  --ancient-stone-temple-3: #708090;
  --ancient-stone-temple-4: #BDB76B;
  --ancient-stone-temple-5: #D2B48C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ancient-stone-temple": {
        1: "#36454F",
        2: "#696969",
        3: "#708090",
        4: "#BDB76B",
        5: "#D2B48C",
      }
    }
  }
}

Hex values

Color 1#36454F

Color 2#696969

Color 3#708090

Color 4#BDB76B

Color 5#D2B48C

Accessibility

Contrast checker

1.8:1Fail

2.4:1Fail

4.8:1AA

5:1AA

1.8:1Fail

1.4:1Fail

2.7:1Fail

2.8:1Fail

2.4:1Fail

1.4:1Fail

2:1Fail

2.1:1Fail

4.8:1AA

2.7:1Fail

2:1Fail

1:1Fail

5:1AA

2.8:1Fail

2.1:1Fail

1:1Fail

Similar palettes

More like Ancient Stone Temple

View all neutral

Ancient Temple Stones

Mystic Rune Stone

Ancient Roman Stone

Ancient Rune Stone

Quiet Stone Monastery

Riverbend Stone