Medium Roast
#3c2005
Richer yellow-brown midtone for cocoa heat, less red
About Medium Roast
Medium Roast looks like a fresh espresso sheeted thin over paper, then mellowed just enough that the edges stop shouting. It reads richer than Close but No Cigar, because it actually commits to a steady warmth instead of wavering. And it's deeper than Chocolate Castle, but not austere. The undertone sits in a soft amber-brown sweet spot, with medium saturation and a touch more lightness, so it feels present without creeping toward near-black.
I reach for this in brand bars and info panels where Yellow needs real weight. Think retail packaging backers, restaurant microsites, and product detail pages that have cream type and want contrast that doesn't turn gray-brown. It's also solid for UI shells and dense content areas in dashboards and finance apps, where you want depth that stays readable and not tobacco-muted. Compared to Délicieux au Chocolat, it's a bit cleaner and firmer, less "cooled chocolate," more steady roasted yellow-brown.
Pair it with warm creams and off-white, and it holds. Next to very cool browns it can look slightly too cozy, like it's breaking formation, so be deliberate with your neighbor choices.
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.