Tobacco Leaf

#8c724f

Smoky warm ochre-taupe anchor, darker than Guinea Pig

Save
Share

About Tobacco Leaf

Tobacco Leaf reads like the label on an old pouch left in late-afternoon light: warm, but not bright, with a calm golden-brown drift. Compared to , it's a touch deeper and more saturated, with fewer toasted-yellow cues and less of that envelope-interior softness. It also avoids 's heavier clay note and oxide pull, so it doesn't feel gritty or opaque.

In UI, I use Tobacco Leaf when I need a brown with steady warmth that still stays crisp against off-whites. Think distillery and specialty food sites for section headers and quiet primary buttons, plus hospitality booking screens where you want cohesion without leaning into red-brown weight. It's closer to in temperature, but it holds onto more color and looks less dusty, so it won't flatten next to cream.

Pair it with cream or soft sand for a grounded look, and don't push it next to very gray browns, or it can start to look muddy by comparison. the one you reach for when you want warmth that feels lived-in, not muted.

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
4.53:1AAAAA Large

On Gray 100 #f5f5f5

Aa
4.16:1FailAA Large

On Gray 900 #18181b

Aa
3.91:1FailAA Large

On Black #000000

Aa
4.63:1AAAAA Large

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

#857349
#8a7561
#7f7755
#987652

Create a gradient with Tobacco Leaf

Open the generator with this color pre-loaded.

Start creating