Béchamel
#f4eee0
Creamy gray-beige for softer, warmer off-white UI
About Béchamel
Béchamel sits between Bianca's near-invisibility and Cotton Field's deliberate grayness. It's got actual warmth, not the restraint of Birch White, not the aggressive neutrality of Cotton Field, just a soft cream undertone that reads as intentional. You notice it's there, but it doesn't demand anything from you.
Use it in editorial layouts, SaaS dashboards, and publishing platforms where you need a stage that feels inhabited, not sterile. Pair it with mid-tone type or warm blacks and it works harder than it looks, giving content room to breathe without that cold, institutional feel. It's warmer than Birch White's whisper but grayer than Au Clair de la Lune, which means it plays better with neutral palettes than its peachy siblings.
The catch: it's a bit more sensitive to calibration drift than Cotton Field. That warmth reads differently on cooler screens versus warmer ones. Test on your actual setup before committing to large surfaces. It's the kind of color that rewards a second look on the reference monitor.
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.