PerfectBrew Logo Blue

Easy Coffee Cake With Frosting Recipe

Table of Contents

Baking your own cakes and desserts is not only fun and delicious, but it also feels good. Baking is more than cooking — it’s a hobby, and you can get particularly good at it. The question is, where to start? Why not with coffee cake? Crowd-pleasing and straightforward; this is a fantastic weekend project, especially if you enjoy a cup of coffee from time to time.

Easy Homemade Coffee Cake with Frosting Recipe

Why Make Homemade Coffee Cake?

Why make a coffee cake with creamy frosting? Coffee cakes are not necessarily flavored with coffee. In fact, they rarely are. They’re fantastic with coffee, though, because coffee cakes are spongy, light and mildly sweet — they never steal the spotlight from coffee.

Coffee cakes are a great way of entertaining guests. Treat your friends and family with a slice of cake and a cappuccino; good times guaranteed. This is what you need to make this beauty, including a thick frosting, to make your coffee cake even nicer.

What Goes Into a Homemade Coffee Cake with Frosting?

To make a spongy coffee cake, you need flour, sugar, baking powder, eggs, oil and a pinch of salt. Does this sound familiar? They’re the base of any cake. We’re making our coffee cake creamier with a cup of whole milk and giving it flavor with vanilla extract and ground cinnamon.

For the frosting, you’ll need butter, powdered sugar, milk, vanilla extract and cocoa powder. That’s it! This recipe comes together in an hour, and you get at least twelve even squares.

How to Make It

  • Prep Time20 min
  • Cook Time40 min
  • Total Time1 hr
  • Serving Size12
  • Energy526 cal


For the coffee cake:

  • 1 cup sugar
  • 3 cups flour
  • 3 tsp baking powder
  • 1/2 tsp salt
  • 1 tsp cinnamon
  • 1 cup oil
  • 2 eggs
  • 1 tsp vanilla
  • 1 cup of milk

For the frosting:

  • ¼ cup unsalted butter, melted
  • 3 tbsp cocoa powder
  • ¼ cup whole milk
  • 2 cups powdered sugar
  • 1 tsp vanilla extract



Preheat the oven to 350°F and grease an 8-inch square pan.


In a mixing bowl, combine the dry ingredients: sugar, flour, baking powder, cinnamon and salt.


In a second mixing bowl, combine the wet ingredients: oil, eggs, vanilla and milk.


In a stand mixer, combine the dry and wet mixtures. Pour the batter into the cake pan.


Cover the cake pan with aluminum foil and bake for 40 minutes.


For the frosting, combine the melted butter with the cocoa powder and whisk until incorporated. Add the milk and vanilla and mix the powdered sugar until thick. Set aside.


Allow the cake to cool before topping it with frosting. Drizzle with chocolate syrup and slice.


Alternatively, top each slice with a dollop of frosting.

  • Nutrition Facts

  • Serving Size12
  • Amount per serving
  • Calories526
  • % Daily Value*Standard DV
  • Total Fat23.8 g78 g30.51%
  • Saturated Fat5.5 g20 g27.5%
  • Cholesterol40 mg300 mg13.33%
  • Sodium148 mg2300 mg6.43%
  • Total Carbohydrate76.7 g275 g27.89%
  • Dietary Fiber1.4 g28 g5%
  • Total Sugars51.4 g
  • Protein5.3 g50 g10.6%
  • Calcium97 mg1300 mg7.46%
  • Iron2 mg18 mg11.11%
  • Potassium225 mg4700 mg4.79%
Skip to content