If you’re looking for the perfect Mocha Coffee Cake Recipe, this moist, tender cake combines rich coffee flavor with chocolatey cocoa and a buttery cinnamon streusel topping. Finished with a simple coffee glaze, it’s an irresistible homemade dessert that’s equally delicious for breakfast, brunch, or an afternoon coffee break.
Why You’ll Love This Recipe
- Rich mocha flavor with a perfect balance of coffee and chocolate.
- Soft, moist crumb thanks to sour cream.
- Easy ingredients you probably already have at home.
- Crunchy cinnamon cocoa streusel topping.
- Perfect for brunch, holidays, or family gatherings.
- Delicious with a hot cup of coffee or tea.
- Beginner-friendly recipe with simple steps.
Ingredients
For the Cake
- 1¾ cups all-purpose flour
- 1 cup granulated sugar
- ½ cup unsalted butter, softened
- 2 large eggs
- ½ cup sour cream (or Greek yogurt)
- ¼ cup brewed coffee, cooled
- 1½ teaspoons baking powder
- ½ teaspoon baking soda
- ½ teaspoon salt
- 1 teaspoon vanilla extract
For the Streusel Topping
- ½ cup all-purpose flour
- ½ cup packed light brown sugar
- 2 teaspoons ground cinnamon
- 3 tablespoons cocoa powder
- ¼ cup unsalted butter, cold and cubed
For the Coffee Glaze
- 1 cup powdered sugar
- 2 tablespoons brewed coffee (adjust as needed)
Instructions
- Preheat the oven to 350°F (175°C). Grease a 9×9-inch baking pan or line it with parchment paper.
- In a medium bowl, whisk together the flour, baking powder, baking soda, and salt.
- In a large mixing bowl, cream the softened butter and granulated sugar until light and fluffy.
- Beat in the eggs one at a time. Add the sour cream, vanilla extract, and cooled brewed coffee. Mix until smooth.
- Gradually fold the dry ingredients into the wet mixture until just combined. Avoid overmixing to keep the Mocha Coffee Cake Recipe light and tender.
- In a separate bowl, combine the flour, brown sugar, cinnamon, cocoa powder, and cold butter. Mix with a fork or pastry cutter until crumbly.
- Spread the batter evenly into the prepared baking pan and sprinkle the streusel topping over the batter.
- Bake for 35–40 minutes, or until a toothpick inserted into the center comes out clean.
- Allow the cake to cool completely.
- Whisk together the powdered sugar and brewed coffee until smooth, then drizzle the glaze over the cooled cake before slicing and serving.
Tips & Tricks
- Use freshly brewed coffee for the best flavor.
- Greek yogurt works well instead of sour cream.
- Don’t overmix the batter to keep the cake soft.
- Chill the butter before making the streusel for crisp crumbs.
- Add chocolate chips for extra richness.
- Toast chopped walnuts or pecans for additional crunch.
- Let the cake cool before glazing to prevent the icing from melting.
Details
- Prep Time: 20 minutes
- Cook Time: 40 minutes
- Total Time: 1 hour
- Yield: 9 servings
- Category: Dessert
- Method: Baking
- Cuisine: American
- Difficulty: Easy
- Dietary Notes: Vegetarian
Notes
- Greek yogurt can replace sour cream without sacrificing moisture.
- For a stronger coffee flavor, use espresso instead of brewed coffee.
- Serve warm with whipped cream or vanilla ice cream.
- Sprinkle a little cocoa powder over the glaze for an elegant finish.
Nutrition (Approximate Per Serving)
- Calories: 340
- Protein: 5g
- Carbohydrates: 49g
- Fat: 14g
- Saturated Fat: 8g
- Sugar: 31g
- Fiber: 2g
- Sodium: 210mg
FAQ
Can I make this Mocha Coffee Cake Recipe ahead of time?
Yes. Bake it a day ahead and glaze it before serving for the freshest appearance.
Can I freeze coffee cake?
Absolutely. Wrap slices individually and freeze for up to three months.
Can I use instant coffee?
Yes. Dissolve instant coffee granules in hot water before adding them to the batter.
Why is my coffee cake dry?
Overbaking or adding too much flour can make the cake dry. Measure ingredients carefully.
Can I add nuts?
Yes. Chopped pecans or walnuts pair wonderfully with the cocoa streusel.
Storage
- Refrigerator: Store in an airtight container for up to 5 days.
- Freezer: Freeze tightly wrapped slices for up to 3 months.
- Reheating: Microwave individual slices for 15–20 seconds or warm in a low oven until heated through.
Similar Recipes
Mocha Coffee Cake Recipe – Ultimate Homemade Treat
Mocha Coffee Cake is a soft homemade cake flavored with brewed coffee and topped with chocolate cinnamon streusel. Finished with a smooth coffee glaze, it's perfect for breakfast, brunch, or dessert.
Ingredients
For the Cake
- 1¾ cups all-purpose flour
- 1 cup granulated sugar
- ½ cup unsalted butter softened
- 2 large eggs
- ½ cup sour cream or Greek yogurt
- ¼ cup brewed coffee cooled
- 1½ teaspoons baking powder
- ½ teaspoon baking soda
- ½ teaspoon salt
- 1 teaspoon vanilla extract
For the Streusel Topping
- ½ cup all-purpose flour
- ½ cup packed light brown sugar
- 2 teaspoons ground cinnamon
- 3 tablespoons cocoa powder
- ¼ cup unsalted butter cold and cubed
For the Coffee Glaze
- 1 cup powdered sugar
- 2 tablespoons brewed coffee adjust as needed
Instructions
- Preheat the oven to 350°F (175°C). Grease a 9×9-inch baking pan or line it with parchment paper.
- In a medium bowl, whisk together the flour, baking powder, baking soda, and salt.
- In a large mixing bowl, cream the softened butter and granulated sugar until light and fluffy.
- Beat in the eggs one at a time. Add the sour cream, vanilla extract, and cooled brewed coffee. Mix until smooth.
- Gradually fold the dry ingredients into the wet mixture until just combined. Avoid overmixing to keep the Mocha Coffee Cake Recipe light and tender.
- In a separate bowl, combine the flour, brown sugar, cinnamon, cocoa powder, and cold butter. Mix with a fork or pastry cutter until crumbly.
- Spread the batter evenly into the prepared baking pan and sprinkle the streusel topping over the batter.
- Bake for 35–40 minutes, or until a toothpick inserted into the center comes out clean.
- Allow the cake to cool completely.
- Whisk together the powdered sugar and brewed coffee until smooth, then drizzle the glaze over the cooled cake before slicing and serving.
Notes
- Greek yogurt can replace sour cream without sacrificing moisture.
- For a stronger coffee flavor, use espresso instead of brewed coffee.
- Serve warm with whipped cream or vanilla ice cream.
- Sprinkle a little cocoa powder over the glaze for an elegant finish.
Conclusion
This Mocha Coffee Cake Recipe delivers everything you want in a homemade baked treat: a moist crumb, rich coffee flavor, chocolatey streusel, and a sweet coffee glaze. Whether you’re serving it for breakfast, brunch, or dessert, it’s a crowd-pleasing recipe that’s simple enough for everyday baking and special enough for celebrations.