Grizzly
#885818
Dusty warm umber for grounded yellow accents
About Grizzly
Grizzly feels like the moment a paper bag browns under warm shop lights, then dries out. It's not as muted and pull-back as Cold Brew Coffee, and it doesn't carry the deeper, more committed heat of Brownie or the red-lean of Chilli Con Carne. This one sits in the middle: a mid-depth brown with a steady, grained undertone that reads tactile without turning gritty.
I use Grizzly for UI surfaces where you want cohesion, not drama. Think coffee shop interfaces and POS-style screens, dark mode product dashboards, editorial sidebars, and section dividers that need to look grounded without getting heavy. In button states and card backgrounds, it stays legible on warm neutrals, but it won't fight cream tones the way the warmer browns do. It's the one you reach for when other yellower browns start feeling too soft or too golden.
Pair it with warm off-whites and toasted neutrals. Push it beside cool grays and it can go flat, especially if your layout has lots of low-contrast midtones.
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.