Café Con Leche Chocolate Recipe: Spiced Cinnamon and Coffee Infusion

This café con leche chocolate recipe transforms a classic Spanish breakfast into a decadent, spiced treat that feels like a warm hug in a mug. The secret lies in balancing rich coffee and melted chocolate with a whisper of cinnamon, creating a velvety drink that’s both comforting and sophisticated.

I developed this version after craving something heartier than plain café con leche—something with depth and texture that makes mornings feel extra special.

The magic happens when you simmer coffee with milk and a cinnamon stick, then fold in high-quality chocolate until it melts into a luxurious, frothy consistency. This method ensures every sip delivers that perfect balance of bittersweet coffee, creamy milk, and aromatic spice—no clumps or graininess in sight.

The result is a drink that’s rich enough for dessert but warm enough for breakfast, making it versatile for any time of day.

What sets this apart is the textural contrast: the smooth, velvety chocolate meets the effervescent foam on top, while a sprinkle of cinnamon adds warmth and visual appeal. Serve it in a pre-warmed mug for that extra cozy touch, or top with whipped cream for a dessert-like finish.

It’s the kind of drink that turns an ordinary morning into something truly memorable.

Perfect for chilly mornings, lazy weekends, or even as an after-dinner treat, this café con leche chocolate is simple yet impressive—ideal for when you want to indulge without the fuss. Let’s get started on creating your own steaming cup of comfort.

Ingredients for cafe con chocolate

Rich coffee, velvety chocolate, and aromatic spices create this luxurious café con leche infusion.

The chocolate is non-negotiable here—70% or higher cocoa ensures depth without bitterness. I always grab Ghirardelli or Lindt for their smooth melt and rich flavor. If you're using bars, chop them into small, even pieces so they melt completely. The coffee should be strong—French press or espresso works best, but any brewed coffee will do. For the milk, whole milk gives the creamiest texture, but you can use half-and-half if you prefer an even richer mouthfeel. The cinnamon sticks add warmth and aroma—crush them slightly after simmering to release their oils fully.

No dark chocolate? High-quality semi-sweet chocolate works in a pinch, though it’ll be slightly sweeter. Short on coffee? Espresso powder dissolved in hot water gives the same intensity. The vanilla extract can be swapped for vanilla bean paste if you’re feeling fancy. For a nutty twist, toasted hazelnuts replace walnuts. If you’re making this ahead, store the chocolate-milk mixture in the fridge and reheat gently—just add a splash of milk to loosen it up. The whipped cream and nuts are purely optional but add that restaurant-quality touch—Trader Joe’s whipped cream is my go-to for convenience.

This drink tastes even better the next day—store the leftover mixture in an airtight container in the fridge for up to 3 days. To serve, simply reheat gently on the stove or microwave until steaming, then top with freshly whipped cream and a sprinkle of cinnamon. The chocolate will thicken slightly when cold, so stir it well before reheating. For extra indulgence, serve in pre-warmed mugs—it makes all the difference. The nuts and orange zest keep for 1 week in the pantry, so feel free to prep those ahead of time.

Step-by-step instructions for café con leche chocolate

Here's how to craft this velvety, spiced coffee-chocolate masterpiece with layers of warmth and depth.

In a medium saucepan, combine the 1.5 cups strong coffee, 2 whole cinnamon sticks, and 1 tsp orange zest. Bring to a gentle simmer over medium heat for 5 minutes, allowing the spices to steep and release their aromatic oils. You'll notice the coffee take on a subtle, complex fragrance—this is where the magic begins. Keep the heat low to prevent scorching the delicate spices.

After simmering, remove the pan from heat and let it steep for an additional 10 minutes. This resting period ensures maximum flavor extraction. Strain the coffee through a fine-mesh sieve into a clean saucepan, pressing gently on the cinnamon sticks to release any trapped oils. Discard the used cinnamon sticks and zest—they've done their job.

