Moth
#cbc1a2
Dusty yellow-green for dry, muted UI accents
About Moth
I keep coming back to Moth when I want a light green-neutral that looks sun-bleached but not chalky. It's more yellowed than a typical green, yet it never tips into the richer amber of Ancestral Gold. Compared to Castaway Beach and Beach Dune, it holds onto a faint earthy tint instead of going fully sand-warm or purely neutral.
On real pages, Moth is the soft layer that lets content do the talking. I use it for UI shells and settings panels in design systems, for CMS editorial backgrounds where headlines need breathing room, and in product pages for wellness and lifestyle brands that want "grounded" without going brown. If you've got Chopped Almonds too heavy for your layout, Moth gives you the same restrained warmth, but at a lighter weight.
Pair it with deep charcoal and warm off-whites. If your photography runs cooler, Moth can read slightly muddier than expected, so sanity-check it against the actual images you'll publish.
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.