Back to palettes

Palette

Desert Rose Bloom

A sun-baked collection reflecting the subtle pinks and warm browns of a desert landscape at dusk.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#D4B0A7#E5C3C3#B87373#A15E5E#784E4E

Palette guide

How to use Desert Rose Bloom

Overview

The Desert Rose Bloom palette offers a sophisticated range of sun-baked terracotta, dusty rose, and deep, muted reds, perfect for projects seeking natural warmth and a touch of grounded elegance. Starting with the soft, inviting #D4B0A7 and the delicate #E5C3C3, it transitions to richer, more assertive tones like #B87373 and #A15E5E. The palette culminates in the deep, anchoring #784E4E, providing excellent depth. This collection evokes the subtle beauty of a desert landscape at dusk, where resilient blooms emerge against warm, earthy backdrops, making it ideal for designs that require both softness and strength.

Best used for

  • Lifestyle and home decor branding
  • Fashion and beauty editorial
  • Pottery or artisanal craft websites
  • Rustic wedding invitations
  • Packaging for natural cosmetics
  • Interior design mood boards

Suggested color roles

primary

Use #784E4E for strong headings, borders, or foundational elements, providing a deep, earthy anchor.

secondary

Apply #B87373 for larger sections or prominent UI components, offering a rich, warm mid-tone.

accent

Employ #D4B0A7 for subtle highlights, interactive states, or delicate graphic elements to introduce softness.

background

Utilize #E5C3C3 for clean, inviting backgrounds, ensuring good contrast for darker text.

text

For optimal readability, use #784E4E for body text on lighter backgrounds, or a crisp white on the darkest shades.

Accessibility notes

  • Ensure text in #784E4E has sufficient contrast against #D4B0A7 or #E5C3C3.
  • Avoid using #E5C3C3 for small text, especially against #D4B0A7, due to low contrast.
  • The darker reds like #A15E5E will require light text (e.g., white or a very pale beige) for readability.
  • Always test color combinations for WCAG compliance, particularly for interactive elements.

Recommended combinations

Terra Bloom

Creates a harmonious, warm gradient, excellent for natural branding or editorial layouts.

#D4B0A7 · #B87373 · #784E4E

Dusty Sunset

Perfect for soft, romantic visuals or backgrounds that need a gentle, inviting glow.

#E5C3C3 · #A15E5E · #D4B0A7

Grounded Rose

Ideal for robust designs needing a clear hierarchy, combining deep tones with soft accents.

#784E4E · #D4B0A7 · #B87373

CSS variables

:root {
  --desert-rose-bloom-3-1: #D4B0A7;
  --desert-rose-bloom-3-2: #E5C3C3;
  --desert-rose-bloom-3-3: #B87373;
  --desert-rose-bloom-3-4: #A15E5E;
  --desert-rose-bloom-3-5: #784E4E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "desert-rose-bloom-3": {
        1: "#D4B0A7",
        2: "#E5C3C3",
        3: "#B87373",
        4: "#A15E5E",
        5: "#784E4E",
      }
    }
  }
}

Related searches

terracotta color palettedusty rose earthy toneswarm desert aestheticnatural muted redsrustic pink brown scheme

Palette colors

Hex values

Color 1#D4B0A7
·
Color 2#E5C3C3
·
Color 3#B87373
·
Color 4#A15E5E
·
Color 5#784E4E
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.8:1Fail
2.5:1Fail
3.5:1AA18
2
1.2:1Fail
2.3:1Fail
3:1AA18
4.3:1AA18
3
1.8:1Fail
2.3:1Fail
1.3:1Fail
1.9:1Fail
4
2.5:1Fail
3:1AA18
1.3:1Fail
1.4:1Fail
5
3.5:1AA18
4.3:1AA18
1.9:1Fail
1.4:1Fail

Similar palettes

More like Desert Rose Bloom

View all earth
Desert Rose Bloom
Bohemian Desert Bloom
Canyon Wall Rust
Canyon Whisper Sands
Desert Clay Pottery
Desert Clay Warmth