Beige and Sage
#bbc199
Warm beige base with sage-gray softness for calm panels
About Beige and Sage
Beige and Sage splits the difference between a neutral and a green, and it does it without feeling compromised either way. It's warmer than Bok Choy's almost-gray restraint but nowhere near as yellow as Court-Bouillon. The saturation sits just high enough that you read it as intentional green, not beige trying to hint at something. It lands with actual personality.
Reach for this on product interfaces, wellness apps, and editorial backgrounds where you need green that reads calm without disappearing. It holds type the way Bok Choy does, pairs easily with warm grays and wood like Court-Bouillon does, but it's got a gentler touch than either. Unlike Bitter Melon, there's no flatness against cream, it stays slightly warm and present. Against white it reads noticeably greener, which makes it work better when you need the color to actually register.
The thing to know: this warmth means it'll feel slightly off in very cool color systems. But next to natural materials, muted terracottas, or soft neutrals, it settles immediately and looks like you knew exactly what you were doing.
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.