Ivory Buff
#ebd999
Ivory-leaning green beige for airy, warmer contrast
About Ivory Buff
I keep landing on Ivory Buff when a background has to feel like warm paper under studio lights, not like a washed-out page. It's lighter than Beige and more deliberate than Creamy Ivory. Compared to Hazy Moon, it's less misty and more buttery in its yellow-green lean, so the color presence reads "handled," not "smudged."
For UI, I use it for dashboards and finance apps where the surface needs to be soft but still measurable against white cards. In brand work, it shows up in product grids for home goods, wellness, and recipe media because it won't fight photography the way stronger yellow-beiges can. It's the one you reach for when you want warmer than pure white without drifting into overt cream.
Pairing note: because it's gentler than Beige, it holds up best next to charcoal, deep olive, or cocoa browns. Keep it away from very desaturated greys or it can start to look flat next to them.
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.