Noble Cream
#e1dace
Softer, cooler gray-cream for airy backgrounds
About Noble Cream
I reach for Noble Cream when a gray needs to feel steady, not faded. It's a soft, pale field with a gentle, milky cast, but it stays more clearly gray than Merino and definitely less beige-dusty than Last Straw. Compared to Albescent, it doesn't hover so close to white. It has a bit more body, so layouts look "set" rather than barely there.
For dashboards and finance apps, Noble Cream gives charts and data tables room to breathe without making the UI feel clinical. I also like it in publishing templates for long-form reading, especially for editorial sidebars where you want clean hierarchy and typography that doesn't fight the background. The mood is calm and composed, more like a buffered workspace than a brightness check.
Pair it with accents that are a touch cooler or darker so elements read crisp. If you go too neutral, it can blur into other light grays fast, so borders and dividers need a little intention.
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.