Back to palettes

Palette

Desert Oasis

Golden and sandy tones that capture the essence of sun-drenched deserts and hidden springs.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FAD02E#E6AC00#B2913A#8D6B23#C0A75B

Palette guide

How to use Desert Oasis

Overview

The Desert Oasis palette brings the warmth and allure of sun-drenched landscapes directly to your design projects. Featuring a vibrant golden yellow, #FAD02E, alongside a deeper, richer gold, #E6AC00, this collection evokes the bright, expansive feel of desert sands. Complementing these are earthy, muted tones like the sandy brown #B2913A and the deeper, more grounded #8D6B23, which provides a strong, natural anchor. The lighter, versatile #C0A75B acts as a soft transition, reminiscent of sun-baked earth. This palette is ideal for creating designs that feel natural, luxurious, and inviting, perfect for conveying warmth and authenticity across various media, from digital interfaces to physical products.

Best used for

  • Luxury travel and hospitality branding
  • Organic and natural product packaging
  • Bohemian or rustic interior design themes
  • Websites for artisanal crafts or eco-friendly businesses
  • Event branding for outdoor or nature-inspired gatherings
  • Landscape and natural light photography portfolios

Suggested color roles

primary

#FAD02E - Use for main calls-to-action, prominent headings, or brand elements to capture immediate attention with its vibrant, sunny energy.

secondary

#E6AC00 - Ideal for subheadings, key information blocks, or secondary brand elements, offering a rich, authoritative complement to the primary golden hue.

accent

#B2913A - Perfect for subtle highlights, decorative elements, or interactive states, providing a sophisticated, earthy contrast without overpowering.

background

#C0A75B - A soft, warm base for content areas, cards, or page backgrounds, ensuring readability while maintaining the palette's natural, inviting feel.

text

#8D6B23 - Recommended for body text, labels, and dark UI elements, offering excellent readability against lighter backgrounds like #C0A75B or white.

Accessibility notes

  • Ensure sufficient contrast between #FAD02E (yellow) and #8D6B23 (dark brown) for any text usage.
  • The lighter #C0A75B provides a good base; check contrast carefully for text placed on it, especially with #E6AC00.
  • Avoid using #FAD02E as text on #E6AC00 or #B2913A due to inherently low contrast ratios.
  • For critical body text, prioritize #8D6B23 against lighter palette colors or near-white backgrounds to meet WCAG AA standards.

Recommended combinations

Warm Contrast

High-impact headers, main content, and subtle background for a dynamic, readable layout.

#FAD02E · #8D6B23 · #C0A75B

Earthy Harmony

Sophisticated branding, detailed illustrations, or elegant UI cards, creating a cohesive, natural feel.

#E6AC00 · #B2913A · #C0A75B

Desert Glow

Emphasizing golden elements, luxury product showcases, or warm photographic overlays.

#FAD02E · #E6AC00 · #B2913A

CSS variables

:root {
  --desert-oasis-2-1: #FAD02E;
  --desert-oasis-2-2: #E6AC00;
  --desert-oasis-2-3: #B2913A;
  --desert-oasis-2-4: #8D6B23;
  --desert-oasis-2-5: #C0A75B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "desert-oasis-2": {
        1: "#FAD02E",
        2: "#E6AC00",
        3: "#B2913A",
        4: "#8D6B23",
        5: "#C0A75B",
      }
    }
  }
}

Related searches

golden sand color palettewarm desert tonesearthy yellow color schemenatural luxury brand colorssun-drenched design palette

Palette colors

Hex values

Color 1#FAD02E
·
Color 2#E6AC00
·
Color 3#B2913A
·
Color 4#8D6B23
·
Color 5#C0A75B
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2:1Fail
3.3:1AA18
1.6:1Fail
2
1.4:1Fail
1.5:1Fail
2.4:1Fail
1.2:1Fail
3
2:1Fail
1.5:1Fail
1.6:1Fail
1.3:1Fail
4
3.3:1AA18
2.4:1Fail
1.6:1Fail
2.1:1Fail
5
1.6:1Fail
1.2:1Fail
1.3:1Fail
2.1:1Fail

Similar palettes

More like Desert Oasis

View all earth
Ancient Desert Sands
Desert Mirage Bloom
Golden Dune Embrace
Golden Dunes
Whispering Desert Sands
Agave Bloom Dawn