Sunbaked Canyon Sandstone, Adobe & Golden Dunes Category: Nature 7,200/mo searches

Desert Sand Palette — HEX Codes, Swatches & UI Palette

The mesmerizing solitude of southwestern red rock canyons, sunbaked adobe brick, and endless shifting golden sands under a bright blue desert sky.

Bold Desert Accent

Red Rock Canyon

#B33927

Warm Clay Tone

Sunbaked Adobe

#D67D59

Sunlit Sand Highlight

Sahara Dune Gold

#E0A96D

Soft Textured Midtone

Warm Sandstone

#ECC8AF

Pale Linen Surface

Bleached Desert Clay

#FAF0E6

Open in Web Studio Color Wheel Tint & Shade Scale

Color Swatches & Technical Specifications

Exact color codes, luminance values, and WCAG contrast ratings for each swatch in the Desert Sand Palette.

Red Rock Canyon

Bold Desert Accent

HEX #B33927

RGB rgb(179, 57, 39)

HSL hsl(8deg, 64%, 43%)

vs White: 5.95:1 (AA) vs Black: 3.53:1 (AA Large)

Sunbaked Adobe

Warm Clay Tone

HEX #D67D59

RGB rgb(214, 125, 89)

HSL hsl(17deg, 60%, 59%)

vs White: 3.03:1 (AA Large) vs Black: 6.94:1 (AA)

Sahara Dune Gold

Sunlit Sand Highlight

HEX #E0A96D

RGB rgb(224, 169, 109)

HSL hsl(31deg, 65%, 65%)

vs White: 2.09:1 (Fail) vs Black: 10.07:1 (AAA)

Warm Sandstone

Soft Textured Midtone

HEX #ECC8AF

RGB rgb(236, 200, 175)

HSL hsl(25deg, 62%, 81%)

vs White: 1.56:1 (Fail) vs Black: 13.45:1 (AAA)

Bleached Desert Clay

Pale Linen Surface

HEX #FAF0E6

RGB rgb(250, 240, 230)

HSL hsl(30deg, 67%, 94%)

vs White: 1.12:1 (Fail) vs Black: 18.67:1 (AAA)

UI Design & Color Hierarchy Guide

A phenomenal palette for organic cosmetics, desert resorts, travel blogs, and ceramic pottery brands looking for rugged, handcrafted warmth.

60% Dominant Base

Use the primary neutral/light swatch (Bleached Desert Clay) for canvas backgrounds and card surfaces.

30% Structural Secondary

Apply midtones for navigation bars, card headers, borders, and secondary buttons.

10% Accent Callout

Reserve high-saturation focal colors for CTAs, conversion badges, and active state highlights.

WCAG 2.1 Accessibility & Contrast Matrix

Legibility ratings between palette elements and key backgrounds (Lightest: Bleached Desert Clay | Darkest: Red Rock Canyon):

Swatch	Contrast vs Light Canvas	Contrast vs Dark Canvas
Red Rock Canyon (#B33927)	5.29:1 AA	1.0:1 Fail
Sunbaked Adobe (#D67D59)	2.69:1 Fail	1.96:1 Fail
Sahara Dune Gold (#E0A96D)	1.85:1 Fail	2.85:1 Fail
Warm Sandstone (#ECC8AF)	1.39:1 Fail	3.81:1 AA Large
Bleached Desert Clay (#FAF0E6)	1.0:1 Fail	5.29:1 AA

CSS Custom Properties & Design Tokens

Copy and paste production-ready tokens directly into your CSS stylesheet or Tailwind CSS configuration:

CSS Variables

:root {
  --color-1: #B33927; /* Red Rock Canyon - Bold Desert Accent */
  --color-2: #D67D59; /* Sunbaked Adobe - Warm Clay Tone */
  --color-3: #E0A96D; /* Sahara Dune Gold - Sunlit Sand Highlight */
  --color-4: #ECC8AF; /* Warm Sandstone - Soft Textured Midtone */
  --color-5: #FAF0E6; /* Bleached Desert Clay - Pale Linen Surface */
}

Tailwind CSS Config

{
  colors: {
    'palette-1': '#B33927',
    'palette-2': '#D67D59',
    'palette-3': '#E0A96D',
    'palette-4': '#ECC8AF',
    'palette-5': '#FAF0E6'
  }
}

Explore More Curated Color Palettes

Browse seasonal palettes, retro aesthetic color schemes, nature tones, and dark mode themes.

All Color Palettes Named Color Dictionary Interactive Color Wheel