Sand
Mellow warm yellow with pastel charm
Sand is an unsaturated, warm yellow that feels mellow rather than punchy. This pastel tone works well as a supporting background, providing enough contrast for black text to remain legible. The hex code for this color is #e2ca76. It pairs surprisingly well with deep charcoal or slate blue, grounding its airy, youthful energy in professional UI design or branding projects.
About Sand
Late sun on a beach at low tide
What does sand mean?
Sand often calls to mind beaches, warmth, and dry grass, and it commonly suggests calm, comfort, and easygoing days. Its low saturation and strong warmth keep it mellow and glowing, closer to a soft shimmer than a bright, insistent yellow.
Where you see sand
- dry beach sand
- champagne
- wheat fields
- unbleached paper
- straw hats
- honey
What it works for
Use it for backgrounds and packaging that need warmth without weight, then pair it with deeper tones for contrast.
What colors go with sand?
Olive #808000Two muted warm tones sit close on the wheel and blend without fighting.Terracotta #e2725bThe reddish clay deepens the sand and keeps everything earthy and warm.Teal #008080Teal sits opposite yellow, so each color looks sharper next to the other.Espresso #4e312dA near-black brown grounds the pale gold and adds real weight.Plum #8e4585Deep purple is bold against the sand but stays rich, not harsh.Sage #9caf88Soft green cools the warm yellow and keeps the whole palette gentle.
Questions about Sand
What is the hex code for Sand?
Sand is #e2ca76. In RGB that is rgb(226, 202, 118), in HSL hsl(47, 65%, 67%) and in CMYK 0%, 11%, 48%, 11%.
Is #e2ca76 considered a warm or cool color?
Sand #e2ca76 is a distinctly warm, unsaturated yellow that lacks the aggression of bright sunshine hues. Because it has such a mellow, desaturated quality, it avoids the common pitfalls of neon-leaning yellows and feels much softer on the eyes.
Is Sand readable on white or black?
Sand has a 1.62:1 contrast ratio on white and 12.94:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.