Foggy Plum
#b7a5ad
Muted plum-gray for softer, warmer neutral layers
About Foggy Plum
Foggy Plum sits warmer than Grey Sheep and darker than Dangerous Robot, it's got a mauve undertone that actually shows up instead of hiding. Where those two read like they're trying to be invisible, this one's got a small opinion about temperature. It's not neutral pretending to be neutral. It's gray that admits it leans toward rose.
This is the background you pick for editorial layouts, publishing apps, and long-form reading interfaces where you want something softer than Cool Turkey but still grounded. It works in healthcare design, wellness apps, anything where sterile gray feels wrong but you can't go full warm. Dark text punches through it clearly. Photography doesn't compete with it. The saturation's just restrained enough that it doesn't feel like a statement, but that mauve pull means it plays better with certain palettes than with others.
Pair it with cooler accents and the warmth retreats. Pair it with warm blacks or dusty teals and the undertone becomes the whole story. Test it against your actual type weight first, lighter text will reveal that plum more than bold will.
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.