Palette

Ancient Temple Stones

Timeless, weathered greys and subdued tones reflecting the solemn dignity of ancient temple stones.

neutralminimal5 colors

More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#6C6E6A#8D8F8B#BCC0BC#4A4B48#A6A8A5

Palette guide

How to use Ancient Temple Stones

Overview

The Ancient Temple Stones palette offers a robust collection of weathered grays and subdued tones, reflecting the solemn dignity of historic architecture. Anchoring the palette are deep #4A4B48, balanced #6C6E6A, solid #8D8F8B, versatile #A6A8A5, and lighter #BCC0BC. This selection is ideal for designers aiming to convey strength, timelessness, and a grounded aesthetic. It's particularly effective for projects that require a natural, unpretentious feel, from digital interfaces seeking a sophisticated, earthy touch to print materials evoking ancient, enduring structures.

Best used for

Architectural visualization and firm branding
Rugged outdoor gear and adventure brand design
Museum exhibit design for archaeological themes
Minimalist design with an earthy undertone
Documentary film branding and historical content
Natural material product packaging

Suggested color roles

primary

Assign #4A4B48 or #6C6E6A for dominant elements like main headings, strong call-to-action buttons, or foundational structural components.

secondary

Use #8D8F8B or #A6A8A5 for supporting content, subheadings, or background sections that need to feel substantial yet not overwhelming.

accent

Apply #BCC0BC for subtle highlights, interactive states, or delicate graphic elements where a lighter, aged stone effect is desired.

background

#BCC0BC can serve as a light, textured background, while #A6A8A5 offers a slightly deeper, more grounded base.

text

For maximum legibility, use a near-black or very dark gray on the lighter shades. #4A4B48 or #6C6E6A work well for text on #BCC0BC.

Accessibility notes

Ensure sufficient contrast when using #A6A8A5 or #BCC0BC for text, especially on similar medium-gray backgrounds.
Prioritize #4A4B48 or #6C6E6A for body text to ensure readability on lighter backgrounds.
Avoid light gray text on light gray backgrounds for small font sizes.
Regularly check WCAG contrast ratios for all critical text and interactive elements.

Recommended combinations

Solid Foundation

Excellent for corporate branding, website footers, or design elements requiring a strong, stable presence.

#4A4B48 · #6C6E6A · #BCC0BC

Weathered Texture

Ideal for textural backgrounds, layered graphics, or artistic representations of aged stone and concrete.

#8D8F8B · #A6A8A5 · #4A4B48

Subtle Depth

Perfect for creating nuanced UI elements, card borders, or subtle gradients that maintain a sophisticated, muted feel.

#6C6E6A · #BCC0BC · #8D8F8B

CSS variables

:root {
  --ancient-temple-stones-1: #6C6E6A;
  --ancient-temple-stones-2: #8D8F8B;
  --ancient-temple-stones-3: #BCC0BC;
  --ancient-temple-stones-4: #4A4B48;
  --ancient-temple-stones-5: #A6A8A5;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ancient-temple-stones": {
        1: "#6C6E6A",
        2: "#8D8F8B",
        3: "#BCC0BC",
        4: "#4A4B48",
        5: "#A6A8A5",
      }
    }
  }
}

Hex values

Color 1#6C6E6A

Color 2#8D8F8B

Color 3#BCC0BC

Color 4#4A4B48

Color 5#A6A8A5

Accessibility

Contrast checker

1.6:1Fail

2.8:1Fail

1.7:1Fail

2.2:1Fail

1.6:1Fail

1.8:1Fail

2.7:1Fail

1.4:1Fail

2.8:1Fail

1.8:1Fail

4.8:1AA

1.3:1Fail

1.7:1Fail

2.7:1Fail

4.8:1AA

3.7:1AA18

2.2:1Fail

1.4:1Fail

1.3:1Fail

3.7:1AA18

Similar palettes

More like Ancient Temple Stones