Batch Brew
#45392f
Warm brown-gray for grounded UI panels and fills
About Batch Brew
Batch Brew is where warm and cool stop being opposites and just become texture. It's got enough brown underneath to feel lived-in, but the gray doesn't let it tip into coziness, there's a dryness to it, almost like looking at worn leather or coffee grounds. It doesn't announce itself the way Chocolate Pretzel does, and it won't cool the room down like Chinotto.
This is the one for backgrounds that need to recede without disappearing. Publishing platforms, content management systems, editorial layouts where the color should support the work rather than become part of it. It sits lower in saturation than its neighbors, which means it won't fight photography, muted type, or earth-tone accents the way brighter grays do. Against warm blacks or charcoal it feels grounded. Against sage or muted rust, it knows how to fade just far enough.
Use it when Black Panther feels too heavy for the grid but Chocolate Pretzel feels too active. Pair it with desaturated type and you get reading comfort without the warmth of actual brown.
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.