Back to palettes

Palette

Desert Bloom

Evokes the quiet beauty of a desert landscape coming to life after rain.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E3C9A6#CB7B5F#B08B7A#8F9E87#4A4F60

Palette guide

How to use Desert Bloom

Overview

The Desert Bloom palette evokes the quiet beauty of a desert landscape coming to life after rain, blending earthy warmth with subtle, refreshing coolness. This balanced collection features a soft sandy beige #E3C9A6, a vibrant terracotta #CB7B5F, a muted brown-grey #B08B7A, a calming sage green #8F9E87, and a deep charcoal blue #4A4F60. These tones create a sophisticated and grounded atmosphere, perfect for designs that seek to convey natural elegance and a sense of enduring beauty. Developers and designers will find this palette versatile for creating depth and visual interest across digital and print applications, from architectural portfolios to sustainable branding.

Best used for

  • Eco-conscious architectural design portfolios
  • Sustainable fashion branding
  • Outdoor lifestyle and adventure gear
  • Pottery and ceramics artisan websites
  • Nature-inspired editorial design
  • Corporate branding with an organic feel

Suggested color roles

primary

Use #CB7B5F, a vibrant terracotta, to bring warmth and energy. It's excellent for main headings, calls to action, or prominent brand elements.

secondary

Employ #8F9E87, a calming sage green, for secondary backgrounds, content blocks, or to introduce a subtle natural freshness.

accent

Apply #E3C9A6, a soft sandy beige, for highlighting important details, subtle overlays, or adding a touch of luminosity and spaciousness.

background

Utilize #4A4F60, a deep charcoal blue, to provide a sophisticated and stable foundation, allowing lighter elements to stand out, especially effective for dark mode.

text

For strong readability, use #E3C9A6 on #4A4F60. For light backgrounds like #E3C9A6, use #4A4F60 or a deep charcoal for optimal contrast.

Accessibility notes

  • Text in #4A4F60 on #E3C9A6 will provide excellent contrast for readability.
  • Ensure #E3C9A6 text on #CB7B5F or #B08B7A meets WCAG AA standards; it should generally pass.
  • Avoid using #B08B7A text on #8F9E87 as their luminance is too similar for good contrast.
  • #CB7B5F offers strong contrast against #E3C9A6 and #8F9E87, making it a good choice for important interactive elements.

Recommended combinations

Desert Oasis

Creates a fresh, natural, and inviting atmosphere, suitable for website hero sections or eco-branding with an organic feel.

#E3C9A6 · #8F9E87 · #CB7B5F

Earthy Depth

Offers a sophisticated and grounded aesthetic, perfect for dark mode themes, elegant typography, or impactful design elements.

#4A4F60 · #B08B7A · #E3C9A6

Terracotta Bloom

Highlights warmth and organic texture, excellent for product displays, rustic design elements, or natural-themed marketing.

#CB7B5F · #B08B7A · #8F9E87

CSS variables

:root {
  --desert-bloom-1: #E3C9A6;
  --desert-bloom-2: #CB7B5F;
  --desert-bloom-3: #B08B7A;
  --desert-bloom-4: #8F9E87;
  --desert-bloom-5: #4A4F60;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "desert-bloom": {
        1: "#E3C9A6",
        2: "#CB7B5F",
        3: "#B08B7A",
        4: "#8F9E87",
        5: "#4A4F60",
      }
    }
  }
}

Related searches

desert earth tone paletteterracotta and sage green colorsnatural sophisticated schemecalm earth colorsmuted nature design palette

Palette colors

Hex values

Color 1#E3C9A6
·
Color 2#CB7B5F
·
Color 3#B08B7A
·
Color 4#8F9E87
·
Color 5#4A4F60
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
1.9:1Fail
1.8:1Fail
5.1:1AA
2
2:1Fail
1:1Fail
1.1:1Fail
2.5:1Fail
3
1.9:1Fail
1:1Fail
1.1:1Fail
2.6:1Fail
4
1.8:1Fail
1.1:1Fail
1.1:1Fail
2.9:1Fail
5
5.1:1AA
2.5:1Fail
2.6:1Fail
2.9:1Fail

Similar palettes

More like Desert Bloom

View all earth
Arid Sands Mirage
Desert Bloom Whisper
Desert Canyon Sun
Desert Mirage Bloom
Desert Rose Bloom
Sahara Sandstone Sun