Palette

Desert Oasis Bloom

Golden yellows and earthy browns capturing the vibrant life found in a lush desert oasis.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#A36B2B#D49D55#F9D087#6B491D#BF8B44

Palette guide

How to use Desert Oasis Bloom

Overview

The Desert Oasis Bloom palette captures the vibrant energy and rich warmth of a desert oasis, blending sun-baked earth tones with golden highlights. It features a deep, robust #A36B2B, reminiscent of rich soil, alongside a lighter, inviting #D49D55, evoking sun-drenched sands. A bright, optimistic #F9D087 brings a touch of golden light, while the even deeper #6B491D provides a strong, grounding foundation. The versatile #BF8B44 acts as a balanced mid-tone. This palette is perfect for designs that aim to convey natural strength, warmth, and a touch of rustic elegance, making it ideal for heritage brands or outdoor adventure themes.

Best used for

Outdoor adventure and exploration brands
Rustic and heritage-inspired product design
Warm, inviting web and app interfaces
Artisan craft and handmade goods branding
Natural food and beverage packaging
Southwestern or desert-themed decor

Suggested color roles

primary

#D49D55 - A warm, inviting golden brown, excellent for main calls-to-action, prominent headings, or brand accents to convey warmth and accessibility.

secondary

#A36B2B - A deeper, richer brown, perfect for supporting content, navigation, or secondary branding elements, adding gravitas.

accent

#F9D087 - This bright, sun-kissed yellow acts as a vibrant accent for highlights, interactive states, or decorative elements, drawing attention.

background

#BF8B44 - A versatile mid-tone brown that can serve as a soft, earthy background, providing a stable canvas for content while maintaining warmth.

text

#6B491D - The deepest brown, recommended for body text and essential UI elements, ensuring strong readability against lighter colors like #F9D087 or white.

Accessibility notes

Ensure sufficient contrast between the lighter #F9D087 (yellow) and #6B491D (dark brown) for text to be readable.
The mid-tone #BF8B44 can be used as a background, but text on it should be #6B491D or white for best contrast.
Avoid using #D49D55 or #A36B2B as text on #BF8B44 due to potentially low contrast levels.
For maximum readability, pair #6B491D with #F9D087 or a near-white background for all critical text.

Recommended combinations

Golden Earth

High-contrast designs, using bright gold for accents against deep, grounding browns for elegance and readability.

#F9D087 · #A36B2B · #6B491D

Sun-baked Sands

Harmonious blend for natural textures, rustic branding, or warm, inviting web layouts.

#D49D55 · #BF8B44 · #A36B2B

Deep Oasis

Strong, rich designs emphasizing depth and warmth, suitable for luxury goods or sophisticated branding.

#6B491D · #D49D55 · #F9D087

CSS variables

:root {
  --desert-oasis-bloom-4-1: #A36B2B;
  --desert-oasis-bloom-4-2: #D49D55;
  --desert-oasis-bloom-4-3: #F9D087;
  --desert-oasis-bloom-4-4: #6B491D;
  --desert-oasis-bloom-4-5: #BF8B44;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "desert-oasis-bloom-4": {
        1: "#A36B2B",
        2: "#D49D55",
        3: "#F9D087",
        4: "#6B491D",
        5: "#BF8B44",
      }
    }
  }
}

Hex values

Color 1#A36B2B

Color 2#D49D55

Color 3#F9D087

Color 4#6B491D

Color 5#BF8B44

Accessibility

Contrast checker

1.9:1Fail

3.1:1AA18

1.8:1Fail

1.5:1Fail

1.9:1Fail

1.6:1Fail

3.4:1AA18

1.3:1Fail

3.1:1AA18

1.6:1Fail

5.5:1AA

2.1:1Fail

1.8:1Fail

3.4:1AA18

5.5:1AA

2.7:1Fail

1.5:1Fail

1.3:1Fail

2.1:1Fail

2.7:1Fail

Similar palettes

More like Desert Oasis Bloom

View all earth

Adobe Sunset

Canyon Cliffside View