Béchamel

#f4eee0

Creamy gray-beige for softer, warmer off-white UI

Save
Share

About Béchamel

Béchamel sits between 's near-invisibility and 's deliberate grayness. It's got actual warmth, not the restraint of , not the aggressive neutrality of , 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 '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 . 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.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
1.16:1Fail

On Gray 100 #f5f5f5

Aa
1.06:1Fail

On Gray 900 #18181b

Aa
15.31:1AAA

On Black #000000

Aa
18.15:1AAA

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

Create a gradient with Béchamel

Open the generator with this color pre-loaded.

Start creating