Palette

Desert Oasis Dusk

Warm, sandy tones blended with soft greens, evoking the calming tranquility of a desert oasis at twilight.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#C19A6B#E0B678#5A6D5A#8D9A8D#F8F8F8

Palette guide

How to use Desert Oasis Dusk

Overview

The Desert Oasis Dusk palette beautifully captures the serene transition from day to night in an arid landscape, blending warm, sandy tones with soft, muted greens. It features a comforting #C19A6B and a lighter, more luminous #E0B678, reminiscent of sun-setting sands. These warm hues are thoughtfully complemented by a calming #5A6D5A and a gentle #8D9A8D, evoking the subtle greens of desert flora at twilight. A clean, crisp #F8F8F8 provides a versatile and airy foundation. This palette is ideal for designs that seek to convey tranquility, natural beauty, and a sophisticated softness, perfect for wellness, home decor, or photography-focused projects.

Best used for

Wellness and self-care brands
Home decor and interior design (natural/bohemian)
Photography portfolio websites (landscape/portrait)
Relaxation and mindfulness applications
Eco-friendly product packaging
Soft, natural branding for boutiques

Suggested color roles

primary

#C19A6B - A warm, inviting sandy brown, excellent for main calls-to-action, prominent headings, or brand elements to evoke comfort and natural elegance.

secondary

#E0B678 - A lighter, luminous golden-beige, perfect for supporting content, subheadings, or secondary branding, adding a touch of softness.

accent

#5A6D5A - This muted, earthy green acts as a sophisticated accent for highlights, interactive states, or decorative details, providing a subtle contrast.

background

#F8F8F8 - A near-white, clean base that provides an airy and versatile backdrop, ensuring optimal readability and a fresh feel.

text

#5A6D5A - Recommended for body text and essential UI elements, offering good readability against #F8F8F8 and other lighter palette colors, or use a dark charcoal for higher contrast.

Accessibility notes

Ensure sufficient contrast between #E0B678 (light beige) and #5A6D5A (muted green) for text, especially for smaller fonts.
The #F8F8F8 background is excellent for accessibility; pair it with #5A6D5A or a dark charcoal for body text.
Avoid using #C19A6B or #E0B678 for text on #F8F8F8 without careful contrast checking; they may not pass WCAG AA.
For critical information, always use a dark text color (like #5A6D5A or black) against the lightest backgrounds.

Recommended combinations

Twilight Sands

Clean, elegant designs with a bright base, warm sand, and a grounding green, ideal for sophisticated branding.

#F8F8F8 · #C19A6B · #5A6D5A

Soft Oasis

Harmonious blend for serene web pages, natural product showcases, or gentle, inviting interfaces.

#E0B678 · #8D9A8D · #C19A6B

Dusk Greens

Emphasizing the calming greens against a bright background, suitable for nature-focused content or illustrations.

#5A6D5A · #8D9A8D · #F8F8F8

CSS variables

:root {
  --desert-oasis-dusk-1: #C19A6B;
  --desert-oasis-dusk-2: #E0B678;
  --desert-oasis-dusk-3: #5A6D5A;
  --desert-oasis-dusk-4: #8D9A8D;
  --desert-oasis-dusk-5: #F8F8F8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "desert-oasis-dusk": {
        1: "#C19A6B",
        2: "#E0B678",
        3: "#5A6D5A",
        4: "#8D9A8D",
        5: "#F8F8F8",
      }
    }
  }
}

Hex values

Color 1#C19A6B

Color 2#E0B678

Color 3#5A6D5A

Color 4#8D9A8D

Color 5#F8F8F8

Accessibility

Contrast checker

1.4:1Fail

2.1:1Fail

1.1:1Fail

2.4:1Fail

1.4:1Fail

3:1Fail

1.6:1Fail

1.8:1Fail

2.1:1Fail

3:1Fail

1.9:1Fail

5.2:1AA

1.1:1Fail

1.6:1Fail

1.9:1Fail

2.8:1Fail

2.4:1Fail

1.8:1Fail

5.2:1AA

2.8:1Fail

Similar palettes

More like Desert Oasis Dusk