Tobacco
#684f3c
Muted tobacco brown for warm, readable UI
About Tobacco
Tobacco looks like the brown you get when old paper and oiled wood share the same desk lamp. It's not as dark and room-owning as Black Power, and it doesn't fade back into quiet like Bison. Compared to Coffee, it's a touch less overtly red, with a drier, earthier undertone that feels more aged than inviting.
In layout work, I use Tobacco when I need warmth without the "talkative" attitude of more red-brown neighbors. Think heritage packaging and restaurant menu systems where backgrounds should feel settled, plus product interfaces like editorial cards and default states for the one you reach for when brown needs to read grounded, not demanding. It holds attention better than Bison, but it never pushes the harsh finality Black Power brings.
Pairing note: Tobacco likes warm creams and straw off-whites. With cool grays it can look a little dusty fast, so keep the surrounding palette in the same temperature family.
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.