Bitter Melon

#cfd1b2

Muted bitter green beige for calmer, dustier panels

Save
Share

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 and more actual green than 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 , 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 , it doesn't need a gray backbone to steady itself. It's already there.

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

On Gray 100 #f5f5f5

Aa
1.44:1Fail

On Gray 900 #18181b

Aa
11.32:1AAA

On Black #000000

Aa
13.42: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

#d8cfb6
#d8cfba
#d8caa9
#ddd3ae
#dad0bb

Create a gradient with Bitter Melon

Open the generator with this color pre-loaded.

Start creating