ع

Desert Dunes

Warm sand and sunset hues of desert landscapes.

≈ Bisque
≈ Fawn
≈ Copper
≈ Chestnut
≈ Bistre

Color codes

HEXRGBHSLCMYK
hsl(33, 71%, 83%)cmyk(0%, 12%, 26%, 5%)
hsl(31, 65%, 65%)cmyk(0%, 25%, 51%, 12%)
hsl(26, 53%, 50%)cmyk(0%, 39%, 70%, 24%)
hsl(17, 50%, 37%)cmyk(0%, 47%, 66%, 45%)
hsl(22, 30%, 18%)cmyk(0%, 29%, 46%, 77%)

CSS

:root {
  --desert-dunes-1: #F2D6B3;
  --desert-dunes-2: #E0A96D;
  --desert-dunes-3: #C2763B;
  --desert-dunes-4: #8C4A2F;
  --desert-dunes-5: #3B2A20;
}

How these colors work together

This is a monochromatic palette built around a single hue. Overall it reads warm. Lightness spans 65 points, which sets how much contrast you can create.

3 of 10 color pairs reach the 4.5:1 contrast needed for normal text. The most readable pair is ⁦#F2D6B3⁩ on ⁦#3B2A20⁩ (9.78:1).

Desert Dunes — readable text using the best pair.

Suggested applications

  • Outdoor brands, wellness and sustainability projects.
  • Interface themes: use the lightest color for backgrounds and the darkest for text.
  • Brand kits, social graphics and presentations.

#desert#sand#warm

Check accessibility Simulate color blindness CSS variables

Frequently asked questions

How do I use the Desert Dunes palette?
The Desert Dunes palette has 5 colors. Use one dominant color for large areas, a supporting color for secondary elements and the most saturated color sparingly as an accent.
Which colors in this palette are best for text?
Use ⁦#F2D6B3⁩ on ⁦#3B2A20⁩: it has a contrast ratio of 9.78:1.
Can I download this palette?
Yes. Export it as PNG, SVG, CSS variables, JSON or plain text with the buttons above the color table.

More palettes

Olive Grove#4A5A23 #7A8B3A #B5B77C #E6E2C3 #5C4033Forest Floor#1B3A2B #3E6B48 #7FA16B #C9B88A #6B4F3AOcean Depths#03045E #0077B6 #00B4D8 #90E0EF #CAF0F8Blush and Ivory#FFFAF3 #F6E3DC #E8C2B8 #C99A8E #8A5A52Fresh Startup#06D6A0 #118AB2 #073B4C #FFD166 #EF476FEvergreen#0B2E24 #1A4D3A #3D7A5A #D5E3DC #B8312F