Bitter Melon
#cfd1b2
Muted bitter green beige for calmer, dustier panels
About Bitter Melon
Bitter Melon sits in that awkward middle space where green stops being obvious and starts being a whisper underneath something else, dust, maybe, or dried herb. It's got less yellow than April Showers and more actual green than Banana Frappé, but it doesn't announce either fact. You're looking at a color that knows how to disappear into the background without becoming boring about it.
Use it on editorial layouts, SaaS dashboards, and publishing platforms where you need a foundation that holds type without fussing. It reads quieter than Berber, less cool, more intentional, and it won't fight the way the warmer greens in this family tend to. Pair it with charcoal or deep forest tones and it gains just enough definition to feel designed, not accidental. Against white it'll look slightly greenish. Against cream it'll flatten a touch. That shift is real, so test it.
The trick: this one works because it's muted without being apologetic. Unlike April Showers, it doesn't need a gray backbone to steady itself. It's already there.
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.