Mint Chip

#cfebea

Cool mint-gray with softer contrast for airy UI

Save
Share

About Mint Chip

Mint Chip looks like condensation-tinted daylight on a mint wrapper, but steadier. It's a pale gray with a soft green lean, yet it doesn't tip fully into the more cyan edge of Jet d'Eau. Compared to Castle in the , it feels slightly less "balanced-cool" and more quietly minty, with a calmer saturation that keeps it from reading as assertive on a canvas.

I use it when the UI needs to feel fresh without turning into near-white. Think dashboards and healthcare interfaces where you want secondary surfaces to read clean, not sterile, and form backgrounds that should stay gentle behind dense text. It's the one you reach for when you want that light, airy mood but still need a shade that holds its character next to neutral grays.

One quirk: place it beside warmer whites and it'll look more green and softer. Next to cooler grays it stays composed, and the mint stays subtle rather than "mint-forward."

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.26:1Fail

On Gray 100 #f5f5f5

Aa
1.15:1Fail

On Gray 900 #18181b

Aa
14.11:1AAA

On Black #000000

Aa
16.72: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.

Similar colors

Create a gradient with Mint Chip

Open the generator with this color pre-loaded.

Start creating