Mint Coffee
#ccffee
Softer mint-gray with coffee warmth, less icy than Crushed Ice
About Mint Coffee
Mint Coffee looks like it got dragged through coffee grounds and came out calmer. On my monitor it reads as a very pale, slightly creamy gray with a restrained mint tint, not the crisp cyan push you get from Crushed Ice, and not the greener, more living wash of Candied Snow.
I use it when I want a soft, mint-leaning gray that stays readable over dark UI without feeling minty in a loud way. Dashboards and finance apps love it for secondary panels, quiet form backgrounds, and disabled button states where the surface should feel lightly textured. Compared to Arabica Mint, which feels deliberately present, Mint Coffee is more muted and quieter. It holds temperature better too, because it doesn't swing blueward as easily as Crushed Ice.
Pair it with cooler grays and blue-leaning accents. If you drop it next to saturated teals or greens, the tint competes and the whole area can flatten.
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.
