Pikka Logo Pikka
Chrome App
Grounded Warm Sunbaked Coastal Dune Category: Neutral

Desert Sand (#C2B280) — Color Codes, Meaning & UI Palettes

Desert Sand (#C2B280) embodies the timeless serenity of wave-swept dunes and sunbaked coastline minerals. It communicates organic balance, warmth, sustainable architecture, and quiet luxury.

Quick Answer (Desert Sand Color Code): The exact HEX code for Desert Sand is #C2B280. In RGB, it is rgb(194, 178, 128). In HSL, it is hsl(45deg, 35%, 63%), and its print CMYK formulation is cmyk(0%, 8%, 34%, 24%). It has a relative luminance of 0.449 and pairs best in UI design with Deep Terracotta (#CC5500) and Off-White Linen (#FAF8F5).
Click to Copy HEX
Desert Sand
#C2B280
HEX
#C2B280
RGB
rgb(194, 178, 128)
HSL
hsl(45deg, 35%, 63%)
CMYK (Print)
cmyk(0%, 8%, 34%, 24%)
Apple Display P3
color(display-p3 0.761 0.698 0.502)

WCAG 2.1 Accessibility & Contrast Rating

White Text (#FFFFFF) 2.1:1 (Fail)
Black Text (#000000) 9.98:1 (AAA)

11-Step Tints & Shades Scale (Tailwind 50–950)

Mathematically balanced luminance scale for design tokens and CSS color palettes. Click any shade to copy hex code:

50
#F8F7F1
100
#F2EEE3
200
#E4DDC8
300
#D4C8A5
400
#C0AF7C
500
#C2B280
600
#AF9959
700
#8D7B44
800
#685B32
900
#453C21
950
#272213

Color Harmonies & Palette Schemes

Complementary

#8090C2
Opposite 180° Contrast

Analogous -30°

#C29080
Natural Harmony

Analogous +30°

#B1C280
Natural Harmony

Triadic +120°

#80C2B1
120° Balanced Triad

Triadic +240°

#B180C2
120° Balanced Triad

Curated UI Design Pairings for Desert Sand

Warm card container, border hairline, and neutral backdrop for travel journals, luxury resort portfolios, and eco-friendly home goods.

Deep Terracotta
#CC5500
Warm Earthy Accent
Off-White Linen
#FAF8F5
Calm Reading Surface
Olive Branch
#556B2F
Botanical Grounding Neutral
Dark Charcoal
#1E293B
Sharp Legible Heading

Export Desert Sand Code Snippets

CSS Variable --color-sand-color: #C2B280;
Tailwind Config 'sand-color': '#C2B280'
Swift / SwiftUI Color(hex: "#C2B280")
JSON Design Token {"name": "Desert Sand", "hex": "#C2B280"}

Frequently Asked Questions About Desert Sand (#C2B280)

What is the exact HEX code for Desert Sand?

The exact HEX code for Desert Sand is #C2B280. In 8-digit hexadecimal (with 100% opacity), it is #C2B280FF. Its RGB decimal equivalent is rgb(194, 178, 128) and its HSL value is hsl(45deg, 35%, 63%).

What colors go best with Desert Sand in UI and web design?

Desert Sand pairs exceptionally well with Deep Terracotta (#CC5500), Off-White Linen (#FAF8F5), Olive Branch (#556B2F), and Dark Charcoal (#1E293B).

How do I use Desert Sand in CSS and Tailwind CSS?

In standard CSS, apply it directly via color: #C2B280; or background-color: #C2B280;. In Tailwind CSS, use arbitrary value syntax like bg-[#c2b280] or text-[#c2b280], or define it in your Tailwind v4 @theme block as --color-sand-color: #C2B280;.

Is Desert Sand WCAG accessible for readable text?

Against a pure white background (#FFFFFF), Desert Sand achieves a contrast ratio of 2.1:1 (Fail). Against a pure black background (#000000), it achieves 9.98:1 (AAA). Check custom contrast pairings on Pikka's WCAG Contrast Checker.

Explore More Colors in the Dictionary

Browse our complete catalog of curated named colors, harmonic palettes, and accessible UI combinations.

Named Color Dictionary Interactive Color Wheel Tint & Shade Generator