Back to palettes

Palette

Desert Oasis

Warm, sandy tones meet a refreshing pop of teal, reflecting a hidden, vibrant oasis within a vast desert.

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

#B38F6A#E0CCA6#D3B68B#8F6C4C#008080

Palette guide

How to use Desert Oasis

Overview

The Desert Oasis palette beautifully marries the warmth of arid landscapes with a refreshing splash of green-blue. Featuring inviting sandy tones like #B38F6A and #D3B68B, complemented by the lighter, airy #E0CCA6, it creates a grounded yet uplifting feel. The deep, grounding #8F6C4C provides excellent contrast, while the striking #008080 teal acts as a vibrant focal point, reminiscent of lush hidden springs. This palette is ideal for designers and developers aiming to evoke natural tranquility, sophisticated earthiness, and a touch of unexpected vitality. It offers a balanced range for diverse applications, from branding to web interfaces, ensuring visual harmony and engaging design.

Best used for

  • Nature-inspired branding and logos
  • Wellness and spa website designs
  • E-commerce for natural products
  • Interior design mood boards
  • Sustainable fashion lookbooks
  • Travel and tourism marketing

Suggested color roles

primary

Use #B38F6A as a core brand color, offering a warm, inviting, and stable base for headers or main sections.

secondary

Apply #D3B68B for supporting elements, subheadings, or background panels, providing a softer, complementary warmth.

accent

Leverage #008080 as a vibrant accent for calls-to-action, interactive elements, or key visual highlights to draw attention.

background

Employ #E0CCA6 for light, airy backgrounds, ensuring content remains readable and the overall feel is open and natural.

text

Utilize #8F6C4C for primary body text and darker elements, offering excellent contrast against lighter backgrounds for readability, or use a near-black for maximum accessibility.

Accessibility notes

  • Ensure #8F6C4C text has sufficient contrast against #E0CCA6 backgrounds, especially for smaller font sizes.
  • The accent #008080 should be paired with white or very light text for optimal readability on interactive elements.
  • Avoid using #B38F6A directly on #D3B68B for critical text as their contrast may be insufficient.
  • Provide hover states for interactive elements that shift to a significantly different hue or brightness for visual cues.

Recommended combinations

Natural Gradient

Ideal for soft gradients, layered backgrounds, or progressive disclosure in UI elements.

#E0CCA6 · #B38F6A · #8F6C4C

Oasis Pop

Use #E0CCA6 as background, #008080 for accents, and #8F6C4C for text to create a vibrant, readable layout.

#E0CCA6 · #008080 · #8F6C4C

Earthy Depth

Excellent for creating depth and warmth in photographic overlays, textured backgrounds, or card components.

#D3B68B · #B38F6A · #8F6C4C

CSS variables

:root {
  --desert-oasis-1: #B38F6A;
  --desert-oasis-2: #E0CCA6;
  --desert-oasis-3: #D3B68B;
  --desert-oasis-4: #8F6C4C;
  --desert-oasis-5: #008080;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "desert-oasis": {
        1: "#B38F6A",
        2: "#E0CCA6",
        3: "#D3B68B",
        4: "#8F6C4C",
        5: "#008080",
      }
    }
  }
}

Related searches

earth tone teal palettedesert brown green color schemenatural oasis hex codessandy and teal brand colorswarm neutrals with accent

Palette colors

Hex values

Color 1#B38F6A
·
Color 2#E0CCA6
·
Color 3#D3B68B
·
Color 4#8F6C4C
·
Color 5#008080
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
1.5:1Fail
1.6:1Fail
1.6:1Fail
2
1.9:1Fail
1.2:1Fail
3:1AA18
3:1AA18
3
1.5:1Fail
1.2:1Fail
2.5:1Fail
2.5:1Fail
4
1.6:1Fail
3:1AA18
2.5:1Fail
1:1Fail
5
1.6:1Fail
3:1AA18
2.5:1Fail
1:1Fail

Similar palettes

More like Desert Oasis

View all earth
Desert Clay Vista
Desert Sands
Amber Sands Mirage
Ancient Relic Dust
Ancient Sandstone Scroll
Arid Sands Bloom