Palette

Ancient Temple Sandstone

Warm, enduring browns and beiges that echo the weathered beauty of ancient sandstone temples.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#6C4B33#A1754F#D6B48F#FFE0C1#8C5F43

Palette guide

How to use Ancient Temple Sandstone

Overview

The Ancient Temple Sandstone palette evokes the timeless grandeur of weathered desert ruins. Featuring a range of warm browns and beiges, this collection includes rich #6C4B33, earthy #A1754F, soft #D6B48F, delicate #FFE0C1, and robust #8C5F43. Designers can leverage these natural hues to infuse projects with a sense of history, warmth, and grounded elegance. Ideal for conveying authenticity and organic appeal, this palette is versatile for both digital interfaces and physical branding, bringing an ancient, sun-baked aesthetic to life. It's perfect for projects seeking a natural, enduring quality.

Best used for

Historical museum exhibits and branding
Nature-inspired web design and blogs
Rustic interior decor and architectural rendering
Artisanal craft packaging and product branding
Desert-themed travel agencies and cultural tourism
Educational materials on archaeology or ancient civilizations

Suggested color roles

primary

Use #6C4B33 or #8C5F43 for strong headings, primary buttons, or dominant branding elements, conveying stability and depth.

secondary

Employ #A1754F to provide a warm, inviting balance, suitable for subheadings, key information sections, or complementary graphic elements.

accent

Highlight with #D6B48F or #FFE0C1 for subtle calls-to-action, interactive states, or delicate decorative details, adding a touch of luminosity.

background

Opt for #FFE0C1 for light, airy backgrounds, or #D6B48F for a warmer, more substantial base that feels grounded and natural.

text

For optimal readability, use #6C4B33 or #8C5F43 on lighter backgrounds like #FFE0C1. For dark backgrounds, a light off-white text is recommended.

Accessibility notes

Ensure sufficient contrast between #6C4B33 or #8C5F43 text and lighter backgrounds like #FFE0C1 or #D6B48F.
Avoid using #FFE0C1 text on #D6B48F backgrounds without careful contrast checking for larger text.
Prioritize darker shades like #6C4B33 for body text on web pages to maintain readability.
Test color pairings for WCAG AA compliance, especially for interactive elements and small text.

Recommended combinations

Desert Sunset

Ideal for header designs, brand logos, or visual elements needing a gradient from deep earth to sun-kissed warmth.

#6C4B33 · #A1754F · #FFE0C1

Ancient Stone

Excellent for UI components, textural backgrounds, or illustrations depicting weathered stone and natural materials.

#8C5F43 · #D6B48F · #6C4B33

Warm Parchment

Perfect for clean body text areas, subtle backgrounds, or soft graphic overlays, offering a gentle, aged paper feel.

#FFE0C1 · #D6B48F · #A1754F

CSS variables

:root {
  --ancient-temple-sandstone-1: #6C4B33;
  --ancient-temple-sandstone-2: #A1754F;
  --ancient-temple-sandstone-3: #D6B48F;
  --ancient-temple-sandstone-4: #FFE0C1;
  --ancient-temple-sandstone-5: #8C5F43;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ancient-temple-sandstone": {
        1: "#6C4B33",
        2: "#A1754F",
        3: "#D6B48F",
        4: "#FFE0C1",
        5: "#8C5F43",
      }
    }
  }
}

Hex values

Color 1#6C4B33

Color 2#A1754F

Color 3#D6B48F

Color 4#FFE0C1

Color 5#8C5F43

Accessibility

Contrast checker

1.9:1Fail

4:1AA18

6.2:1AA

1.4:1Fail

1.9:1Fail

2.1:1Fail

3.2:1AA18

1.3:1Fail

4:1AA18

2.1:1Fail

1.5:1Fail

2.8:1Fail