White Truffle
#efdbcd
Brighter warm gray for clean, soft backgrounds
About White Truffle
On my desk, White Truffle reads like a sheet that's been handled and coffee-warmed, not a crisp showroom white. It's light, but it doesn't feel washed out. Compared with Nectar, it holds a touch more body and stays steadier, with a creamier gray-beige lean instead of that softer paper-toasting. Compared with Delicate Bliss and Dallas Dust, it's less clay-saturated than Dallas Dust and less quietly airy than Delicate Bliss.
I use it when the page needs brightness without that cool, clinical pull. It's great for publishing CMS themes, e-commerce category pages, and product docs where headers need room to breathe but the background still feels grounded. In UI terms, it works nicely for empty states, secondary panels, and card gutters that sit next to neutral grays.
Quirk: on screens that run a bit cool, it can drift toward a flatter off-white, so I usually pair it with slightly warmer text grays to keep the tone consistent. the one you reach for when you want warmer-than-pure-white brightness without the heaviness of richer grays like Dallas Dust.
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.