Palette

Desert Sands Glaze

A soothing palette inspired by shifting desert dunes and ancient pottery, reflecting a sun-baked landscape.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Desert Sands Glaze 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 Sands Glaze.

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

Data visualization

#E0C797#F0E6D6#C5AE80#A8865D#80603C

Palette guide

How to use Desert Sands Glaze

Overview

The Desert Sands Glaze palette is a calming and sophisticated collection of warm neutrals, reflecting the serene beauty of shifting desert dunes and ancient, glazed pottery. It features the radiant #E0C797 and the almost ethereal #F0E6D6, providing exceptionally light and airy bases. The mid-tones, #C5AE80 and #A8865D, add depth and a sun-baked quality, reminiscent of aged ceramics. Anchoring the palette is the deep, rich #80603C, offering a strong, grounding contrast. This range of hex codes is perfect for designers and developers seeking to create tranquil, elegant, and naturally inspired interfaces or branding, conveying understated luxury and organic warmth.

Best used for

Luxury lifestyle brand identity
Spa and wellness website designs
High-end interior design portfolios
E-commerce for artisanal home goods
Sustainable fashion and beauty brands
Wedding and event planning sites

Suggested color roles

primary

Utilize #C5AE80 as a primary brand color, offering sophisticated warmth for headers or significant sections.

secondary

Apply #E0C797 for supporting elements, background panels, or subheadings, providing a lighter, inviting complement.

accent

Employ #A8865D as a gentle accent for subtle highlights, interactive states, or decorative details, adding soft depth.

background

Designate #F0E6D6 as a clean, airy background color, ensuring maximum clarity and a luminous overall feel.

text

Use #80603C for primary body text and important labels, guaranteeing excellent readability and a rich, grounding presence against lighter tones.

Accessibility notes

Ensure #80603C text has strong contrast when used on #F0E6D6 or #E0C797 backgrounds for optimal readability.
Avoid using #A8865D directly on #C5AE80 for critical text as their contrast may be insufficient for accessibility.
For smaller font sizes, prioritize pairing #80603C with #F0E6D6 to meet contrast requirements.
Interactive elements should have distinct hover/focus states, possibly using a slightly darker shade or a subtle border.

Recommended combinations

Dune Layers

Ideal for creating subtle, layered backgrounds or soft gradients that evoke shifting desert sands.

#F0E6D6 · #E0C797 · #C5AE80

Glazed Contrast

Use #F0E6D6 as background, #A8865D for accents, and #80603C for text for a clear, elegant layout.

#F0E6D6 · #A8865D · #80603C

Warm Balance

Perfect for creating depth and warmth in photographic overlays, textured backgrounds, or card components.

#E0C797 · #C5AE80 · #A8865D

CSS variables

:root {
  --desert-sands-glaze-1: #E0C797;
  --desert-sands-glaze-2: #F0E6D6;
  --desert-sands-glaze-3: #C5AE80;
  --desert-sands-glaze-4: #A8865D;
  --desert-sands-glaze-5: #80603C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "desert-sands-glaze": {
        1: "#E0C797",
        2: "#F0E6D6",
        3: "#C5AE80",
        4: "#A8865D",
        5: "#80603C",
      }
    }
  }
}

Hex values

Color 1#E0C797

Color 2#F0E6D6

Color 3#C5AE80

Color 4#A8865D

Color 5#80603C

Accessibility

Contrast checker

1.3:1Fail

2.1:1Fail

3.5:1AA18

1.3:1Fail

1.7:1Fail

2.7:1Fail

4.6:1AA

1.3:1Fail

1.7:1Fail

1.6:1Fail

2.7:1Fail

2.1:1Fail

2.7:1Fail

1.6:1Fail

1.7:1Fail

3.5:1AA18

4.6:1AA

2.7:1Fail

1.7:1Fail

Similar palettes

More like Desert Sands Glaze

Desert Sands Glaze

See it in context.

Ready when you are.

Built with Desert Sands Glaze.

How to use Desert Sands Glaze

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Dune Layers

Glazed Contrast

Warm Balance

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Desert Sands Glaze