Mustang
#5e4a47
Moody taupe-gray with neutral balance, warmer than Lynx
About Mustang
On a screen, Mustang reads like a gray that's been lightly steeped in muted umber. (#5e4a47) It's warmer and more saturated than the quieter Lynx, but it doesn't go full brown like Chocolate Pretzel. Compared to Chinotto, it sits less cool, with a steadier, earthier undertone that feels more grounded than restrained.
I reach for Mustang in dashboards and finance apps when the UI needs depth without tipping beige. Think e-commerce admin panels, logistics and fleet reporting, and reporting screens where dense tables need a background that holds up under long reading. It also works well in CMS layouts, modal shells, and sidebars where you want the gray to feel intentional instead of dusty-neutral. It's the one you reach for when the rest of your palette runs warm, and you still want this surface to stay cohesive.
Pair it with off-white text and cooler charcoals for strokes, otherwise it can tip a little too heavy in large blocks.
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.
