This Mocha Coffee Cake Recipe brings together rich chocolate, aromatic coffee, and a buttery cinnamon streusel in one delicious homemade dessert. The cake has a soft, tender crumb thanks to sour cream, while the chocolate crumb topping adds a delightful contrast of textures. A sweet coffee glaze finishes everything with just the right touch of mocha flavor.
Whether you’re preparing a weekend brunch, celebrating a special occasion, or simply craving something sweet with your afternoon coffee, this homemade mocha cake is a wonderful choice. It’s easy enough for everyday baking but impressive enough to share with family and friends.
Why You’ll Love This Recipe
There are plenty of reasons to fall in love with this chocolate coffee cake.
- Rich mocha flavor: Brewed coffee enhances the chocolate notes in the streusel and creates a beautifully balanced dessert.
- Soft and moist texture: Sour cream keeps the cake tender without making it heavy.
- Irresistible streusel topping: A buttery mixture of cocoa powder, cinnamon, and brown sugar creates delicious chocolate crumbs.
- Simple ingredients: Everything comes together using familiar baking staples.
- Perfect for sharing: This cake is ideal for family gatherings, brunches, afternoon snacks, and special occasions.
- Easy to customize: Adjust the coffee strength, use Greek yogurt instead of sour cream, or add chocolate chips for extra richness.
The combination of fluffy cake, chocolate cinnamon streusel, and smooth coffee glaze makes every slice feel like a little bakery-style treat.
Ingredients
For the Cake
- 1 ¾ cups all-purpose flour
- 1 cup granulated sugar
- ½ cup unsalted butter, softened
- 2 large eggs
- ½ cup sour cream or plain Greek yogurt
- ¼ cup brewed coffee, cooled
- 1 ½ teaspoons baking powder
- ½ teaspoon baking soda
- ½ teaspoon salt
- 1 teaspoon vanilla extract
For the Chocolate Streusel Topping
- ½ cup all-purpose flour
- ½ cup packed light brown sugar
- 2 teaspoons ground cinnamon
- 3 tablespoons unsweetened cocoa powder
- ¼ cup unsalted butter, cold and cubed
For the Coffee Glaze
- 1 cup powdered sugar
- 2 tablespoons brewed coffee, cooled
Instructions
Step 1: Prepare the Oven and Baking Pan
Preheat your oven to 350°F (175°C).
Grease a 9-inch round cake pan or an 8-inch square baking pan with butter or nonstick cooking spray.
Line the bottom with parchment paper if you want to make removing the cake easier.
Step 2: Make the Chocolate Streusel
In a medium mixing bowl, combine the flour, brown sugar, cinnamon, and cocoa powder.
Add the cold, cubed butter.
Using a pastry cutter, fork, or your fingertips, work the butter into the dry ingredients until the mixture resembles coarse crumbs.
Some larger buttery pieces are perfectly fine. They will create delicious pockets of streusel as the cake bakes.
Place the topping in the refrigerator while you prepare the cake batter.
Step 3: Combine the Dry Ingredients
In a separate bowl, whisk together the flour, baking powder, baking soda, and salt.
Mix until evenly combined, then set aside.
Step 4: Cream the Butter and Sugar
In a large mixing bowl, beat the softened butter and granulated sugar using an electric mixer.
Continue mixing for approximately 2–3 minutes, until the mixture becomes light and fluffy.
This step helps create a soft, tender cake.
Step 5: Add the Eggs and Vanilla
Add the eggs one at a time, beating well after each addition.
Mix in the vanilla extract until incorporated.
Scrape down the sides of the bowl as needed to ensure everything combines evenly.
Step 6: Add the Sour Cream and Coffee
Mix in the sour cream and cooled brewed coffee.
The mixture may look slightly separated at this stage, which is normal.
Continue mixing just until the ingredients are combined.
Step 7: Incorporate the Dry Ingredients
Gradually add the flour mixture to the wet ingredients.
Mix on low speed or fold gently with a spatula until no visible streaks of flour remain.
Avoid overmixing, as this can make the finished cake dense rather than soft and fluffy.
Step 8: Assemble the Cake
Transfer the batter to the prepared baking pan.
Spread it evenly using a spatula.
Remove the chocolate streusel from the refrigerator and sprinkle it evenly over the batter.
Gently press a few larger crumbs into the surface so the topping stays in place.
Step 9: Bake the Cake
Bake for approximately 35–45 minutes, or until a toothpick inserted into the center comes out clean or with a few moist crumbs.
If the topping begins to brown too quickly, loosely cover the pan with aluminum foil during the final minutes of baking.
Allow the cake to cool in the pan for approximately 15 minutes before transferring it to a wire rack.
Step 10: Prepare the Coffee Glaze
In a small bowl, whisk the powdered sugar with the cooled brewed coffee.
Continue mixing until smooth.
If the glaze is too thick, add a little more coffee, one teaspoon at a time.
If it becomes too thin, add a small amount of powdered sugar until it reaches your preferred consistency.
Step 11: Glaze and Serve
Once the cake has cooled completely, drizzle the coffee glaze over the chocolate streusel.
Allow the glaze to set for approximately 10–15 minutes before slicing.
Your Mocha Coffee Cake Recipe is now ready to serve.
Enjoy a slice with coffee, tea, or a cold glass of milk.
Tips & Tricks
Use room-temperature ingredients
Allow the butter, eggs, and sour cream to come to room temperature before mixing. This helps the ingredients blend smoothly and creates a more even cake texture.
Cool the brewed coffee
Hot coffee can soften the butter too much and affect the batter’s consistency. Allow it to cool before adding it to the mixture.
Avoid overmixing
Once the flour is incorporated, stop mixing. Excessive mixing develops gluten and can result in a dense cake.
Keep the streusel butter cold
Cold butter creates distinct crumbs that hold their shape during baking. If the topping becomes too soft, refrigerate it for 10 minutes before using.
Choose good-quality cocoa powder
Unsweetened cocoa powder gives the streusel its rich chocolate flavor. Dutch-processed cocoa can also be used in the topping for a smoother, darker chocolate taste.
Adjust the coffee strength
Use a stronger brewed coffee for a more pronounced mocha flavor or a milder coffee for a subtler result.
Decaffeinated coffee is another option if you want to reduce the caffeine content.
Do not glaze a warm cake
Wait until the cake cools completely. Otherwise, the glaze may melt into the topping instead of forming a beautiful drizzle.
Check for doneness carefully
Insert a toothpick into the cake portion rather than a large pocket of streusel. A few moist crumbs are fine, but wet batter means the cake needs more time.
Details
- Prep Time: 20 minutes
- Cook Time: 35–45 minutes
- Cooling and Glazing Time: 30 minutes
- Total Time: Approximately 1 hour 35 minutes
- Yield: 10 servings
- Category: Dessert, Breakfast, Brunch
- Method: Baking
- Cuisine: American-Inspired
- Difficulty: Easy
- Dietary Notes: Vegetarian, halal-friendly when prepared with suitable ingredients; contains wheat, eggs, and dairy.
Notes
Greek yogurt substitution
Plain Greek yogurt works well in place of sour cream. Choose full-fat yogurt for the richest texture.
Extra chocolate flavor
Fold ½ cup of semisweet chocolate chips into the batter before transferring it to the baking pan.
Nutty streusel variation
Add ¼ cup of chopped walnuts or pecans to the streusel mixture for extra crunch.
Decaffeinated option
Replace regular brewed coffee with decaffeinated coffee in both the cake and glaze.
Coffee-free glaze
For a milder dessert, replace the brewed coffee in the glaze with milk and a small splash of vanilla extract.
Serving suggestions
Serve slightly warm or at room temperature with fresh strawberries, raspberries, whipped cream, or a scoop of vanilla ice cream.
For a cozy breakfast or brunch, pair a slice with freshly brewed coffee or a cappuccino.
Nutrition
Approximate nutritional values per serving, based on 10 servings:
- Calories: 445 kcal
- Protein: 5 g
- Carbohydrates: 65 g
- Fat: 19 g
- Saturated Fat: 11 g
- Fiber: 2 g
- Sugar: 43 g
- Sodium: 245 mg
Nutritional values are estimates and may vary depending on the ingredients, brands, substitutions, and portion sizes used.
FAQ
1. What makes mocha coffee cake different from regular coffee cake?
Mocha coffee cake combines the flavors of chocolate and coffee, while traditional American coffee cake often features cinnamon, brown sugar, and a crumb topping without brewed coffee in the batter.
This version brings both styles together with a tender sour cream cake, chocolate cinnamon streusel, and sweet coffee glaze.
2. Can I make this chocolate coffee cake without sour cream?
Yes. Plain Greek yogurt is an excellent substitute for sour cream.
Use the same quantity and choose full-fat yogurt for a rich, moist texture.
The yogurt adds a gentle tanginess that balances the sweetness of the cake and glaze.
3. Can I make this easy mocha cake ahead of time?
Absolutely.
Bake the cake one day in advance and allow it to cool completely.
Store it in an airtight container at room temperature overnight, then add the coffee glaze shortly before serving.
This makes it a convenient dessert for brunches, holidays, and family gatherings.
4. How do I keep mocha coffee cake moist?
Use room-temperature ingredients, measure the flour accurately, and avoid overmixing the batter.
Sour cream also helps retain moisture.
Remove the cake from the oven as soon as a toothpick inserted into the center comes out without wet batter.
Overbaking is one of the most common reasons homemade cakes become dry.
5. Can I use instant coffee instead of brewed coffee?
Yes.
Dissolve instant coffee granules in water according to the package directions, then allow the mixture to cool.
Use ¼ cup for the cake batter and approximately 2 tablespoons for the glaze.
Adjust the strength according to your taste.
6. Can I freeze coffee cake with streusel topping?
Yes. This cake freezes well, particularly before adding the glaze.
Wrap individual slices tightly in plastic wrap and place them in a freezer-safe container.
Freeze for up to 3 months for the best quality.
Thaw overnight in the refrigerator or at room temperature before serving.
Storage
Room Temperature
Store the completely cooled cake in an airtight container at room temperature for up to 2 days.
Keep it in a cool, dry location away from direct sunlight.
Refrigerator
For longer storage, refrigerate the cake in an airtight container for up to 5 days.
Allow individual slices to come to room temperature before serving for a softer texture.
Freezer
Freeze the cake for up to 3 months.
For the best results, freeze it without the coffee glaze.
Wrap individual slices tightly in plastic wrap, then place them in a freezer-safe bag or container.
Reheating
Warm individual slices in the microwave for approximately 10–15 seconds.
If the cake is already glazed, use short intervals to prevent the glaze from melting excessively.
Alternatively, enjoy the cake at room temperature.
Similar Recipes
If you enjoy this homemade chocolate coffee cake, you may also love these delicious baking ideas.
1. Pistachio Tiramisu – Easy Creamy Italian Dessert
2. White Chocolate Raspberry Tiramisu
Mocha Coffee Cake Recipe with Chocolate Streusel
Ingredients
For the Cake
- 1 ¾ cups all-purpose flour
- 1 cup granulated sugar
- ½ cup unsalted butter softened
- 2 large eggs
- ½ cup sour cream or plain Greek yogurt
- ¼ cup brewed coffee cooled
- 1 ½ teaspoons baking powder
- ½ teaspoon baking soda
- ½ teaspoon salt
- 1 teaspoon vanilla extract
For the Chocolate Streusel Topping
- ½ cup all-purpose flour
- ½ cup packed light brown sugar
- 2 teaspoons ground cinnamon
- 3 tablespoons unsweetened cocoa powder
- ¼ cup unsalted butter cold and cubed
For the Coffee Glaze
- 1 cup powdered sugar
- 2 tablespoons brewed coffee cooled
Instructions
- Step 1: Prepare the Oven and Baking Pan
- Preheat your oven to 350°F (175°C).
- Grease a 9-inch round cake pan or an 8-inch square baking pan with butter or nonstick cooking spray.
- Line the bottom with parchment paper if you want to make removing the cake easier.
- Step 2: Make the Chocolate Streusel
- In a medium mixing bowl, combine the flour, brown sugar, cinnamon, and cocoa powder.
- Add the cold, cubed butter.
- Using a pastry cutter, fork, or your fingertips, work the butter into the dry ingredients until the mixture resembles coarse crumbs.
- Some larger buttery pieces are perfectly fine. They will create delicious pockets of streusel as the cake bakes.
- Place the topping in the refrigerator while you prepare the cake batter.
- Step 3: Combine the Dry Ingredients
- In a separate bowl, whisk together the flour, baking powder, baking soda, and salt.
- Mix until evenly combined, then set aside.
- Step 4: Cream the Butter and Sugar
- In a large mixing bowl, beat the softened butter and granulated sugar using an electric mixer.
- Continue mixing for approximately 2–3 minutes, until the mixture becomes light and fluffy.
- This step helps create a soft, tender cake.
- Step 5: Add the Eggs and Vanilla
- Add the eggs one at a time, beating well after each addition.
- Mix in the vanilla extract until incorporated.
- Scrape down the sides of the bowl as needed to ensure everything combines evenly.
- Step 6: Add the Sour Cream and Coffee
- Mix in the sour cream and cooled brewed coffee.
- The mixture may look slightly separated at this stage, which is normal.
- Continue mixing just until the ingredients are combined.
- Step 7: Incorporate the Dry Ingredients
- Gradually add the flour mixture to the wet ingredients.
- Mix on low speed or fold gently with a spatula until no visible streaks of flour remain.
- Avoid overmixing, as this can make the finished cake dense rather than soft and fluffy.
- Step 8: Assemble the Cake
- Transfer the batter to the prepared baking pan.
- Spread it evenly using a spatula.
- Remove the chocolate streusel from the refrigerator and sprinkle it evenly over the batter.
- Gently press a few larger crumbs into the surface so the topping stays in place.
- Step 9: Bake the Cake
- Bake for approximately 35–45 minutes, or until a toothpick inserted into the center comes out clean or with a few moist crumbs.
- If the topping begins to brown too quickly, loosely cover the pan with aluminum foil during the final minutes of baking.
- Allow the cake to cool in the pan for approximately 15 minutes before transferring it to a wire rack.
- Step 10: Prepare the Coffee Glaze
- In a small bowl, whisk the powdered sugar with the cooled brewed coffee.
- Continue mixing until smooth.
- If the glaze is too thick, add a little more coffee, one teaspoon at a time.
- If it becomes too thin, add a small amount of powdered sugar until it reaches your preferred consistency.
- Step 11: Glaze and Serve
- Once the cake has cooled completely, drizzle the coffee glaze over the chocolate streusel.
- Allow the glaze to set for approximately 10–15 minutes before slicing.
- Your Mocha Coffee Cake Recipe is now ready to serve.
- Enjoy a slice with coffee, tea, or a cold glass of milk.
Notes
Conclusion
This Mocha Coffee Cake Recipe is a delicious way to bring chocolate and coffee together in a homemade dessert. With its soft sour cream cake, buttery chocolate cinnamon streusel, and smooth coffee glaze, every slice offers a wonderful balance of flavor and texture.
The recipe is simple enough for beginner bakers yet special enough for weekend brunches, celebrations, and family gatherings.
Serve it with your favorite warm drink, share it with the people you love, and enjoy the comforting flavors of a freshly baked mocha cake.