Back to palettes

Palette

Desert Oasis Calm

Serene and tranquil, reflecting the cool blues of an oasis amidst warm desert sands.

neutralnatural5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#ADD8E6#A2B9BC#87CEEB#D3D3D3#F5DEB3

Palette guide

How to use Desert Oasis Calm

Overview

The Desert Oasis Calm palette evokes a serene and tranquil atmosphere, blending the cool blues of water with the warm neutrals of desert sands. It features a soft, inviting #ADD8E6 and a brighter #87CEEB, reminiscent of clear oasis waters. These are complemented by a versatile cool gray, #A2B9BC, and a light, airy #D3D3D3, perfect for foundational elements. A warm, sandy beige, #F5DEB3, provides a comforting contrast, grounding the cool tones with a touch of natural warmth. This palette is ideal for designs seeking to convey peace, relaxation, and a refreshing escape, making it suitable for wellness, travel, or minimalist aesthetics.

Best used for

  • Wellness, spa, and relaxation brands
  • Travel and tourism promotions (especially desert/coastal)
  • Minimalist web and app interfaces
  • Interior design for calming spaces
  • Mindfulness and meditation applications
  • Clean, modern branding

Suggested color roles

primary

#87CEEB - A clear, refreshing sky blue, perfect for main calls-to-action, prominent headings, or brand elements to evoke calm and clarity.

secondary

#ADD8E6 - A slightly softer light blue, excellent for supporting content, navigation, or secondary branding, maintaining a serene feel.

accent

#F5DEB3 - This warm, sandy beige provides a gentle accent, ideal for subtle highlights, interactive states, or to add a touch of warmth.

background

#D3D3D3 - A light, neutral gray that serves as an excellent clean background, providing ample contrast for other palette colors and text.

text

#A2B9BC - A cool, muted gray-blue, recommended for body text and essential UI elements, ensuring readability against lighter backgrounds like #D3D3D3 or white.

Accessibility notes

  • Ensure sufficient contrast between #87CEEB (sky blue) and #A2B9BC (gray-blue) when used for text.
  • The light #D3D3D3 background provides good contrast for darker text colors like #A2B9BC or black.
  • Avoid using #ADD8E6 or #F5DEB3 as text on #D3D3D3 due to potentially low contrast levels.
  • For critical information, always pair a dark text color (like charcoal or black) with the lightest backgrounds like #D3D3D3 or white.

Recommended combinations

Oasis Refresh

Dynamic designs combining cool blues with a warm accent, suitable for travel or relaxation themes.

#87CEEB · #A2B9BC · #F5DEB3

Calm Neutrals

Clean, minimalist layouts with a focus on subtle variations and a serene, professional feel.

#D3D3D3 · #A2B9BC · #ADD8E6

Desert Sky

Evoking expansive skies over warm sands, ideal for nature-inspired branding or tranquil digital experiences.

#ADD8E6 · #F5DEB3 · #87CEEB

CSS variables

:root {
  --desert-oasis-calm-1: #ADD8E6;
  --desert-oasis-calm-2: #A2B9BC;
  --desert-oasis-calm-3: #87CEEB;
  --desert-oasis-calm-4: #D3D3D3;
  --desert-oasis-calm-5: #F5DEB3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "desert-oasis-calm": {
        1: "#ADD8E6",
        2: "#A2B9BC",
        3: "#87CEEB",
        4: "#D3D3D3",
        5: "#F5DEB3",
      }
    }
  }
}

Related searches

calm blue beige palettedesert water color schemetranquil oasis colorsminimalist nature paletteserene sand and blue

Palette colors

Hex values

Color 1#ADD8E6
·
Color 2#A2B9BC
·
Color 3#87CEEB
·
Color 4#D3D3D3
·
Color 5#F5DEB3
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.1:1Fail
1:1Fail
1.2:1Fail
2
1.3:1Fail
1.2:1Fail
1.4:1Fail
1.6:1Fail
3
1.1:1Fail
1.2:1Fail
1.2:1Fail
1.3:1Fail
4
1:1Fail
1.4:1Fail
1.2:1Fail
1.1:1Fail
5
1.2:1Fail
1.6:1Fail
1.3:1Fail
1.1:1Fail

Similar palettes

More like Desert Oasis Calm

View all neutral
Antique Map Parchment
Antique Scroll
Bohemian Dream Weaver
Coastal Cliff Path
Coastal Driftwood Relic
Coastal Dune Grass