Morning Bread
#e7e6de
Warm dusty gray for soft, readable panels
About Morning Bread
Picture a slice of toast that's just cooled: the crumb reads chalky and pale, not creamy. Morning Bread is a very light gray with a touch of warmth in the undertone, so it feels slightly friendlier than the cooler, almost-white grays nearby.
Compared with Apollo Landing, it keeps more personality because it's not as strictly neutral or nearly-white. Against Blanco and Gin Tonic, it reads less as ash and more as a muted, bread-toned haze. I use it for editorial and publishing layouts where large blocks of type need air, plus product dashboards and fintech UI when you want the background to sit back without going cold. It's the one you reach for when you're trying to keep things calm but still have the surface feel a little lived-in under real screens.
If you pair it with golden or peach accents, it tends to harmonize instead of contrast, but go too saturated and it will start to look dusty rather than crisp.
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.
