Back to palettes

Palette

Desert Rose Bloom

A soft, warm palette reflecting the delicate beauty of desert flora against sandy backdrops.

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

#C28C7E#D8A79E#F3E0DB#9E6A67#7B4C4C

Palette guide

How to use Desert Rose Bloom

Overview

The Desert Rose Bloom palette offers a soft, warm, and inviting collection of terracotta, muted rose, and creamy neutrals, reflecting the delicate beauty of desert flora against sandy backdrops. It features the gentle #C28C7E and the lighter, airy #D8A79E, creating a sense of understated elegance. The very pale #F3E0DB serves as a beautiful highlight, while the deeper #9E6A67 and the rich, grounding #7B4C4C provide essential depth and contrast. This palette is ideal for designers seeking a natural, comforting, and sophisticated aesthetic, perfect for conveying warmth and subtle luxury in various design applications.

Best used for

  • Elegant lifestyle blogs
  • Natural beauty product branding
  • Soft interior design concepts
  • Wedding or event stationery
  • UI/UX with a gentle, inviting feel
  • Fashion editorial with a warm tone

Suggested color roles

primary

Use #7B4C4C for strong headings, borders, or foundational elements, providing a deep, robust anchor.

secondary

Apply #C28C7E for larger content blocks or prominent UI components, offering a warm and balanced mid-tone.

accent

Employ #D8A79E for interactive elements or subtle highlights, adding a touch of soft, inviting blush.

background

Utilize #F3E0DB for clean, airy backgrounds, ensuring good contrast for darker text and a luminous feel.

text

For optimal readability, use #7B4C4C for body text on lighter backgrounds, or a crisp white/off-white on the darkest shades.

Accessibility notes

  • Ensure #7B4C4C text has strong contrast against #F3E0DB and #D8A79E.
  • #D8A79E and #F3E0DB may not provide enough contrast for text when paired closely.
  • The darker shades (#9E6A67, #7B4C4C) will require light text (e.g., white) for readability.
  • Always test color contrast ratios for all text and interactive elements to meet WCAG standards.

Recommended combinations

Soft Terracotta

Creates a warm, inviting gradient, excellent for backgrounds or textural elements.

#C28C7E · #D8A79E · #7B4C4C

Desert Blush

Perfect for designs needing a delicate yet grounded feel, such as soft branding or editorial details.

#F3E0DB · #9E6A67 · #C28C7E

Grounded Bloom

Suitable for robust designs requiring clear hierarchy with a warm, natural touch.

#7B4C4C · #D8A79E · #9E6A67

CSS variables

:root {
  --desert-rose-bloom-1: #C28C7E;
  --desert-rose-bloom-2: #D8A79E;
  --desert-rose-bloom-3: #F3E0DB;
  --desert-rose-bloom-4: #9E6A67;
  --desert-rose-bloom-5: #7B4C4C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "desert-rose-bloom": {
        1: "#C28C7E",
        2: "#D8A79E",
        3: "#F3E0DB",
        4: "#9E6A67",
        5: "#7B4C4C",
      }
    }
  }
}

Related searches

warm terracotta palettesoft desert rose colorsnatural pink brown schemeinviting earthy web designsubtle floral color guide

Palette colors

Hex values

Color 1#C28C7E
·
Color 2#D8A79E
·
Color 3#F3E0DB
·
Color 4#9E6A67
·
Color 5#7B4C4C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.2:1Fail
1.6:1Fail
2.5:1Fail
2
1.4:1Fail
1.7:1Fail
2.1:1Fail
3.3:1AA18
3
2.2:1Fail
1.7:1Fail
3.5:1AA18
5.5:1AA
4
1.6:1Fail
2.1:1Fail
3.5:1AA18
1.6:1Fail
5
2.5:1Fail
3.3:1AA18
5.5:1AA
1.6:1Fail

Similar palettes

More like Desert Rose Bloom

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