White Porcelain
#f8fbf8
Soft neutral white with clean, porcelain-cool balance
About White Porcelain
White Porcelain looks like the top edge of a clean ceramic mug after you wipe it down. It reads as white, but it has a faint gray veil that keeps it from feeling sterile. Compared to Emptiness, it doesn't vanish into "just paper"; there's a barely-there body to it. And unlike Honeydew, it doesn't drift toward green, even under cooler display profiles.
I use it as a light neutral when I want UI chrome that stays calm, not disappear-y. Think editorial product pages with dense specs, fintech dashboards and admin screens where tables need breathing room, and white surfaces for documentation and help centers that must feel controlled. It's cool-neutral and slightly more present than Snow White, so it won't tip bluish beside warmer near-whites while still keeping typography crisp.
One quirk: because the gray is subtle, it can look like "regular white" on bright panels. I treat it like a background layer and reserve your true white for highlights, separators, and focused states.
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.