Hemp
#987d73
Muted hemp tan, steadier than rosy clay tones
About Hemp
Hemp looks like an orange you'd find on a fiber label pulled from a well-worn tote. It's lighter than Chocolate Temptation and more neutral than Amaretto, with a beige-leaning undertone that keeps it from turning peachy or rusty.
In UI, it's the kind of shade that reads grounded but still warm, especially in dashboards and finance apps where you want category accents that don't compete with data. I use it for chip fills, secondary button backgrounds, and muted state indicators when the surrounding neutrals are oatmeal or warm greige. Compared to Earthbound's dustier clay softness, Hemp stays a touch clearer and less subdued, so it holds up better next to cream without flattening.
Pair it with soft charcoal, cream, or natural linen. If you push it against cool, blue-leaning grays, it can start to feel slightly washed out.
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.