Coconut Milk
#eeebe2
Warm, creamy gray with milk-calm softness for UI panels
About Coconut Milk
Coconut Milk is lighter than Blanc Cassé but warmer than Bianca, it's the in-between that actually works. There's enough cream in it to feel like a deliberate choice, but it doesn't shout. Set it next to pure white and you see the difference immediately. Set it next to its grayer siblings and you notice it breathes a little easier.
Reach for this in editorial layouts, product dashboards, and packaging where the background needs to feel present without competing. It pairs naturally with warm blacks and mid-tone type because there's just enough saturation to anchor the palette without that sterile institutional reading. Unlike Béchamel, it won't drift as noticeably across different monitor calibrations, the color is stable enough that you're not second-guessing yourself on cheaper screens.
The difference: it's warmer than Blanc Cassé but grayer than Béchamel, which makes it the easier reach when you're not sure which direction your palette is leaning. It doesn't demand a cool or warm commitment. Just works.
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.
