Palette

Aztec Temple Sands

Earthy, sun-baked shades mimic the weathered stone and sandy surroundings of ancient Aztec temples.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Aztec Temple Sands 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 Aztec Temple Sands.

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

Data visualization

#8B6B4E#AF8D6F#D4AF8B#FAD3A7#FFEBD3

Palette guide

How to use Aztec Temple Sands

Overview

The Aztec Temple Sands palette features earthy, sun-baked shades that mimic the weathered stone and sandy surroundings of ancient Aztec temples. It includes a deep brown (#8B6B4E) and a warm medium brown (#AF8D6F), providing a robust, natural base. A soft tan (#D4AF8B) offers a delicate, creamy highlight, while a light peach-beige (#FAD3A7) provides an expansive, airy canvas. A very light cream (#FFEBD3) offers further lightness and warmth. This palette is exceptionally useful for designers and developers aiming to create projects with a rustic, historical, and natural aesthetic. From historical documentaries and cultural branding to engaging digital interfaces and charming print materials, these hex codes provide a versatile range for visually appealing experiences.

Best used for

Cultural heritage websites or exhibits
Rustic brand identity for artisanal products
Travel agency marketing for ancient sites
Digital illustrations with historical themes
Educational materials on ancient civilizations
Earthy interior design concepts

Suggested color roles

primary

Utilize #8B6B4E as a grounding primary color for strong foundational elements or significant content sections, conveying rustic stability.

secondary

Employ #AF8D6F for secondary headings or important content blocks, adding a warm and inviting brown hue.

accent

Highlight interactive elements or key information with #D4AF8B to provide a soft, yet noticeable accent.

background

A light, expansive background of #FFEBD3 creates a clean, warm canvas, allowing darker elements to stand out beautifully.

text

For optimal readability, use #8B6B4E or a dark charcoal for body text on lighter backgrounds, or a crisp white on deeper hues.

Accessibility notes

Ensure sufficient contrast between #8B6B4E text and #FFEBD3 background for WCAG AA compliance.
Avoid using #FAD3A7 or #D4AF8B for small text on #FFEBD3 backgrounds due to potential readability issues.
Test color combinations for users with color vision deficiencies, especially with the brown-beige spectrum.
Provide clear visual cues beyond color for interactive states, particularly between #AF8D6F and #D4AF8B.

Recommended combinations

Temple Ground

Creates a deep, grounded base with a rustic accent and soft highlight, excellent for footers or natural headers.

#8B6B4E · #AF8D6F · #FFEBD3

Desert Glow

Ideal for inviting content blocks, subtle gradients, or graphic elements that evoke sun-baked sand.

#D4AF8B · #FAD3A7 · #AF8D6F

Earthy Cream

Use for a light, inviting background with deep text and a warm supporting color, suitable for content cards or alerts.

#FFEBD3 · #8B6B4E · #D4AF8B

CSS variables

:root {
  --aztec-temple-sands-1: #8B6B4E;
  --aztec-temple-sands-2: #AF8D6F;
  --aztec-temple-sands-3: #D4AF8B;
  --aztec-temple-sands-4: #FAD3A7;
  --aztec-temple-sands-5: #FFEBD3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "aztec-temple-sands": {
        1: "#8B6B4E",
        2: "#AF8D6F",
        3: "#D4AF8B",
        4: "#FAD3A7",
        5: "#FFEBD3",
      }
    }
  }
}

Hex values

Color 1#8B6B4E

Color 2#AF8D6F

Color 3#D4AF8B

Color 4#FAD3A7

Color 5#FFEBD3

Accessibility

Contrast checker

1.6:1Fail

2.4:1Fail

3.5:1AA18

4.2:1AA18

1.6:1Fail

1.5:1Fail

2.2:1Fail

2.6:1Fail

2.4:1Fail

1.5:1Fail

1.4:1Fail

1.8:1Fail

3.5:1AA18

2.2:1Fail

1.4:1Fail

1.2:1Fail

4.2:1AA18

2.6:1Fail

1.8:1Fail

1.2:1Fail

Similar palettes

More like Aztec Temple Sands

Ancient Amphora Vessel