Taupe
#b9a281
Earthy taupe green for grounded, low-key sections
About Taupe
Taupe always looks slightly "worn-in" to me, like a calm cast over tan paper. It's green-family, but it doesn't go yellow-gold the way Curry Sauce can, and it feels more grounded and neutral than Medallion's warmer, shinier midtone. Compared with Bangalore, Taupe reads a touch lighter and less saturated, so it behaves more like a settled base than a decision-making highlight.
I use Taupe when I want a background or surface that supports content without tugging the page toward either honey or tea-brown. It's great for logistics and supply-chain media templates when you need restrained section blocks, and it also works for UI "containers" in dashboards and finance apps where charts need room to breathe. It's also the one you reach for for muted badges, legend pills, and table row accents that should look deliberate but not fussy.
Quirk: on very bright whites it can read a little cooler and slightly dusty, so I'll usually pair it with a deeper olive or a warmer cream to keep the undertone from flattening.
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.