Yellow Sands
Yellow Sands is muted and mineral. It resembles a dry beach path more than bright dune light. A little gray keeps it grounded.
Color Conversions
| Color model | Value | Common use |
|---|---|---|
| HEX | #E7D3A3 | Web and interface color |
| RGB | rgb(231, 211, 163) | Digital screens |
| HSL | hsl(42, 59%, 77%) | Hue-based adjustments |
| HSV | hsv(42, 29%, 91%) | Color pickers |
| CMYK | 0%, 9%, 29%, 9% | Print reference |
Real Design Examples 👇🏽
Color Combinations
Cobalt Shore Map
#e7d3a3
#0047ab
#91acd1
#1a2c45
Olive Scrub Route
#e7d3a3
#bab86c
#d5d19f
#4b4a30
Charcoal Contour Line
#e7d3a3
#36454f
#9a9f9d
#fff8e7
Terracotta Trail Mark
#e7d3a3
#e35336
#dfa18a
#66372d
Other Color Collections
Fashion
Interior
Wallpapers
Patterns
Best Match
Yellow Sands sits comfortably behind contour lines or route labels because it reads as terrain without demanding attention. Its gray cast also helps white details remain visible.
Map layouts benefit from Yellow Sands as a quiet land color. Water, roads, and elevation marks can sit above it clearly, while the background still suggests dry terrain.
Earth Yellow can mark paths or raised terrain above the sandy base. Sea Blue gives water and directional signs a distinct, believable contrast.
Tints
#e7d3a3
#e9d7ac
#ecdcb5
#eee0bf
#f1e5c8
#f3e9d1
#f5edda
#f8f2e3
#faf6ed
#fdfbf6
#ffffff
Shades
#e7d3a3
#d0be93
#b9a982
#a29472
#8b7f62
#746a52
#5c5441
#453f31
#2e2a21
#171510
Triadic
#e7d3a3
#44e7b7
#b744e7
Monochromatic
#96896a
#bdad86
#e7d3a3
#ebdbb4
#efe2c3
Analogous
#e76644
#e7d3a3
#c5e744
Complementary
#e7d3a3
#4474e7