Porcelain Mint

#dbe7e1

Neutral mint-gray for airy, calm surfaces

Save
Share

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 , it never turns toward skin warmth, so it stays neutral when your UI gets busy. And unlike , 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.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
1.27:1Fail

On Gray 100 #f5f5f5

Aa
1.17:1Fail

On Gray 900 #18181b

Aa
13.95:1AAA

On Black #000000

Aa
16.53:1AAA

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Create a gradient with Porcelain Mint

Open the generator with this color pre-loaded.

Start creating