Back to palettes

Palette

Desert Bloom Haze

Soft peaches and warm sandy tones capture the rare beauty of desert flowers blooming in a hazy sunset.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#C77E4D#E0B389#FAE5CC#9C623C#7A492C

Palette guide

How to use Desert Bloom Haze

Overview

The Desert Bloom Haze palette captures soft peaches and warm sandy tones, reflecting the rare beauty of desert flowers blooming in a hazy sunset. This inviting collection ranges from the deep, grounding #7A492C to the very light, airy #FAE5CC, with harmonious mid-tones such as #C77E4D, #E0B389, and the rich #9C623C. Designers can leverage this palette to create a sense of natural warmth, serene beauty, and delicate resilience. Developers will find these earthy hues excellent for building user interfaces that feel organic, comforting, and visually soft, making them perfect for wellness, natural product, or gentle lifestyle brands.

Best used for

  • Natural cosmetic and skincare brands
  • Wellness and spa retreat branding
  • Artisan craft and handmade goods websites
  • Lifestyle blogs (minimalist, earthy aesthetics)
  • Interior design for tranquil, warm spaces
  • Photography (natural light, soft focus)

Suggested color roles

primary

#7A492C - A deep, rich chocolate brown, ideal for strong headings, primary buttons, or sophisticated brand elements, conveying authenticity and groundedness.

secondary

#9C623C - A warm, inviting rust-brown, perfect for subheadings, navigation, or complementary graphics, adding depth and warmth.

accent

#FAE5CC - Use this lightest creamy shade for subtle highlights, delicate text, or as a background for key information, adding brightness and airiness.

background

#E0B389 - A soft, warm, light sandy background color for content areas, offering good readability for darker text.

text

A dark brown like #7A492C or a deep charcoal for main body text against lighter backgrounds. White or a very light cream works well against the darkest browns.

Accessibility notes

  • Ensure sufficient contrast for text on #FAE5CC and #E0B389 by using darker colors like #7A492C or a deep brown.
  • #7A492C offers good contrast with lighter text such as white or #FAE5CC.
  • Avoid placing similar mid-tones like #C77E4D and #E0B389 for text/background without careful testing.
  • Interactive elements should have clear focus indicators using a contrasting color from the palette.

Recommended combinations

Hazy Bloom

A sophisticated and gentle combination for beauty brands, wellness platforms, or elegant digital spaces.

#7A492C · #FAE5CC · #9C623C

Peach Sands

Creates a soft, harmonious, and inviting feel, ideal for artisan goods or gentle lifestyle content.

#E0B389 · #C77E4D · #FAE5CC

Sunset Earth

Provides a balanced, grounding look for educational materials or nature-themed websites with a rustic, warm touch.

#9C623C · #7A492C · #C77E4D

CSS variables

:root {
  --desert-bloom-haze-1: #C77E4D;
  --desert-bloom-haze-2: #E0B389;
  --desert-bloom-haze-3: #FAE5CC;
  --desert-bloom-haze-4: #9C623C;
  --desert-bloom-haze-5: #7A492C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "desert-bloom-haze": {
        1: "#C77E4D",
        2: "#E0B389",
        3: "#FAE5CC",
        4: "#9C623C",
        5: "#7A492C",
      }
    }
  }
}

Related searches

desert peach sand palettewarm arid floral colorshazy sunset tonesnatural soft brownsserene desert bloom

Palette colors

Hex values

Color 1#C77E4D
·
Color 2#E0B389
·
Color 3#FAE5CC
·
Color 4#9C623C
·
Color 5#7A492C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.6:1Fail
1.5:1Fail
2.3:1Fail
2
1.7:1Fail
1.6:1Fail
2.6:1Fail
3.9:1AA18
3
2.6:1Fail
1.6:1Fail
4.1:1AA18
6.1:1AA
4
1.5:1Fail
2.6:1Fail
4.1:1AA18
1.5:1Fail
5
2.3:1Fail
3.9:1AA18
6.1:1AA
1.5:1Fail

Similar palettes

More like Desert Bloom Haze

View all warm
Desert Bloom
Desert Bloom Mirage
Desert Bloom Mirage
Desert Dusk Mirage
Sunrise Desert Bloom
Bohemian Desert Bloom