Back to palettes

Palette

Modern Desert Oasis

A tranquil blend of warm desert sands and cool, inviting oasis greens.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#EDC079#F5D39D#A6805D#7F583F#3A5F4B

Palette guide

How to use Modern Desert Oasis

Overview

The Modern Desert Oasis palette offers a tranquil and sophisticated blend of warm desert sands and cool, inviting oasis greens. This earthy collection features the golden warmth of #EDC079, a lighter sandy hue #F5D39D, the grounded mid-brown #A6805D, a deeper, rich brown #7F583F, and a serene, deep green #3A5F4B. This palette is perfect for designs seeking to evoke nature, tranquility, and understated elegance. Ideal for eco-friendly brands, travel agencies, luxury resorts, or any project that benefits from a natural, calming, and refined aesthetic. Designers will find these colors versatile for creating depth and warmth.

Best used for

  • Eco-conscious brand identity
  • Luxury travel and hospitality websites
  • Sustainable product design
  • Natural skincare and beauty packaging
  • Southwestern or bohemian interior design
  • Digital art with natural landscapes

Suggested color roles

primary

Use #7F583F or #3A5F4B as a strong primary for headers or foundational elements, providing depth and a natural anchor.

secondary

Employ #A6805D for prominent sections or navigation, offering a warm, grounding mid-tone.

accent

Highlight key information or interactive elements with #EDC079 or #F5D39D for a bright, inviting touch.

background

The light and airy #F5D39D serves as an excellent soft background, allowing other colors to emerge gently.

text

For body text, use #7F583F or a dark charcoal for optimal readability. On darker backgrounds like #3A5F4B, use #EDC079 or a crisp white.

Accessibility notes

  • Ensure #7F583F provides sufficient contrast for text when used over #A6805D.
  • Pair #EDC079 or #F5D39D with #3A5F4B or #7F583F for text to meet WCAG AA contrast standards.
  • Avoid using #EDC079 and #F5D39D for small text pairings due to low contrast.
  • Larger text elements can utilize #A6805D against #F5D39D backgrounds effectively.

Recommended combinations

Desert Sands

Creates a warm, inviting gradient of sandy tones, excellent for soft backgrounds or illustrations.

#F5D39D · #EDC079 · #A6805D

Oasis Refresh

Combines the cool oasis green with warm desert tones for a balanced, natural contrast.

#3A5F4B · #EDC079 · #7F583F

Earthy Depth

Provides a rich, grounded foundation with lighter elements for text and highlights.

#7F583F · #A6805D · #F5D39D

CSS variables

:root {
  --modern-desert-oasis-1: #EDC079;
  --modern-desert-oasis-2: #F5D39D;
  --modern-desert-oasis-3: #A6805D;
  --modern-desert-oasis-4: #7F583F;
  --modern-desert-oasis-5: #3A5F4B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "modern-desert-oasis": {
        1: "#EDC079",
        2: "#F5D39D",
        3: "#A6805D",
        4: "#7F583F",
        5: "#3A5F4B",
      }
    }
  }
}

Related searches

desert color paletteearthy green brown colorsnatural oasis schemewarm neutral nature palettesouthwestern inspired colors

Palette colors

Hex values

Color 1#EDC079
·
Color 2#F5D39D
·
Color 3#A6805D
·
Color 4#7F583F
·
Color 5#3A5F4B
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
2.1:1Fail
3.7:1AA18
4.3:1AA18
2
1.2:1Fail
2.5:1Fail
4.4:1AA18
5:1AA
3
2.1:1Fail
2.5:1Fail
1.7:1Fail
2:1Fail
4
3.7:1AA18
4.4:1AA18
1.7:1Fail
1.2:1Fail
5
4.3:1AA18
5:1AA
2:1Fail
1.2:1Fail

Similar palettes

More like Modern Desert Oasis

View all earth
Desert Bloom Oasis
Desert Oasis Bloom
Adobe Desert Hues
Adobe Sunset
Arid Blossom
Arid Cactus Blossom