Trail Dust
#d0c4ac
Dusty light taupe-green for airy UI panels
About Trail Dust
Trail Dust (#d0c4ac) looks like sun-bleached paper that picked up a faint green cast from nearby foliage. It's lighter than Dune and more muted than Pistachio Shell, but it doesn't tip into the sandy beige warmth of Castaway Beach. Instead, the undertone stays consistently green, with low saturation that reads calm rather than chalky.
I reach for it in product spec pages, onboarding for wellness and retail brands, and email templates where you want softness without that office-neutral feel. It also sits well behind long-form articles, product photography, and catalog grids because it gives text breathing room while keeping the background from feeling grey. If you're coming from those other warm lights, this one stays steadier and a touch cleaner, like a neutral that decided to stay green.
Pair it with deeper charcoal or muted olives, and watch next to bright yellow-greens, where Trail Dust can start to look a little flatter than you expected.
Code snippets
Copy this color into your project.
Contrast checker
WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.
On White #ffffff
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
Variations
Shades
Darker variations, created by mixing toward black.
Tints
Lighter variations, created by mixing toward white.
Tones
Muted variations, created by reducing saturation.
Hues
Hue rotations around the color wheel.
Temperatures
Warm and cool shifts of this color.
Color harmonies
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.
