Arabica Mint
#c0ffee
Creamy mint-cast gray for softer, warmer contrast
About Arabica Mint
Arabica Mint sits somewhere between a whisper and a statement, it's got real presence, actual saturation, the kind of pale that doesn't disappear on you. Unlike Candied Snow, which leans on green to feel alive, or Beluga, which barely tries at all, this one feels deliberately chosen. There's enough mint coursing through it to read as intentional without tipping into color-choice territory.
Reach for it in dark mode interfaces for fintech, SaaS dashboards, and healthcare platforms where you need backgrounds that hold their ground but still feel approachable. Input fields, secondary panels, disabled button states, body text over dark, places where Cold Canada might feel too pale and Beluga too neutral. It's got the backbone to work in dense, information-heavy layouts without asking for much in return.
The thing to watch: pair it with teals or greens and it flattens fast. It wants blues and actual cool grays nearby, where that mint undertone becomes an advantage instead of competing noise. Test it early against your real background values, it works harder than lighter grays, but it still needs contrast to sing.
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.