Mocha Coffee Cake is the perfect mix of rich chocolate, bold coffee, and a soft, buttery crumb.
Every bite has deep mocha flavor with a sweet cinnamon streusel that makes it feel extra special.
It tastes amazing with a hot cup of coffee or tea and is simple enough to make any day of the week.
Why I Love This Recipe
I’ve always loved coffee cake, but adding coffee and chocolate turns it into something even better. The first time I made this recipe, I wanted a cake that tasted like my favorite café drink but could be served for breakfast, brunch, or dessert. After testing different amounts of cocoa and brewed coffee, this version became the winner. The cake stays soft, the streusel adds just the right crunch, and the coffee flavor makes the chocolate taste even richer without being overpowering.
What makes this recipe special:
- Soft, moist cake with rich mocha flavor.
- Easy ingredients you can find almost anywhere.
- Perfect balance of chocolate, coffee, and cinnamon.
- Buttery streusel adds a crunchy topping.
- Great for breakfast, brunch, or dessert.
- Even better the next day.
Servings
12 servings
Time
- Prep Time: 20 minutes
- Bake Time: 40 minutes
- Total Time: 1 hour
What You’ll Need
Ingredients
Cake
- 2 cups all-purpose flour
- ½ cup unsweetened cocoa powder
- 1½ teaspoons baking powder
- ½ teaspoon baking soda
- ½ teaspoon salt
- ½ cup unsalted butter, softened
- 1 cup granulated sugar
- 2 large eggs
- 1 teaspoon vanilla extract
- ¾ cup sour cream
- ½ cup strong brewed coffee, cooled
Mocha Streusel
- ½ cup all-purpose flour
- ⅓ cup brown sugar
- 2 tablespoons unsweetened cocoa powder
- 1 teaspoon instant espresso powder
- ½ teaspoon ground cinnamon
- ¼ cup unsalted butter, melted
Vanilla Glaze
- ¾ cup powdered sugar
- 2 tablespoons milk
- ½ teaspoon vanilla extract
Tools
- 9-inch square baking pan
- Mixing bowls
- Whisk
- Hand mixer or stand mixer
- Rubber spatula
- Measuring cups
- Measuring spoons
- Cooling rack
- Small bowl
- Wire whisk
Pro Tips
- Use cooled coffee so it doesn’t melt the butter mixture.
- Don’t overmix the batter once the flour is added. Stir only until combined.
- Sprinkle the streusel evenly so every bite gets a crunchy topping.
- Let the cake cool before glazing so the glaze stays on top.
- Brew strong coffee for the richest mocha flavor.
Substitutions and Variations
- Use Greek yogurt instead of sour cream.
- Swap espresso powder with instant coffee.
- Add ½ cup chocolate chips for extra richness.
- Replace vanilla glaze with chocolate glaze.
- Add chopped pecans or walnuts to the streusel.
Make Ahead Tips
Bake the cake one day ahead and keep it covered at room temperature. Add the glaze before serving for the freshest look.
Why This Recipe Works (Quick Science)
Coffee naturally makes chocolate taste deeper and richer without making the cake taste strongly like coffee. Sour cream adds moisture while helping create a soft crumb. Baking powder and baking soda work together to give the cake a light texture, while the melted butter in the streusel creates crisp, buttery crumbs as it bakes.
Recipe
Step 1: Prepare the Oven and Pan
Heat the oven to 350°F. Grease a 9-inch square baking pan and line it with parchment paper.
Step 2: Mix the Dry Ingredients
In a large bowl, whisk together 2 cups all-purpose flour, ½ cup unsweetened cocoa powder, 1½ teaspoons baking powder, ½ teaspoon baking soda, and ½ teaspoon salt until evenly mixed.
Step 3: Cream the Butter and Sugar
Beat ½ cup softened unsalted butter with 1 cup granulated sugar for about 3 minutes until light and fluffy. Beat in 2 large eggs, one at a time, then mix in 1 teaspoon vanilla extract.
Step 4: Finish the Batter
Add ¾ cup sour cream and ½ cup cooled brewed coffee to the butter mixture. Mix until smooth. Fold the chocolate dry ingredients into the wet mixture until no dry flour remains.
Step 5: Make the Streusel
Mix ½ cup flour, ⅓ cup brown sugar, 2 tablespoons cocoa powder, 1 teaspoon instant espresso powder, ½ teaspoon cinnamon, and ¼ cup melted butter until coarse crumbs form.
Step 6: Assemble the Cake
Spread the mocha batter evenly into the prepared pan. Sprinkle the mocha streusel evenly over the batter.
Step 7: Bake
Bake for 38 to 42 minutes, or until a toothpick inserted in the center comes out with only a few moist crumbs.
Step 8: Cool
Let the cake cool in the pan for 20 minutes, then transfer it to a cooling rack.
Step 9: Make the Glaze
Whisk together ¾ cup powdered sugar, 2 tablespoons milk, and ½ teaspoon vanilla extract until smooth. Drizzle over the cooled cake.
Leftovers and Storage
Store covered at room temperature for up to 3 days. Refrigerate for up to 5 days in an airtight container. Freeze individual slices for up to 2 months. Thaw overnight and warm slightly before serving.
Macros Information
Per serving (approximate)
- Calories: 345
- Protein: 5g
- Carbohydrates: 47g
- Fat: 15g
- Saturated Fat: 9g
- Fiber: 2g
- Sugar: 27g
- Sodium: 210mg
Common Mistakes
- Using hot coffee, which can affect the batter.
- Overmixing after adding the flour, making the cake dense.
- Underbaking the center.
- Glazing the cake while it’s still warm.
- Packing the flour instead of spooning and leveling it.
What to Serve With
- Fresh brewed coffee
- Espresso
- Cappuccino
- Hot chocolate
- Chai tea
- Fresh berries
- Vanilla ice cream
- Whipped cream
FAQ
Can I use instant coffee?
Yes. Dissolve 1 teaspoon instant coffee in ½ cup hot water, then let it cool before using.
Can I freeze this cake?
Yes. Wrap slices tightly and freeze for up to 2 months.
Can I make it ahead?
Yes. It tastes even better the next day after the flavors have blended.
Can I add chocolate chips?
Absolutely. Fold ½ cup semi-sweet chocolate chips into the batter.
Do I need espresso powder?
No. It adds richer coffee flavor but the cake is still delicious without it.
Final Thoughts
This Mocha Coffee Cake is everything a coffee and chocolate lover could want. It’s soft, rich, perfectly balanced, and easy enough to make whenever you’re craving something homemade. Whether you enjoy it with your morning coffee or serve it as an afternoon treat, it’s a recipe you’ll want to make again and again. If you try it, leave a comment and share how it turned out or any fun variations you made.
