Sauerkraut
#eee0b9
Muted, dry yellow-green for restful panels
About Sauerkraut
I keep Sauerkraut in my light-background set because it looks like pressed paper after it's had a little time in the sun: creamy, but with a muted green cast that never turns fully yellow. Compared with Beurre Blanc, it has more color body and less of that nearly-neutral, pale cream softness. Versus Soft Butter and James Blonde, it doesn't read as beige first. It stays steadier and greener, with a slightly chalky lightness that feels more "fermented" than buttery.
Use it when you need warmth without the golden pull: product and packaging previews for food brands, ecommerce spec sheets, and editorial category pages where photos still need a calm field. In UI, it works nicely for onboarding screens, marketing dashboards, and settings pages that sit between quiet charts and darker green actions, especially when your typography is midweight and you don't want the background to fight it. It's the one you reach for when Creamy Vanilla feels too generic and Cloud-of-cream-like whites start to look cautious.
Pair it carefully with espresso or deep forest greens, but watch very warm browns since they can make the green undertone feel dull.
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.