Back to palettes

Palette

Serene Desert Oasis

Cool, muted greens and warm sand tones create a sense of tranquil respite within a vast, serene desert landscape.

neutralcalm5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#D9D2BF#B3C0A0#8EB399#6A9977#4D7754

Palette guide

How to use Serene Desert Oasis

Overview

The Serene Desert Oasis palette gracefully blends cool, muted greens with warm, sandy neutrals, creating a tranquil respite reminiscent of a hidden desert haven. Ranging from the light, almost beige #D9D2BF to the deep, grounding #4D7754, and featuring harmonious mid-tones like #8EB399 and #6A9977, this palette offers a natural and calming aesthetic. It's perfectly suited for designers seeking to evoke organic serenity and understated elegance. Developers can utilize these earthy tones for applications requiring a gentle, sustainable, or nature-inspired interface, ensuring a soft visual experience that promotes relaxation and focus.

Best used for

  • Eco-friendly product branding
  • Spa and wellness center websites
  • Sustainable lifestyle blogs
  • Home decor and interior design
  • Nature photography portfolios
  • Outdoor adventure gear design

Suggested color roles

primary

#6A9977 - A balanced, earthy green perfect for conveying growth and natural harmony in main design elements.

secondary

#8EB399 - A slightly lighter green, excellent for supporting elements, subheadings, or secondary graphics.

accent

#B3C0A0 - A muted, soft green-beige that can highlight subtle details or interactive states without being overly bold.

background

#D9D2BF - A warm, inviting sand tone, ideal for clean, spacious backgrounds that feel natural and light.

text

#4D7754 for dark text on light backgrounds like #D9D2BF, or a soft white on darker greens for readability.

Accessibility notes

  • Ensure sufficient contrast when using #B3C0A0 for text, especially on #D9D2BF; it may require larger font sizes.
  • #4D7754 provides excellent contrast for text on #D9D2BF, ensuring readability.
  • Avoid using light greens like #B3C0A0 or #D9D2BF for small text against similarly light backgrounds.
  • For interactive elements, ensure hover/focus states maintain contrast guidelines.

Recommended combinations

Verdant Sands

A grounding combination for natural branding, using a warm neutral background with deep green text and a mid-green accent.

#D9D2BF · #4D7754 · #8EB399

Oasis Bloom

Soft, harmonious blend for tranquil interfaces or organic product presentations.

#6A9977 · #B3C0A0 · #D9D2BF

Earthy Depths

Monochromatic green layering for depth and richness in backgrounds or complex illustrations.

#4D7754 · #8EB399 · #6A9977

CSS variables

:root {
  --serene-desert-oasis-1: #D9D2BF;
  --serene-desert-oasis-2: #B3C0A0;
  --serene-desert-oasis-3: #8EB399;
  --serene-desert-oasis-4: #6A9977;
  --serene-desert-oasis-5: #4D7754;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "serene-desert-oasis": {
        1: "#D9D2BF",
        2: "#B3C0A0",
        3: "#8EB399",
        4: "#6A9977",
        5: "#4D7754",
      }
    }
  }
}

Related searches

desert green color paletteserene earthy tonesnatural calm color schememuted green brandingoasis inspired UI colors

Palette colors

Hex values

Color 1#D9D2BF
·
Color 2#B3C0A0
·
Color 3#8EB399
·
Color 4#6A9977
·
Color 5#4D7754
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.5:1Fail
2.2:1Fail
3.4:1AA18
2
1.3:1Fail
1.2:1Fail
1.7:1Fail
2.7:1Fail
3
1.5:1Fail
1.2:1Fail
1.4:1Fail
2.2:1Fail
4
2.2:1Fail
1.7:1Fail
1.4:1Fail
1.6:1Fail
5
3.4:1AA18
2.7:1Fail
2.2:1Fail
1.6:1Fail

Similar palettes

More like Serene Desert Oasis

View all neutral
Ancient Grove Hush
Coastal Dune Grass
Coastal Seagrass Sway
Desert Sand Horizon
Jade Tea Ritual
Arid Plains Vista