French Porcelain
#f6f4f6
Neutral cool porcelain gray, quieter than lavender lifts
About French Porcelain
French Porcelain sits so close to white you might miss it entirely, until you realize that's the whole point. It's the palest thing in this family, almost disappeared, but there's a whisper of warmth underneath that keeps it from feeling sterile. Not purple like Cloud Break, not pink like Bubble Bath or Bride. This one's just barely tinted, the kind of color that works because nobody has to think about it.
Reach for it in light-mode interfaces where invisibility is the goal: design tools, productivity apps, anywhere the background should evaporate behind your content. Body text reads cleanly on it. Photography doesn't compete with it. It's the safest warm-neutral option when you need to pull away from pure white without committing to any real color. Works in healthcare dashboards, financial platforms, editorial layouts where restraint matters more than personality.
Pair it with deeper grays or soft blacks and it'll make them feel less harsh by proximity. Next to the warmer grays though, Bride, Bubble Bath, it'll read as cooler, which is useful information if you're building a hierarchy and need that separation to feel natural.
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.