Back to palettes

Palette

Arid Blossom Mirage

Soft, muted sandy tones reflect the delicate blooms and dry landscape of a desert mirage.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Arid Blossom Mirage 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 Arid Blossom Mirage.

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

Data visualization

#E0D4C3#C9B39A#B38C6D#D4C2A1#F5E9DB

Palette guide

How to use Arid Blossom Mirage

Overview

The Arid Blossom Mirage palette presents a sophisticated collection of soft, muted sandy tones, evoking the subtle beauty of a desert mirage and its delicate blooms. Ranging from the light #F5E9DB to the deeper #B38C6D, with harmonious mid-tones like #E0D4C3, #C9B39A, and #D4C2A1, this palette offers a warm, natural, and understated elegance. It's ideal for designers seeking a serene, organic, and luxurious aesthetic. These colors are perfect for creating spacious, inviting digital interfaces, sophisticated branding, or any project that benefits from a grounded yet refined visual language. A truly timeless and versatile collection.

Best used for

  • High-end skincare and beauty brands
  • Luxury resort and travel marketing
  • Minimalist interior design concepts
  • Premium artisanal product packaging
  • Wellness and yoga studio branding
  • Fine art photography portfolios

Suggested color roles

primary

Use #C9B39A as a warm, inviting primary color for main sections or prominent text, providing a soft foundation.

secondary

Employ #E0D4C3 or #D4C2A1 for supporting elements, subheadings, or background panels, adding subtle variation.

accent

Apply #B38C6D sparingly for key accents, calls to action, or important details, adding depth and focus.

background

Utilize #F5E9DB for clean, expansive backgrounds, creating an airy and sophisticated canvas.

text

For body text, a dark brown or charcoal (e.g., #3A2B1F) offers excellent readability. #B38C6D works well for headings on lighter backgrounds.

Accessibility notes

  • Ensure sufficient contrast for text on #F5E9DB backgrounds; #B38C6D is a good choice for text.
  • Avoid using #E0D4C3 or #D4C2A1 for small text on #F5E9DB as contrast will likely be insufficient.
  • Text in #B38C6D on #F5E9DB provides strong readability, meeting WCAG AA standards.
  • For general body text, a very dark brown or near-black will ensure optimal readability across the lighter palette shades.

Recommended combinations

Sandy Horizon

Creates a light, airy, and sophisticated feel, perfect for minimalist websites or elegant branding.

#F5E9DB · #E0D4C3 · #C9B39A

Mirage Depth

Provides a strong contrast and depth, ideal for highlighting key information or calls to action.

#D4C2A1 · #B38C6D · #F5E9DB

Blossom Hues

Useful for subtle background gradients or textured elements, adding visual interest without distraction.

#E0D4C3 · #C9B39A · #D4C2A1

CSS variables

:root {
  --arid-blossom-mirage-1: #E0D4C3;
  --arid-blossom-mirage-2: #C9B39A;
  --arid-blossom-mirage-3: #B38C6D;
  --arid-blossom-mirage-4: #D4C2A1;
  --arid-blossom-mirage-5: #F5E9DB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "arid-blossom-mirage": {
        1: "#E0D4C3",
        2: "#C9B39A",
        3: "#B38C6D",
        4: "#D4C2A1",
        5: "#F5E9DB",
      }
    }
  }
}

Related searches

sandy neutral palettedesert earth tonessoft beige color schemenatural warm designmuted luxury palette

Palette colors

Hex values

Color 1#E0D4C3
·
Color 2#C9B39A
·
Color 3#B38C6D
·
Color 4#D4C2A1
·
Color 5#F5E9DB
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.1:1Fail
1.2:1Fail
1.2:1Fail
2
1.4:1Fail
1.5:1Fail
1.2:1Fail
1.7:1Fail
3
2.1:1Fail
1.5:1Fail
1.7:1Fail
2.5:1Fail
4
1.2:1Fail
1.2:1Fail
1.7:1Fail
1.5:1Fail
5
1.2:1Fail
1.7:1Fail
2.5:1Fail
1.5:1Fail

Similar palettes

More like Arid Blossom Mirage

View all earth