Soy Milk
#d5d2c7
Neutral, slightly warm off-white gray for calm panels
About Soy Milk
Soy Milk reads like office paper that's been sun-warmed just a little. It's a light gray with a creamy, dusty undertone, not the tight cool structure of Concrete or the settled room-feel of Greybeard. Compared to those, it has more softness in the midtones, and it doesn't feel anchored. It feels like it's holding the page gently.
I reach for it when I need separation without getting into "almost white" territory. It's great for financial and legal tables, invoice and statement views, and document-style UIs where you want the canvas to stay calm while the typography does the work. It also shows up well in onboarding screens and editorial sidebars, especially when you're pairing with deep charcoals and muted ink tones and you want less glare than pure whites. the one you reach for when you need lightness with restraint.
Just don't push it next to very golden creams unless you're okay with the page turning warmer. If your accents are cold, Soy Milk can make them look a bit more muted than you expected.
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.