Palette

Desert Temple Sand

Earthy browns and creams, evoking the weathered textures and warm sunlight on ancient desert temples.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Desert Temple Sand 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 Desert Temple Sand.

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

Data visualization

#8B4513#D2B48C#F5DEB3#FDF5E6#EBD3BB

Palette guide

How to use Desert Temple Sand

Overview

The Desert Temple Sand palette evokes the weathered textures and warm sunlight on ancient desert temples with its collection of earthy browns and creams. Anchored by the deep, robust #8B4513, it transitions through warm sandy beiges like #D2B48C and #EBD3BB, culminating in the airy, near-white #F5DEB3 and #FDF5E6. This palette is an excellent choice for designers and developers aiming to convey a sense of history, authenticity, or natural grandeur. Its harmonious blend of grounding browns and soft creams creates a timeless and sophisticated aesthetic, perfect for designs that require both robustness and a touch of ancient elegance in digital or physical spaces.

Best used for

Historical documentary branding
Museum exhibit design
Archaeological themed websites
Rustic home decor and furniture
Traditional and heritage branding
Natural product packaging

Suggested color roles

primary

Utilize #8B4513 for foundational elements like main navigation, footers, or bold headlines, establishing a deep, ancient anchor.

secondary

Employ #D2B48C for supporting roles such as subheadings, secondary buttons, or background sections, offering a warm, sandy beige.

accent

Introduce #EBD3BB as a soft, slightly richer cream accent for highlights, small icons, or decorative details, providing gentle warmth.

background

Apply #FDF5E6 to main content areas or large backgrounds, creating a clean, airy, and highly readable canvas.

text

For optimal readability, use #8B4513 or a dark brown/charcoal against lighter backgrounds such as #FDF5E6 or #F5DEB3.

Accessibility notes

Ensure sufficient contrast for text on #F5DEB3 and #FDF5E6; dark text is always recommended.
Verify that #EBD3BB provides enough contrast if used for critical UI elements against adjacent lighter colors.
Avoid placing light-colored text on mid-tone beiges like #D2B48C to prevent readability issues.
Use a contrast checker to confirm WCAG AA compliance for all text and interactive elements within this earthy palette.

Recommended combinations

Ancient Foundation

Perfect for a strong primary color on a very light background with a warm secondary, excellent for branding and web layouts.

#8B4513 · #FDF5E6 · #D2B48C

Temple Layers

Ideal for creating layered backgrounds or subtle graphic elements, providing depth and a coherent sandy feel.

#D2B48C · #EBD3BB · #F5DEB3

Sunlit Stone

Use the lightest color as a background with the darkest as text, and a soft cream for accents, ensuring clarity and elegance.

#FDF5E6 · #8B4513 · #EBD3BB

CSS variables

:root {
  --desert-temple-sand-1: #8B4513;
  --desert-temple-sand-2: #D2B48C;
  --desert-temple-sand-3: #F5DEB3;
  --desert-temple-sand-4: #FDF5E6;
  --desert-temple-sand-5: #EBD3BB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "desert-temple-sand": {
        1: "#8B4513",
        2: "#D2B48C",
        3: "#F5DEB3",
        4: "#FDF5E6",
        5: "#EBD3BB",
      }
    }
  }
}

Hex values

Color 1#8B4513

Color 2#D2B48C

Color 3#F5DEB3

Color 4#FDF5E6

Color 5#EBD3BB

Accessibility

Contrast checker

3.6:1AA18

5.4:1AA

6.6:1AA

4.9:1AA

3.6:1AA18

1.5:1Fail

1.8:1Fail

1.4:1Fail

5.4:1AA

1.5:1Fail

1.2:1Fail

1.1:1Fail

6.6:1AA

1.8:1Fail

1.2:1Fail

1.3:1Fail

4.9:1AA

1.4:1Fail

1.1:1Fail

1.3:1Fail

Similar palettes

More like Desert Temple Sand

View all earth

Ancient Pyramid Stone

Ancient Sandstone Scroll

Aztec Temple Sands

Sahara Dunes

Amber Sands Mirage

Ancient Amphora Vessel