Palette

Gilded Desert Bloom

A rich palette evoking sun-baked landscapes with hints of precious metal and resilient desert flora.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#D4AF37#F5DEB3#A0522D#556B2F#8B4513

Palette guide

How to use Gilded Desert Bloom

Overview

The Gilded Desert Bloom palette captures the essence of sun-baked landscapes with hints of precious metal and resilient desert flora. This earthy and warm collection features a vibrant gold (#D4AF37), a soft sandy beige (#F5DEB3), a rich russet brown (#A0522D), an earthy olive green (#556B2F), and a deep reddish-brown (#8B4513). It's ideal for projects that seek to evoke natural beauty, warmth, and a touch of rugged luxury. Designers can craft inviting and grounded visuals, while developers can build interfaces that feel organic and sophisticated, perfect for outdoor-themed or artisanal brands.

Best used for

Eco-luxury resort branding
Outdoor adventure gear websites
Artisanal pottery or craft packaging
Desert-themed wedding invitations
Natural beauty product marketing
Sustainable fashion brand identity

Suggested color roles

primary

The vibrant gold (#D4AF37) serves as a striking primary accent for logos or key calls-to-action, drawing attention like sunlight.

secondary

Deep reddish-brown (#8B4513) provides a strong secondary color for foundational elements or important sections, grounding the palette.

accent

Earthy olive green (#556B2F) works as a natural accent for botanical elements, icons, or subtle interactive states, adding organic contrast.

background

Soft sandy beige (#F5DEB3) offers a light, airy background that mimics desert sand, creating an inviting and warm canvas.

text

Rich russet brown (#A0522D) or deep reddish-brown (#8B4513) provides excellent readability for body text against lighter backgrounds, complementing the natural feel.

Accessibility notes

Ensure #D4AF37 text on #F5DEB3 background has sufficient contrast; consider using a darker gold shade for small text.
Deep reddish-brown #8B4513 provides excellent contrast for light text, such as white or #F5DEB3.
Avoid using #A0522D text on #8B4513 for critical information due to potential low contrast.
For accessible body text, use #8B4513 against #F5DEB3 or #D4AF37 against a darker background.

Recommended combinations

Desert Radiance

For a impactful header: #8B4513 background, #D4AF37 title, #F5DEB3 subtitle.

#8B4513 · #D4AF37 · #F5DEB3

Earth & Bloom

Effective for natural UI elements: #A0522D card, #556B2F icon, #D4AF37 highlight.

#A0522D · #556B2F · #D4AF37

Soft Sands

Use for clean content display: #F5DEB3 background, #8B4513 body text, #A0522D links.

#F5DEB3 · #8B4513 · #A0522D

CSS variables

:root {
  --gilded-desert-bloom-1: #D4AF37;
  --gilded-desert-bloom-2: #F5DEB3;
  --gilded-desert-bloom-3: #A0522D;
  --gilded-desert-bloom-4: #556B2F;
  --gilded-desert-bloom-5: #8B4513;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gilded-desert-bloom": {
        1: "#D4AF37",
        2: "#F5DEB3",
        3: "#A0522D",
        4: "#556B2F",
        5: "#8B4513",
      }
    }
  }
}

Hex values

Color 1#D4AF37

Color 2#F5DEB3

Color 3#A0522D

Color 4#556B2F

Color 5#8B4513

Accessibility

Contrast checker

1.6:1Fail

2.7:1Fail

2.8:1Fail

3.4:1AA18

1.6:1Fail

4.3:1AA18

4.5:1AA

5.4:1AA

2.7:1Fail

4.3:1AA18

1.1:1Fail

1.3:1Fail