Back to palettes

Palette

Sun-Kissed Desert Clay

Warm, baked earth tones and sun-kissed beiges, inspired by ancient desert pottery and clay.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sun-Kissed Desert Clay 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 Sun-Kissed Desert Clay.

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

Data visualization

#D2B48C#CD853F#B8860B#DAA520#A0522D

Palette guide

How to use Sun-Kissed Desert Clay

Overview

The Sun-Kissed Desert Clay palette presents a collection of warm, baked earth tones and sun-kissed beiges, inspired by ancient desert pottery and clay. Featuring inviting hues like the soft `#D2B48C`, the rich `#CD853F`, and the golden `#B8860B`, it's complemented by the vibrant `#DAA520` and the deep `#A0522D`. This palette is perfect for designers and developers seeking to evoke a sense of authenticity, heritage, and natural craftsmanship. Its grounded yet luminous tones are ideal for projects that require an organic, rustic, or artisanal feel, creating designs that are both comforting and elegantly understated, connecting users to the earth.

Best used for

  • Pottery and artisan craft branding
  • Natural and organic product packaging
  • Rustic home decor and interior design websites
  • Heritage brands seeking an authentic aesthetic
  • Editorial design for cultural or archaeological themes
  • E-commerce platforms for handmade goods

Suggested color roles

primary

Use `#CD853F` as a warm, inviting primary for headlines, main calls-to-action, and key visual elements to convey authenticity.

secondary

Employ `#A0522D` for supporting content, subheadings, or important data, providing a deeper, grounding contrast.

accent

Apply `#DAA520` for bright highlights, interactive states, or decorative flourishes, adding a luminous, golden pop.

background

The soft beige of `#D2B48C` provides an excellent warm, neutral base for content areas, ensuring high readability and a calming feel.

text

For optimal readability, `#A0522D` is ideal for body text and crucial labels, providing strong contrast against lighter backgrounds like `#D2B48C`.

Accessibility notes

  • Ensure sufficient contrast for text, especially when using lighter hues like `#D2B48C` or `#DAA520` for backgrounds. A dark text like `#A0522D` is crucial.
  • Avoid placing `#D2B48C` text directly on `#CD853F` as their proximity in luminosity might cause readability issues.
  • Interactive elements (e.g., buttons with `#CD853F`) must have clear focus states and highly contrasting text, such as white or `#A0522D`.
  • The darkest color, `#A0522D`, is recommended for primary body text to meet WCAG AA contrast standards on lighter palette colors.

Recommended combinations

Clay Base

A soft beige background with a warm primary and a deep, grounding color for text or strong visual elements.

#D2B48C · #CD853F · #A0522D

Golden Earth

A rich golden base with a bright accent and a warm secondary, ideal for layered, luxurious textures.

#B8860B · #DAA520 · #CD853F

Desert Accent

A deep, earthy background contrasted with a light beige for soft elements and a warm primary for emphasis.

#A0522D · #D2B48C · #CD853F

CSS variables

:root {
  --sun-kissed-desert-clay-1: #D2B48C;
  --sun-kissed-desert-clay-2: #CD853F;
  --sun-kissed-desert-clay-3: #B8860B;
  --sun-kissed-desert-clay-4: #DAA520;
  --sun-kissed-desert-clay-5: #A0522D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sun-kissed-desert-clay": {
        1: "#D2B48C",
        2: "#CD853F",
        3: "#B8860B",
        4: "#DAA520",
        5: "#A0522D",
      }
    }
  }
}

Related searches

desert clay colorswarm beige paletteancient pottery huesrustic earth tonessandy terracotta

Palette colors

Hex values

Color 1#D2B48C
·
Color 2#CD853F
·
Color 3#B8860B
·
Color 4#DAA520
·
Color 5#A0522D
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
1.7:1Fail
1.1:1Fail
2.8:1Fail
2
1.5:1Fail
1.1:1Fail
1.3:1Fail
1.9:1Fail
3
1.7:1Fail
1.1:1Fail
1.5:1Fail
1.7:1Fail
4
1.1:1Fail
1.3:1Fail
1.5:1Fail
2.5:1Fail
5
2.8:1Fail
1.9:1Fail
1.7:1Fail
2.5:1Fail

Similar palettes

More like Sun-Kissed Desert Clay

View all earth
Amber Sands Mirage
Canyon Whisper Sands
Sunbaked Clay Earth
Sunbaked Clay Earth
Sunbaked Terracotta Hue
Terra Cotta Sky