Back to palettes

Palette

Desert Quartz Bloom

Sun-warmed neutrals and soft browns inspired by desert blooms and raw quartz formations.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#ecd9c2#d9bd9b#c7a075#b48552#9a6a38

Palette guide

How to use Desert Quartz Bloom

Overview

The Desert Quartz Bloom palette offers a sophisticated blend of sun-warmed neutrals and rich, natural browns, inspired by the subtle beauty of desert flora and raw quartz. It features the incredibly light and airy #ecd9c2, providing an excellent canvas, alongside the soft #d9bd9b and the inviting #c7a075. Deeper, more grounded tones like #b48552 and the robust #9a6a38 complete the spectrum, mimicking the varied depths of desert soil and rock. This collection of hex codes is perfect for designers and developers aiming to convey organic elegance, understated luxury, and a strong connection to natural, serene environments in their digital or print projects.

Best used for

  • Luxury wellness brand identity
  • High-end natural product packaging
  • Minimalist interior design concepts
  • Organic food and beverage branding
  • Art and photography portfolio sites
  • Sustainable fashion e-commerce

Suggested color roles

primary

Use #c7a075 as a core brand color, offering warmth and sophistication for headings or main sections.

secondary

Apply #d9bd9b for supporting elements, background panels, or subheadings, providing a lighter, harmonious complement.

accent

Employ #b48552 for subtle accents, interactive elements, or key visual highlights, adding gentle depth.

background

Designate #ecd9c2 as a clean, airy background color, ensuring content clarity and a light overall feel.

text

Utilize #9a6a38 for primary body text and important labels, offering excellent readability against lighter backgrounds with a rich, natural tone.

Accessibility notes

  • Ensure #9a6a38 text has strong contrast when used on #ecd9c2 or #d9bd9b backgrounds for optimal readability.
  • Avoid using #b48552 directly on #c7a075 for critical text as their contrast may be insufficient.
  • When designing interactive elements, ensure hover/focus states are clearly distinguishable using adequate contrast.
  • For smaller text, pair the darkest color #9a6a38 with the lightest #ecd9c2 to maximize legibility.

Recommended combinations

Quartz Layers

Ideal for creating soft, gradient backgrounds or layered UI elements that convey depth and subtlety.

#ECD9C2 · #D9BD9B · #C7A075

Bloom & Earth

Use #ecd9c2 as a background, #b48552 for accents, and #9a6a38 for text for a balanced, readable design.

#ECD9C2 · #B48552 · #9A6A38

Rich Neutral

Perfect for sophisticated branding, providing a warm, inviting feel with good contrast.

#D9BD9B · #C7A075 · #9A6A38

CSS variables

:root {
  --desert-quartz-bloom-1: #ecd9c2;
  --desert-quartz-bloom-2: #d9bd9b;
  --desert-quartz-bloom-3: #c7a075;
  --desert-quartz-bloom-4: #b48552;
  --desert-quartz-bloom-5: #9a6a38;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "desert-quartz-bloom": {
        1: "#ecd9c2",
        2: "#d9bd9b",
        3: "#c7a075",
        4: "#b48552",
        5: "#9a6a38",
      }
    }
  }
}

Related searches

desert quartz color schemeearthy brown neutral palettenatural elegant hex codeswarm minimalist brandingdesert bloom color guide

Palette colors

Hex values

Color 1#ecd9c2
·
Color 2#d9bd9b
·
Color 3#c7a075
·
Color 4#b48552
·
Color 5#9a6a38
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.8:1Fail
2.4:1Fail
3.4:1AA18
2
1.3:1Fail
1.3:1Fail
1.8:1Fail
2.6:1Fail
3
1.8:1Fail
1.3:1Fail
1.4:1Fail
1.9:1Fail
4
2.4:1Fail
1.8:1Fail
1.4:1Fail
1.4:1Fail
5
3.4:1AA18
2.6:1Fail
1.9:1Fail
1.4:1Fail

Similar palettes

More like Desert Quartz Bloom

View all earth
Arid Cactus Blossom
Adobe Desert Hues
Adobe Sunset
Arid Blossom
Bohemian Desert Art
Canyon Cliffside View