Afternoon Coffee
#6e544b
Muted coffee-brown warmth, softer than terracotta orange-browns
About Afternoon Coffee
Afternoon Coffee is what happens when you want brown but you're not ready to let go of warmth entirely. It's darker and less saturated than Acorn or Annatto, those two still feel like they're announcing something. This one doesn't. It's settled into itself, the kind of shade that works because it's quiet, not because it's trying.
Pull it for food and beverage interfaces, editorial details, and product packaging where you need an accent that reads as grounded without feeling heavy. It lands cleanly on midtone and light backgrounds alike, and it won't flatten the way Chocolate Bliss sometimes does. Unlike Chocolate Bliss, which recedes, this one actually holds its place in the layout. Unlike Annatto, which still leans noticeably orange, Afternoon Coffee has stopped negotiating, it's committed to being brown.
It's moodier and cooler than Acorn, which means it pairs better with warm grays and charcoals than with cream. Test it next to white and you might find it reads slightly warm, but that's exactly what keeps it from disappearing into backgrounds where deeper browns would vanish.
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.