Desert
#FAD5A5

A warm, sandy shade that captures the essence of desert landscapes, perfect for creating natural and earthy designs.

#FAD5A5
RGB(250, 213, 165)
#FEF7EE
#FDEED7
#FAD5A5
#F7BE7A
#F39844
#EF7B20
#E16115
#BA4914
#943B18
#783216
#40170A

Color Values

HEX

#FAD5A5

RGB

rgb(250, 213, 165)

HSL

hsl(34°, 89%, 81%)

CMYK

0%, 15%, 34%, 2%

HSV

34°, 34°, 98°

XYZ

70.01, 70.63, 45.54

Color Variations

Monochromatic Colors of Desert (#FAD5A5)

#F6B35D
#F7BE75
#F9CA8D
#FAD5A5
#FBE0BD
#FDECD5
#FEF7ED

Tints of Desert (#FAD5A5)

#FAD8AA
#FBDBB0
#FBDEB5
#FCE1BB
#FCE4C0
#FDE7C6
#FDEACB

Triadic Colors of Desert (#FAD5A5)

#FAD5A5
#A5FAD5
#D5A5FA

Analogous Colors of Desert (#FAD5A5)

#FAD5A5
#F5FAA5
#FAABA5

Complementary Colors of Desert (#FAD5A5)

#FAD5A5
#A5CAFA

CSS Examples

Desert Sand Pattern

.desert-sand {
    background-color: #fad5a5;
    background-image: 
        radial-gradient(#f7be7a 2px, transparent 2px),
        radial-gradient(#fdeed7 2px, transparent 2px);
    background-size: 40px 40px;
    background-position: 0 0, 20px 20px;
    box-shadow: inset 0 0 30px rgba(0,0,0,0.1);
}

Desert Sunset Gradient

.desert-sunset {
    background: linear-gradient(45deg, #fad5a5, #f39844, #ef7b20);
    box-shadow: 
        0 4px 15px rgba(243,152,68,0.3),
        inset 0 -2px 10px rgba(239,123,32,0.2);
    border-radius: 8px;
}

Desert Glow

.desert-glow {
    color: #fad5a5;
    text-shadow: 
        0 0 5px #f7be7a,
        0 0 10px #f39844,
        0 0 15px #ef7b20;
    animation: desert-pulse 2s infinite;
}
@keyframes desert-pulse {
    0%, 100% { text-shadow: 0 0 5px #f7be7a; }
    50% { text-shadow: 0 0 20px #ef7b20; }
}

Desert Card

.desert-card {
    background: rgba(250,213,165,0.2);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(250,213,165,0.3);
    box-shadow: 
        0 8px 32px rgba(243,152,68,0.1),
        inset 0 0 32px rgba(250,213,165,0.1);
    border-radius: 12px;
}

Desert Wave

.desert-wave {
    background: 
        linear-gradient(45deg, 
            #fad5a5 25%, 
            #f7be7a 25%, 
            #f7be7a 50%, 
            #fad5a5 50%, 
            #fad5a5 75%, 
            #f7be7a 75%);
    background-size: 56.57px 56.57px;
    animation: desert-wave 3s linear infinite;
}
@keyframes desert-wave {
    to { background-position: 56.57px 0; }
}

About Desert

Desert (#FAD5A5) is a warm, sandy shade that captures the essence of arid landscapes. This color combines the warmth of earth tones with a subtle brightness, making it perfect for designs that aim to evoke a sense of natural beauty and tranquility.

Color Characteristics

  • Warm sandy shade
  • High saturation (89%)
  • High lightness (81%)
  • Natural earth tone

Color Values

  • RGB: 250, 213, 165 (98%, 84%, 65%)
  • HSL: 34°, 89%, 81%
  • CMYK: 0%, 15%, 34%, 2%
  • HSV: 34°, 34°, 98°

Usage in Design

Desert color excels in:

  • Natural and organic designs
  • Wellness and spa branding
  • Interior design
  • Environmental and nature-themed projects
  • Packaging design

Color Combinations

  • Pairs beautifully with deep browns
  • Complements soft blues
  • Works with sage greens
  • Effective with terracotta
  • Beautiful with cream whites

Desert

January 23, 2025
PALETTE GENERATOR
#FAD5A5
(250, 213, 165)

Real Design Examples 👇🏽

Fashion

No items found.

Interior

No items found.

Wallpapers

No items found.

Patterns

No items found.

Best Match

Desert
#FAD5A5
No items found.
Build with ❤️ Lovable