Matt White
#ffffd4
Brighter, cooler matt white with subtle gray
About Matt White
Matt White is the background I notice because it doesn't feel like paper or daylight, it feels like it's been softly tinted into gray. Compared to Parmesan and Good Morning, it's a step cooler and a touch more disciplined, so the warmth stays in check and the "off-white" reads cleaner. Versus Cheesecake, it never trips into that yellow-present middle ground. It's bright, but not trying to be noticed.
Use it when you want dashboards and finance apps to stay calm while charts, tables, and dense forms hold their structure. It also works well behind admin panels for retail ops, HR systems, and subscription billing where you need lots of UI chrome to recede. For print and marketing pages with heavy typography next to photography, it keeps the page feeling warmer than pure white without turning the whole layout into a buttery wash.
Quirk: if you pair it with very cool grays for borders, the stack can look slightly gray-on-gray. I tend to nudge labels one shade warmer so it stays the one you reach for when you want clean, bright neutrality with restraint.
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.