ColorPaletteXYZ Logo
ColorPaletteXYZ
Palettes/Aesthetic· Curated

Desert Mirage Oasis

Striking contrast between warm desert dunes and deep tranquil oasis waters.

#Aesthetic#Earthy#Fresh#Neutral#Ocean
Open in Generator
COLOR 1
#FDF6E2
Antique Lace
COLOR 2
#E0B589
Burlywood
COLOR 3
#D2885D
Raw Sienna
COLOR 4
#7A9A95
Tourmaline
COLOR 5
#2B5853
Alexandrite

Suitable Design Applications

Desert Glamping RetreatsMiddle Eastern HospitalityDune Photography PortalsWarm Geometric Textiles

Visual Psychology & Mood

Discovery, welcome relief, luxury adventure, and vast horizons.

Editorial Application Advice

Golden shimmering sands framing a refreshing spring teal oasis. High contrast between arid warmth and cool refreshing hydration.

Recommended UI Role Architecture

Optimal visual hierarchy assignment for digital product interfaces:

Primary Canvas Background
#0A1315
Card & Elevated Surface
#122327
Primary Brand CTA Accent
#14B8A6
Secondary Accent & Focus
#F59E0B
Typography & Headings
#F0FDFA

Color Values & Codes

HEX · RGB · HSL
rgb(253, 246, 226)hsl(44, 87%, 94%)Color details →
Burlywood
#E0B589
rgb(224, 181, 137)hsl(30, 58%, 71%)Color details →
Raw Sienna
#D2885D
rgb(210, 136, 93)hsl(22, 57%, 59%)Color details →
Tourmaline
#7A9A95
rgb(122, 154, 149)hsl(171, 14%, 54%)Color details →
rgb(43, 88, 83)hsl(173, 34%, 26%)Color details →

Open In Design Tools

Palette Generator
Lock & shuffle colors
Contrast Checker
Test WCAG compliance
Shades & Tints
Generate tonal steps
Aesthetic Palettes
Explore category schemes

CSS Variables

Copy & paste directly into your stylesheet
:root {
  --color-1: #FDF6E2;
  --color-2: #E0B589;
  --color-3: #D2885D;
  --color-4: #7A9A95;
  --color-5: #2B5853;
}

Role-Based WCAG Contrast Audit

Accessibility contrast depends on assigned UI roles. Here are the contrast ratios and WCAG compliance ratings when pairing palette colors as Foreground Text against Background surfaces:

Sample Text
#FDF6E2 on #7A9A952.83:1
Large Text Only (Fail)
Sample Text
#FDF6E2 on #2B58537.42:1
Normal Text AA Pass
Sample Text
#E0B589 on #7A9A951.62:1
Large Text Only (Fail)
Sample Text
#E0B589 on #2B58534.25:1
Large Text Only (Pass)
Sample Text
#D2885D on #7A9A951.08:1
Large Text Only (Fail)
Sample Text
#D2885D on #2B58532.83:1
Large Text Only (Fail)

Related Palettes in Aesthetic

Explore Aesthetic
#E76F51Copy
#F4A261Copy
#E9C46ACopy
#2A9D8FCopy
#264653Copy
cp-featured-03Vintage
1970s California Sun
VintageRetroWarm
#020B14Copy
#06283DCopy
#1363DFCopy
#47B5FFCopy
#DFF6FFCopy
cp-featured-08Ocean
Marianas Deep Sea
OceanCool
#231612Copy
#48281DCopy
#784534Copy
#B87E60Copy
#E4CEBACopy
cp-featured-09Food
Artisan Espresso Roast
FoodWarmEarthy
#2B2A29Copy
#56524ACopy
#8B8476Copy
#C4BCACCopy
#ECE8E1Copy
cp-featured-10Interior Design
Japandi Sanctuary
Interior DesignNeutralCalm

Frequently Asked Questions About Desert Mirage Oasis

Production design guidance and accessibility rules for applying the Desert Mirage Oasis (Aesthetic) color palette.

What is the recommended role hierarchy for the Desert Mirage Oasis palette?
In digital interface design, allocate #FDF6E2 and #2B5853 for structural surface canvas and typography hierarchy (the 60% and 30% layers of the design), while using standout swatches like #E0B589 or #D2885D as your 10% primary action accent for buttons, badges, and interactive highlights.
Are the colors in Desert Mirage Oasis WCAG accessible for web body copy?
Always verify contrast ratios against WCAG 2.2 AA standards (minimum 4.5:1 for regular body copy and 3.0:1 for large text or graphical controls). Consult the Role-Based WCAG Contrast Audit section above to see exact scores for every foreground/background combination in this palette.
How can I export the Desert Mirage Oasis palette to my frontend codebase?
You can copy CSS Custom Properties directly from the CSS Variables code block above, export Tailwind CSS configuration tokens, download a high-resolution PNG card, or open the entire palette inside the interactive Palette Generator to experiment with tints and harmonies.