Back to palettes

Palette

Stone Temple Echo

Quiet, solemn tones echoing the aged, monumental stone of an ancient temple, enduring and vast.

monochromeminimal5 colors
More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#696969#A9A9A9#B0C4DE#778899#D3D3D3

Palette guide

How to use Stone Temple Echo

Overview

The Stone Temple Echo palette evokes quiet, solemn tones, echoing the aged, monumental stone of an ancient temple—enduring and vast. This monochrome collection offers a range from the light #D3D3D3 to the deep #696969, with the subtle blue-gray hint of #B0C4DE adding a touch of serene depth. Mid-tones like #A9A9A9 and #778899 provide versatility. This palette is ideal for designers seeking to convey a sense of gravitas, history, and timeless elegance. It creates a minimalist yet impactful visual experience, perfect for projects requiring a solemn, respectful, or monumental aesthetic.

Best used for

  • Memorial and tribute websites
  • Historical preservation project branding
  • Luxury real estate marketing
  • Solemn event branding (e.g., classical concerts)
  • High-end photography portfolios
  • Minimalist art exhibition design

Suggested color roles

primary

Use #778899 (Light Slate Gray) for main content areas, providing a balanced and readable base.

secondary

Apply #A9A9A9 (Dark Gray) for supportive elements, subtle textures, or less prominent information.

accent

Employ #B0C4DE (Light Steel Blue) for gentle highlights, interactive elements, or to add a touch of serene depth.

background

Utilize #D3D3D3 (Light Gray) as a clean, expansive background, creating a sense of openness and calm.

text

Choose #696969 (Dim Gray) or a darker charcoal for primary body text to ensure excellent readability and a solemn tone.

Accessibility notes

  • Ensure #696969 text on #D3D3D3 backgrounds meets WCAG AA contrast standards.
  • Avoid using #A9A9A9 or #778899 for small text on #D3D3D3 without verifying contrast ratios.
  • The light #B0C4DE is best reserved for larger visual elements or accents, not small text.
  • Maintain clear visual hierarchy, especially when using closely related gray tones.

Recommended combinations

Echoing Halls

Ideal for background, main text, and secondary text or UI elements, creating a solemn, readable interface.

#D3D3D3 · #696969 · #778899

Monumental Layers

Great for layered cards, subtle accents, and primary interactive elements, adding depth and interest.

#A9A9A9 · #B0C4DE · #778899

Solemn Depths

Effective for strong headings, clean backgrounds, and interactive elements, balancing depth with lightness.

#696969 · #D3D3D3 · #B0C4DE

CSS variables

:root {
  --stone-temple-echo-1: #696969;
  --stone-temple-echo-2: #A9A9A9;
  --stone-temple-echo-3: #B0C4DE;
  --stone-temple-echo-4: #778899;
  --stone-temple-echo-5: #D3D3D3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "stone-temple-echo": {
        1: "#696969",
        2: "#A9A9A9",
        3: "#B0C4DE",
        4: "#778899",
        5: "#D3D3D3",
      }
    }
  }
}

Related searches

ancient gray architecturesolemn color schememonumental stone paletteenduring design colorsquiet grey tones

Palette colors

Hex values

Color 1#696969
·
Color 2#A9A9A9
·
Color 3#B0C4DE
·
Color 4#778899
·
Color 5#D3D3D3
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.3:1Fail
3.1:1AA18
1.5:1Fail
3.7:1AA18
2
2.3:1Fail
1.3:1Fail
1.5:1Fail
1.6:1Fail
3
3.1:1AA18
1.3:1Fail
2:1Fail
1.2:1Fail
4
1.5:1Fail
1.5:1Fail
2:1Fail
2.4:1Fail
5
3.7:1AA18
1.6:1Fail
1.2:1Fail
2.4:1Fail

Similar palettes

More like Stone Temple Echo

View all monochrome
Ancient Ruin Stone
Ancient Rune Carving
Ancient Stone Whisper
Cobblestone Street Muted
Historic Tablet Text
Monochromatic Stone Wall