Beige and Sage

#bbc199

Warm beige base with sage-gray softness for calm panels

Save
Share

About Beige and Sage

Beige and splits the difference between a neutral and a green, and it does it without feeling compromised either way. It's warmer than '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 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.

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

On Gray 100 #f5f5f5

Aa
1.72:1Fail

On Gray 900 #18181b

Aa
9.45:1AAA

On Black #000000

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

Create a gradient with Beige and Sage

Open the generator with this color pre-loaded.

Start creating