Banana Cake with Chocolate Frosting | YumFoodUsa

Banana Cake with Chocolate Frosting

This Banana Cake with Chocolate Frosting is a bakery-style classic that combines the cozy sweetness of ripe bananas with the richness of smooth chocolate frosting. Garnished with fresh banana slices and a drizzle of chocolate syrup, this moist, nostalgic dessert is perfect for any occasion — from casual gatherings to celebratory tables.

Why You’ll Love This Recipe

This recipe brings together comforting flavors in a simple yet elegant cake that delivers every time. Here’s what makes it a must-bake:

  • Ultra-moist crumb from ripe bananas and sour cream
  • Rich, creamy chocolate frosting that pairs perfectly with banana
  • Easy, approachable ingredients and preparation
  • Great use for overripe bananas
  • Perfect for birthdays, potlucks, or weeknight desserts
  • Classic flavor combination loved by both kids and adults

ingredients

(Tip: You can find the complete list of ingredients and their measurements in the recipe card below.)

For the banana cake:

  • Mashed ripe bananas
  • All-purpose flour
  • Baking powder
  • Baking soda
  • Salt
  • Unsalted butter, softened
  • Granulated sugar
  • Brown sugar
  • Eggs
  • Sour cream
  • Vanilla extract

For the chocolate frosting:

  • Unsalted butter, softened
  • Cocoa powder
  • Powdered sugar
  • Milk (plus more if needed)
  • Vanilla extract

Optional toppings:

  • Fresh banana slices
  • Chocolate syrup (for drizzling)

directions

  1. Preheat the oven to 350°F (175°C). Grease and flour a 9×13-inch baking dish.
  2. In a medium bowl, whisk together the flour, baking powder, baking soda, and salt. Set aside.
  3. In a large mixing bowl, cream the softened butter with granulated sugar and brown sugar until light and fluffy.
  4. Beat in the eggs, one at a time, then stir in sour cream, mashed bananas, and vanilla extract.
  5. Gradually add the dry ingredients to the wet mixture, stirring until just combined.
  6. Pour the batter into the prepared pan and bake for 30–35 minutes, or until a toothpick inserted into the center comes out clean. Allow the cake to cool completely in the pan.
  7. For the frosting, beat the softened butter until creamy. Add cocoa powder, powdered sugar, milk, and vanilla extract. Beat until the frosting is smooth and fluffy. Add more milk if needed to reach desired consistency.
  8. Spread the chocolate frosting evenly over the cooled cake.
  9. Garnish with banana slices and a drizzle of chocolate syrup just before serving, if desired.

Servings and timing

  • Servings: 12 slices
  • Prep Time: 20 minutes
  • Cook Time: 35 minutes
  • Total Time: 55 minutes
  • Calories: ~365 kcal per slice

Variations

  • Cupcake Version: Bake the batter in cupcake tins for 18–20 minutes for individual servings.
  • Nutty Twist: Add chopped walnuts or pecans to the batter for crunch.
  • Peanut Butter Frosting: Substitute chocolate frosting with a creamy peanut butter frosting for a new flavor.
  • Layer Cake: Double the recipe and bake in round pans to make a layered celebration cake.
  • Gluten-Free Option: Use a 1:1 gluten-free baking flour blend in place of all-purpose flour.
  • Spiced Banana Cake: Add a pinch of cinnamon or nutmeg for added warmth.

storage/reheating

Store the frosted cake in an airtight container at room temperature for up to 2 days, or in the refrigerator for up to 5 days. If garnished with banana slices, add them just before serving to prevent browning. For longer storage, the unfrosted cake can be frozen for up to 2 months. Thaw in the refrigerator and frost after thawing.

FAQs

Can I use frozen bananas for this cake?

Yes, thaw them completely and drain any excess liquid before mashing and using in the batter.

How ripe should the bananas be?

Very ripe, with brown spots on the peel, for the best flavor and sweetness.

Can I use Greek yogurt instead of sour cream?

Yes, plain Greek yogurt works well as a substitute and maintains the cake’s moisture.

Do I need a mixer for the frosting?

A hand or stand mixer makes the process easier, but you can mix by hand with some effort.

