Desert
A soft earthy yellow with warm undertones
Desert is a muted, warm yellow that carries an earthy undertone. This unsaturated shade offers a mellow alternative to brighter primaries, making it effective for backgrounds or spring-themed designs. Because it provides strong contrast with black text, it works well for readable UI copy. The hex code #ccad60 pairs best with deep charcoals rather than pure white, which can make the color appear washed out.
About Desert
Late sun on a stucco wall
What does desert mean?
It commonly calls up dry grasses, harvested fields, and the pale gold of late afternoon light. Its low saturation keeps it mellow, and its mid lightness reads as soft and dry rather than loud or heavy.
Where you see desert
- dry grass
- sandstone
- wheat fields
- straw hats
- parchment
- adobe walls
What it works for
It works well for earthy interiors, textile prints, food packaging, and warm-toned illustration backgrounds.
What colors go with desert?
Terracotta #e2725bBoth share an earthy warmth, so the pair reads as one sun-baked palette.Teal #008080The cool blue-green sits opposite on the wheel, making this yellow look warmer and richer.Olive #808000Neighbor hues at similar saturation blend easily and keep the whole palette dry and grounded.Charcoal #36454fA near black gives the pale yellow structure and keeps the pairing from washing out.Cream #fffdd0Two warm lights side by side build a soft, low-contrast scheme for gentle designs.
Questions about Desert
What is the hex code for Desert?
Desert is #ccad60. In RGB that is rgb(204, 173, 96), in HSL hsl(43, 51%, 59%) and in CMYK 0%, 15%, 53%, 20%.
Why is #ccad60 considered a good choice for UI copy?
This shade provides a high enough contrast ratio against dark text to remain legible while serving as a softer, less aggressive alternative to standard bright primaries. It creates a calm, organic aesthetic that works effectively for backgrounds in wellness or spring-themed interfaces.
Is Desert readable on white or black?
Desert has a 2.16:1 contrast ratio on white and 9.71: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.