Palette

Sahara Dust Bloom

A warm, muted palette evoking the vast, sun-baked landscapes and resilient flora of the desert.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E6D7AD#C1AA66#E0A278#AF6F48#8B4513

Palette guide

How to use Sahara Dust Bloom

Overview

The Sahara Dust Bloom palette evokes the vast, sun-baked landscapes and resilient flora of the desert, blending warm, muted earth tones with a touch of botanical vitality. It features the light, dusty #E6D7AD, a warm terracotta-like #E0A278, and a grounding #AF6F48. The palette is enriched by the earthy gold of #C1AA66 and the deep, robust brown of #8B4513. This collection offers designers and developers a versatile array for creating organic, rustic, or subtly vibrant aesthetics, perfect for projects that celebrate natural resilience and understated beauty.

Best used for

Botanical and garden branding
Outdoor adventure gear websites
Artisanal and handmade product packaging
Rustic home decor themes
Sustainable fashion collections
Educational content on desert ecosystems

Suggested color roles

primary

Utilize #E0A278 as a warm and inviting primary color for main headings, hero sections, or prominent brand elements, conveying natural warmth.

secondary

Apply #AF6F48 for supporting content, subheadings, or calls-to-action, providing a rich, grounding contrast.

accent

Employ #8B4513 as a deep, strong accent for important details, borders, or text that requires maximum visual impact.

background

Use #E6D7AD as a light, dusty background, offering a soft, neutral base that allows the richer colors to bloom.

text

For body text, a deep charcoal or near-black is recommended for optimal readability. For headings or larger text on lighter backgrounds, #C1AA66 provides a harmonious mid-tone.

Accessibility notes

Ensure #AF6F48 and #8B4513 provide sufficient contrast when used for text on the lighter #E6D7AD background.
Avoid using #C1AA66 for small body text on #E6D7AD, as contrast may be insufficient for readability.
For optimal accessibility, pair the lightest palette colors with a very dark text color (e.g., black or #8B4513).
Always verify contrast ratios for text and background combinations to meet WCAG standards.

Recommended combinations

Desert Earth

A deep, rich, and natural combination, excellent for grounding sections, luxurious branding, or impactful visuals.

#8B4513 · #AF6F48 · #E0A278

Dusty Bloom

A lighter, more vibrant blend, perfect for backgrounds, delicate illustrations, or showcasing natural product ingredients.

#E6D7AD · #C1AA66 · #E0A278

Grounded Warmth

Creates a balanced and inviting aesthetic, suitable for content blocks, navigation, or a cohesive brand presence.

#AF6F48 · #E6D7AD · #C1AA66

CSS variables

:root {
  --sahara-dust-bloom-1: #E6D7AD;
  --sahara-dust-bloom-2: #C1AA66;
  --sahara-dust-bloom-3: #E0A278;
  --sahara-dust-bloom-4: #AF6F48;
  --sahara-dust-bloom-5: #8B4513;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sahara-dust-bloom": {
        1: "#E6D7AD",
        2: "#C1AA66",
        3: "#E0A278",
        4: "#AF6F48",
        5: "#8B4513",
      }
    }
  }
}

Hex values

Color 1#E6D7AD

Color 2#C1AA66

Color 3#E0A278

Color 4#AF6F48

Color 5#8B4513

Accessibility

Contrast checker

1.6:1Fail

1.5:1Fail

2.8:1Fail

5:1AA

1.6:1Fail

1:1Fail

1.8:1Fail

3.1:1AA18

1.5:1Fail

1:1Fail

1.9:1Fail

3.2:1AA18

2.8:1Fail

1.8:1Fail

1.9:1Fail

1.8:1Fail

5:1AA

3.1:1AA18

3.2:1AA18

1.8:1Fail

Similar palettes

More like Sahara Dust Bloom

Sahara Dust Bloom

See it in context.

Ready when you are.

Built with Sahara Dust Bloom.

How to use Sahara Dust Bloom

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Desert Earth

Dusty Bloom

Grounded Warmth

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Sahara Dust Bloom