Porcelain Mint
#dbe7e1
Neutral mint-gray for airy, calm surfaces
About Porcelain Mint
I keep coming back to Porcelain Mint when a surface needs to feel airy, but not pinked-up or icy. It sits in that in-between zone: a very light gray with a whisper of green-mint coolness, so it reads softer than a crisp, shard-like tone and more grounded than something that drifts milky.
Compared with Frosty Pink, it never turns toward skin warmth, so it stays neutral when your UI gets busy. And unlike Shattered Ice, it's smoother and less "fractured high-key." I use it in light mode layouts for healthcare portals, wellness apps, and consumer SaaS where panels should recede without looking sterile. It also behaves well in dashboards and finance apps, acting as a calm background for form fields, disabled states, and secondary navigation.
Pair it with clean whites or gentle gray-blue accents, and it'll keep cards from flattening. If you drop it next to warmer grays, watch the balance, because the mint undertone will make the neighbor feel more beige by comparison.
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.