In the same saucepan (no need to wash it—the coffee flavors will meld beautifully), add the 4 oz chopped dark chocolate bars and 0.25 cup granulated sugar. Place the pan over low heat and stir gently until the chocolate melts completely, creating a glossy, molten base. You'll see the chocolate transform from solid chunks to a rich, velvety texture—this is your foundation.

Once fully melted, whisk in the 0.5 tsp vanilla extract and 0.125 tsp salt. The salt may seem counterintuitive, but it enhances all the flavors—especially the bitterness of the dark chocolate and the sweetness of the sugar. Stir constantly for 1 minute to ensure everything is perfectly incorporated. The mixture should be smooth with no visible sugar granules.

Gradually pour in the 2 cups whole milk while whisking continuously to prevent scorching. Return the pan to low heat and warm the mixture, stirring frequently, until it reaches 160°F—just below a simmer. This gentle heat allows the milk to fully integrate with the chocolate and coffee, creating a harmonious blend. You'll notice the mixture thicken slightly as the milk proteins coagulate.

Taste the mixture and adjust the sweetness if needed—this is your chance to personalize it. If it needs more depth, a pinch of salt or an extra sprinkle of cinnamon can elevate the flavors. Once satisfied, remove the pan from heat and let it cool slightly for 2 minutes before proceeding.

Divide the warm café con leche chocolate among 4 serving mugs, filling each about ¾ full. Dollop each mug with 1 tablespoon of the 0.25 cup heavy whipping cream and 1 tablespoon of the 0.25 cup whipped cream. Use a spoon to gently swirl the creams into the chocolate for a marbled effect—this adds a luxurious texture contrast.

Sprinkle each serving with 0.125 tsp (¼ tsp) of the 0.5 tsp ground cinnamon and 0.5 tbsp of the 2 tbsp chopped nuts for crunch and visual appeal. Serve immediately while the chocolate is still warm and the creams are soft. The aroma alone will transport you to a cozy café in Spain.

Flavor customization for these flavors

Spice Level Control

Adjust the cinnamon to taste—start with the 2 cinnamon sticks and 0.5 tsp ground cinnamon called for, but add ½ tsp extra ground cinnamon if you love warmth. For a subtler touch, reduce to 1 cinnamon stick total and skip the ground version.

If you’re feeling bold, add ¼ tsp cayenne pepper for a hint of heat that complements the chocolate beautifully. 🌶️

Sweetness Balance

The 0.25 cup sugar is a starting point, but taste as you go—some chocolates are sweeter than others. If using 85% cocoa chocolate, reduce sugar to 0.2 cup to avoid overpowering the bitterness.

For a caramel-like depth, stir in 1 tbsp brown sugar at the end. I’ve also swapped sugar for 1 tbsp honey or 1 tbsp maple syrup for a floral note.

Creamy or Light

For a richer texture, increase the heavy whipping cream to 0.5 cup total and top with extra whipped cream. For a lighter version, reduce milk to 1.5 cups and omit the heavy cream entirely.

If you’re avoiding dairy, use full-fat coconut milk instead—it adds a subtle tropical note that pairs surprisingly well with the spices.

Flavor Boosters

Infuse the milk with ½ tsp cardamom or ¼ tsp nutmeg while warming it for a Middle Eastern twist. A splash of 1 tsp orange liqueur (like Cointreau) brightens the drink, while 1 tsp espresso powder intensifies the coffee flavor.

For a nutty crunch, toast 1 tbsp hazelnuts and fold them into the warm mixture before serving.

Replace dark chocolate with milk chocolate for a sweeter profile, or use white chocolate with 1 tbsp cocoa powder for a creamy, vanilla-forward drink. For a Mexican-inspired version, melt 2 oz Mexican chocolate (tableta) instead—it’s already spiced with cinnamon and chili. Always chop chocolate finely to ensure a silky texture.

For a festive touch, stir in 1 tsp peppermint extract and top with crushed candy canes during the holidays. Make it a dessert by serving with chocolate-dipped shortbread cookies on the side.

For a breakfast-friendly version, reduce sugar to 0.125 cup and add 1 tbsp almond butter for protein. The possibilities are endless—let your mood guide the flavors! ✨

Frequently asked questions