Can I make this cake in advance?

Yes, the cake can be baked a day ahead. Frost and garnish just before serving for best presentation.

Is the chocolate frosting very sweet?

It has a classic, balanced sweetness. You can reduce the powdered sugar slightly if preferred.

Can I make this cake without frosting?

Absolutely. It’s delicious on its own or topped simply with powdered sugar or whipped cream.

What’s the best way to store leftovers?

Cover the cake tightly and refrigerate. Bring to room temperature before serving for best flavor.

Can I use a different pan size?

Yes, you can use two 8-inch round pans or a bundt pan; adjust baking time accordingly.

Is this suitable for a birthday cake?

Yes, it’s an excellent and unique choice for birthdays, especially for banana and chocolate lovers.

Conclusion

This Banana Cake with Chocolate Frosting is the perfect blend of moist banana richness and smooth, decadent chocolate. Easy to make, deeply satisfying, and adaptable for any occasion, it’s a crowd-pleasing dessert that brings classic bakery flavors right into your kitchen. Whether shared with family or served at a party, every bite is full of comfort and joy.

Print

Banana Cake with Chocolate Frosting

Banana Cake with Chocolate Frosting

5 Stars 4 Stars 3 Stars 2 Stars 1 Star

No reviews

A nostalgic, bakery-style banana cake topped with rich chocolate frosting and garnished with fresh banana slices — a moist, comforting dessert perfect for any occasion.

  • Author: Mari
  • Prep Time: 20 minutes
  • Cook Time: 35 minutes
  • Total Time: 55 minutes
  • Yield: 12 slices 1x
  • Category: Dessert
  • Method: Baking
  • Cuisine: American
  • Diet: Vegetarian

Ingredients

Units Scale
  • Banana Cake:
  • 1 1/2 cups mashed ripe bananas (about 3 bananas)
  • 2 cups all-purpose flour
  • 1 tsp baking powder
  • 1 tsp baking soda
  • 1/2 tsp salt
  • 1/2 cup unsalted butter, softened
  • 1/2 cup granulated sugar
  • 1/2 cup brown sugar
  • 2 large eggs
  • 1/2 cup sour cream
  • 1 tsp vanilla extract
  • Chocolate Frosting:
  • 1/2 cup unsalted butter, softened
  • 1/2 cup cocoa powder
  • 2 cups powdered sugar
  • 1/4 cup milk (more if needed)
  • 1 tsp vanilla extract
  • Topping (Optional):
  • Banana slices
  • Chocolate syrup drizzle

Instructions

  1. Preheat oven to 350°F (175°C). Grease and flour a 9×13 inch baking dish.
  2. In a medium bowl, whisk together flour, baking powder, baking soda, and salt.
  3. In a large bowl, cream butter with granulated sugar and brown sugar until light and fluffy.
  4. Beat in eggs, one at a time, then stir in sour cream, mashed bananas, and vanilla.
  5. Gradually add dry ingredients to wet, mixing just until combined.
  6. Pour batter into prepared pan and bake for 30–35 minutes or until a toothpick inserted comes out clean. Let cool completely.
  7. For the frosting, beat the butter until creamy. Add cocoa powder, powdered sugar, milk, and vanilla. Beat until smooth and fluffy.
  8. Spread frosting over cooled cake. Garnish with banana slices and a drizzle of chocolate syrup before serving.

Notes

  • Use ripe bananas for best flavor and natural sweetness.
  • Let the cake cool completely before frosting to prevent melting.
  • Frosting consistency can be adjusted with a splash more milk if needed.
  • Garnish with bananas just before serving to avoid browning.

Nutrition

  • Serving Size: 1 slice
  • Calories: 365 kcal
  • Sugar: 28 g
  • Sodium: 210 mg
  • Fat: 18 g
  • Saturated Fat: 11 g
  • Unsaturated Fat: 6 g
  • Trans Fat: 0.5 g
  • Carbohydrates: 49 g
  • Fiber: 2 g
  • Protein: 4 g
  • Cholesterol: 55 mg
0 0 votes
Article Rating
Subscribe
Notify of
guest
0 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments