Back to palettes

Palette

Clay Desert Rose

Soft, sun-baked tones evoking the delicate beauty of a desert rose in dry, arid lands.

earthcalm5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#9C6C5E#C88D7F#DCC3BE#EFE2DF#7A4E42

Palette guide

How to use Clay Desert Rose

Overview

The "Clay Desert Rose" palette evokes the delicate, sun-baked beauty of a desert bloom amidst arid lands, featuring soft, muted, and warm tones. It ranges from a deep, grounding reddish-brown #7A4E42 to a very light, almost blush-pink beige #EFE2DF. Intermediate shades like #9C6C5E, #C88D7F, and #DCC3BE provide a harmonious gradient of rosy terracotta and dusty rose hues. This combination offers designers and developers a versatile toolkit for creating gentle, inviting interfaces, sophisticated feminine branding, or captivating digital content that conveys warmth, tranquility, and natural elegance. It's perfect for projects aiming for a subtle, organic, and serene aesthetic.

Best used for

  • Wellness and beauty brands
  • E-commerce for natural products
  • Feminine lifestyle blogs
  • Interior design portfolios (boho/rustic)
  • Photography portfolios (soft focus)
  • Wedding stationery design

Suggested color roles

primary

#7A4E42 - A deep, grounding reddish-brown, excellent for foundational elements, strong typography, or dark mode backgrounds.

secondary

#9C6C5E - A warm, muted rose-brown, perfect for secondary panels, navigation, or subtle dividers.

accent

#C88D7F - A soft terracotta, suitable for gentle highlights, interactive states, or decorative elements.

background

#EFE2DF - A very light, almost blush-pink beige, offering a soft, expansive, and airy canvas for content.

text

#7A4E42 - For highly readable body text on light backgrounds, or a crisp off-white for headers on dark elements.

Accessibility notes

  • Ensure sufficient contrast when using lighter shades like #DCC3BE or #EFE2DF for text, especially on white or near-white backgrounds; best for accents.
  • Pair darker colors like #7A4E42 or #9C6C5E with light backgrounds for body text to ensure readability.
  • Avoid using very light pink-beige tones for small or thin text, as they may become illegible for some users.
  • Use a contrast checker for all text and background combinations, especially when using the softer, muted tones.

Recommended combinations

Desert Bloom

Create warm, inviting gradients, layered backgrounds, or sophisticated dark-mode elements.

#7A4E42 · #9C6C5E · #C88D7F

Soft Petals

Excellent for light-themed interfaces, using the lightest for background and darker shades for secondary elements and text.

#EFE2DF · #DCC3BE · #9C6C5E

Earthy Elegance

Use for delicate borders, hover effects, or to add slight dimensionality to elements with an organic feel.

#9C6C5E · #C88D7F · #7A4E42

CSS variables

:root {
  --clay-desert-rose-1: #9C6C5E;
  --clay-desert-rose-2: #C88D7F;
  --clay-desert-rose-3: #DCC3BE;
  --clay-desert-rose-4: #EFE2DF;
  --clay-desert-rose-5: #7A4E42;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "clay-desert-rose": {
        1: "#9C6C5E",
        2: "#C88D7F",
        3: "#DCC3BE",
        4: "#EFE2DF",
        5: "#7A4E42",
      }
    }
  }
}

Related searches

desert rose paletteclay earth tonessoft warm colorsnatural subtle UIboho aesthetic palette

Palette colors

Hex values

Color 1#9C6C5E
·
Color 2#C88D7F
·
Color 3#DCC3BE
·
Color 4#EFE2DF
·
Color 5#7A4E42
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.7:1Fail
3.5:1AA18
1.6:1Fail
2
1.6:1Fail
1.7:1Fail
2.2:1Fail
2.5:1Fail
3
2.7:1Fail
1.7:1Fail
1.3:1Fail
4.2:1AA18
4
3.5:1AA18
2.2:1Fail
1.3:1Fail
5.5:1AA
5
1.6:1Fail
2.5:1Fail
4.2:1AA18
5.5:1AA

Similar palettes

More like Clay Desert Rose

View all earth
Whispering Dune Breeze
Whispering Dune Breeze
Whispering Dune Sands
Whispering Sagebrush Dusk
Zen Garden Pebble
Zen Garden Serene