Back to palettes

Palette

Desert Oasis Bloom

Soothing tones of desert sands and rare, lush greens found only in a hidden oasis, offering tranquility.

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

#E7D7A3#A5BA7F#6D9E67#4C6F4F#2A4035

Palette guide

How to use Desert Oasis Bloom

Overview

The Desert Oasis Bloom palette offers a tranquil blend of desert sands and lush greens, echoing the serene beauty of a hidden oasis. It features a soft, sun-kissed #E7D7A3, reminiscent of dry earth, alongside a more vibrant, yet muted, #A5BA7F green. Deeper, earthy greens like #6D9E67 and #4C6F4F provide grounding, natural depth, evoking rich foliage. The palette is anchored by a profound, dark #2A4035, adding sophistication and contrast. This collection is perfectly suited for designs that aim to convey peace, natural elegance, and organic growth, making it ideal for sustainability-focused brands or nature-inspired digital experiences.

Best used for

  • Sustainable and eco-conscious brand identities
  • Nature-themed websites and mobile applications
  • Organic food and wellness product packaging
  • Botanical and landscape design projects
  • Educational content about nature and conservation
  • Luxury retreat branding

Suggested color roles

primary

#6D9E67 - A balanced, earthy green perfect for main calls-to-action, primary branding, or key graphical elements, symbolizing growth and tranquility.

secondary

#A5BA7F - This lighter, more vibrant green works well for supporting elements, subheadings, or illustrations, providing a fresh accent.

accent

#4C6F4F - A deep, rich green ideal for subtle highlights, interactive states, or decorative details, adding a touch of sophisticated natural depth.

background

#E7D7A3 - A soft, warm, sandy yellow that serves as an excellent neutral background, providing a gentle canvas for content.

text

#2A4035 - The darkest shade in the palette, recommended for all body text and essential UI elements, ensuring maximum readability against lighter colors.

Accessibility notes

  • Ensure high contrast when using #A5BA7F (light green) or #6D9E67 (medium green) for text, especially on #E7D7A3.
  • The deep #2A4035 offers excellent contrast for text against #E7D7A3 and #A5BA7F, meeting WCAG AA standards.
  • Avoid using #E7D7A3 for text on any of the greens (e.g., #A5BA7F, #6D9E67) due to insufficient contrast.
  • For critical information, always pair #2A4035 with the lightest available background, such as #E7D7A3 or white.

Recommended combinations

Earthy Depth

Classic, readable designs with a warm base, a strong primary green, and a dark, grounding text color.

#E7D7A3 · #6D9E67 · #2A4035

Fresh Oasis

Evoking lushness with vibrant greens against a sandy backdrop, ideal for natural product showcases.

#A5BA7F · #4C6F4F · #E7D7A3

Subtle Harmony

Monochromatic green themes for serene interfaces, illustrations, or detailed nature photography.

#6D9E67 · #A5BA7F · #4C6F4F

CSS variables

:root {
  --desert-oasis-bloom-3-1: #E7D7A3;
  --desert-oasis-bloom-3-2: #A5BA7F;
  --desert-oasis-bloom-3-3: #6D9E67;
  --desert-oasis-bloom-3-4: #4C6F4F;
  --desert-oasis-bloom-3-5: #2A4035;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "desert-oasis-bloom-3": {
        1: "#E7D7A3",
        2: "#A5BA7F",
        3: "#6D9E67",
        4: "#4C6F4F",
        5: "#2A4035",
      }
    }
  }
}

Related searches

earthy green color schemenatural oasis palettetranquil desert colorssustainable brand identity colorsmuted nature design palette

Palette colors

Hex values

Color 1#E7D7A3
·
Color 2#A5BA7F
·
Color 3#6D9E67
·
Color 4#4C6F4F
·
Color 5#2A4035
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.2:1Fail
4:1AA18
7.8:1AAA
2
1.5:1Fail
1.5:1Fail
2.7:1Fail
5.3:1AA
3
2.2:1Fail
1.5:1Fail
1.8:1Fail
3.6:1AA18
4
4:1AA18
2.7:1Fail
1.8:1Fail
2:1Fail
5
7.8:1AAA
5.3:1AA
3.6:1AA18
2:1Fail

Similar palettes

More like Desert Oasis Bloom

View all Earth
Desert Monsoon Bloom
Botanical Earth Ground
Botanical Green Sanctuary
Desert Cactus Bloom
Desert Canyon Clay
Desert Clay Hearth