Oat Milk
#dedacd
Creamy light gray-beige warmth, softer than Cocoon
About Oat Milk
Oat Milk is the color you notice on a matte wall right after daylight hits it: creamy, but not beige, and way less theatrical than a "warm neutral." Compared to Cocoon, it sits a touch more grounded, with a drier, oat-lean undertone that doesn't push toward soft cream. And unlike Cappuccino Cosmico, it avoids that slightly richer, warmer gray pull.
It's my go-to background for quiet UI where you want clarity without the faint "paper" warmth becoming the headline. Think SaaS dashboards, newsroom publishing surfaces, and ecommerce product pages where type stays crisp and photography can breathe. Oat Milk's lighter, less dense feel than Fossil Stone also helps it read consistently across different screens without looking like an intentional dark mode buffer.
Pair it with deep charcoals and low-saturation blues for a calm editorial stack. If you go too warm, it can start to look like off-white trim instead of a true gray family option.
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.