Palette

Sandstone Temple Walls

Warm, aged sand tones reflecting ancient desert temples, worn smooth by wind and time.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#F5EADF#E0CCAE#C9AA82#A6896C#7F624F

Palette guide

How to use Sandstone Temple Walls

Overview

The Sandstone Temple Walls palette evokes the timeless beauty of ancient desert architecture, offering a sophisticated collection of warm, aged earth tones. This natural spectrum ranges from the delicate lightness of #F5EADF to the grounding depth of #7F624F. Ideal for projects seeking an organic, historical, or serene aesthetic, it provides a harmonious blend with mid-tones like #E0CCAE, #C9AA82, and #A6896C bridging the extremes. Designers and developers will find this palette excellent for conveying warmth, stability, and an understated elegance, perfect for creating inviting and authentic user experiences. Its inherent warmth makes it versatile for both digital and print applications.

Best used for

Luxury natural product branding
Historical museum websites or exhibits
Spa and wellness center designs
Interior design visualization and mood boards
High-end artisanal craft packaging
Vintage or heritage brand identities

Suggested color roles

primary

#C9AA82 serves as a balanced, inviting primary color, offering a solid foundation that feels both ancient and contemporary.

secondary

#E0CCAE provides a softer, complementary secondary tone, perfect for expanding the warm base without overwhelming the primary.

accent

#7F624F offers a rich, grounding accent, ideal for calls to action, important headings, or decorative elements that require depth and contrast.

background

#F5EADF is an excellent light background, offering a clean, airy canvas that enhances readability and maintains the palette's natural warmth.

text

#A6896C provides a warm, legible text color against lighter backgrounds, offering better readability than pure black while maintaining palette cohesion. For darker backgrounds, white or a very light cream would be suitable.

Accessibility notes

Ensure sufficient contrast when using lighter shades like #F5EADF for text against #E0CCAE backgrounds; aim for WCAG AA or AAA.
Text in #7F624F or #A6896C on #F5EADF or #E0CCAE backgrounds generally offers good readability.
Avoid placing #C9AA82 text on #A6896C backgrounds without checking contrast ratios carefully; they are quite close in value.
For critical information, always test text against its background using contrast checkers to meet accessibility standards.

Recommended combinations

Desert Dawn

Ideal for light, airy interfaces or serene branding, conveying softness and tranquility.

#F5EADF · #E0CCAE · #C9AA82

Ancient Sands

A balanced, classic combination perfect for core content areas, offering warmth and stability.

#E0CCAE · #C9AA82 · #A6896C

Temple Depths

Best for creating depth, highlighting important sections, or for a more dramatic, grounded aesthetic in headers or footers.

#C9AA82 · #A6896C · #7F624F

CSS variables

:root {
  --sandstone-temple-walls-1: #F5EADF;
  --sandstone-temple-walls-2: #E0CCAE;
  --sandstone-temple-walls-3: #C9AA82;
  --sandstone-temple-walls-4: #A6896C;
  --sandstone-temple-walls-5: #7F624F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sandstone-temple-walls": {
        1: "#F5EADF",
        2: "#E0CCAE",
        3: "#C9AA82",
        4: "#A6896C",
        5: "#7F624F",
      }
    }
  }
}

Hex values

Color 1#F5EADF

Color 2#E0CCAE

Color 3#C9AA82

Color 4#A6896C

Color 5#7F624F

Accessibility

Contrast checker

1.3:1Fail

1.9:1Fail

2.8:1Fail

4.7:1AA

1.3:1Fail

1.4:1Fail

2.1:1Fail

3.6:1AA18