• Skip to main content
  • Skip to primary sidebar
Pass The Butter
menu icon
go to homepage
subscribe
search icon
Homepage link
  • All Recipes
    • Email
    • Facebook
    • Pinterest
  • ×

    Home » Desserts » Cupcakes

    Chocolate Banana Cupcakes

    Published: Apr 7, 2022 · Modified: May 17, 2022 by Jenna · This post may contain affiliate links · 10 Comments

    • Share
    • Yummly
    • Tweet
    • Email
    Jump to Recipe
    chocolate banana cupcakes pin

    Light and fluffy banana flavored cupcakes filled with chocolate chips and topped with the perfect chocolate buttercream frosting - these Chocolate Banana Cupcakes take your favorite chocolate banana bread recipe to the next level!

    chocolate banana cupcakes with chocolate frosting and a slice of banana on top

    One of my favorite breakfast or mid-morning treats is a slice of banana bread. When I'm feeling really naughty, I like to make it with chocolate chips.

    Which got me thinking, if I could marry the flavors of my favorite banana bread recipe with the lighter texture and sweetness of a cupcake, I would have a winner on my hands.

    I'm happy to say, after a few iterations of the this recipe, I've developed possibly the world's best cupcake. And I'm not floating my own boat. My kids even said so 😜.

    No lies, though, I have my recipes independently tested to make sure that I'm writing everything up correctly, and my recipe tester agreed these are some of the best cupcakes she's ever had!

    Jump to:
    • Why This Recipe Works
    • Ingredients For The Cupcakes
    • Variations
    • Instructions
    • Ingredients For The Chocolate Buttercream
    • Instructions For The Buttercream Frosting
    • Storage
    • Recipe

    Why This Recipe Works

    cupcakes on a plate
    • The cupcake is light and fluffy, and filled with banana flavor
    • Mini chocolate chips add texture and extra sweetness
    • The chocolate buttercream is the perfect frosting to complement the cupcake
    chocolate banana cupcakes on a plate with more on a stand behind

    Ingredients For The Cupcakes

    ingredients needed for the chocolate banana cupcake recipe

    For these cupcakes, I essentially took the base of my favorite vanilla cupcake recipe and married it with my banana bread recipe.

    • Overripe mashed bananas are essential to add moisture, banana flavor and of course, sweetness. The riper they are, they sweeter they are!
    • Buttermilk helps create the soft and tender crumb of the cupcake
    • Melted butter is used instead of oil for moist cupcakes
    • You can use regular chocolate chips, but while testing this recipe I found the mini chocolate chips less likely to sink to the bottom of the cupcake. You can also toss them in a little bit of flour before adding them to the butter to prevent that from happening.
    • The recipe is rounded out with the other basic ingredients of flour, sugar, salt, baking powder, baking soda (works alongside the buttermilk), eggs and vanilla extract.

    Variations

    • For double chocolate banana cupcakes, substitute ¼ cup of the flour with ¼ cup of unsweetened cocoa powder.
    cupcake with liner pulled down

    Instructions

    Preheat oven to 350 degrees F. Line a cupcake or muffin tin with paper liners and set aside.

    collage of steps 1 to 4 of making the cupcakes
    1. In a large bowl, whisk together the sifted flour, baking powder, baking soda and salt. Set aside.
    2. In a stand mixer with the paddle attachment, mix together the softened butter and sugar on high speed until pale in color (about 2-3 mins).
    3. Add the eggs, one at a time, mixing after each addition.
    4. Mix in the mashed bananas and vanilla. The mixture may look curdled but it doesn’t affect the final cupcake.
    collage of steps 5 to 8 of making the cupcakes
    1. On low speed, add flour in thirds, alternating with the buttermilk (flour, buttermilk, flour, buttermilk, flour).
    2. Fold in the chocolate chips with a rubber spatula or wooden spoon.
    3. Scoop into cupcake liners about ¾ of the way full.
    4. Bake for 18-20 minutes or until a toothpick inserted in the middle comes out clean.
    5. Remove from oven, allow to cool for 5 minutes then transfer to a wire rack to cool fully.
    6. Once at room temp, frost with the chocolate buttercream (recipe below) and top with a slice of banana.
    frosted cupcake with banana on top

    Ingredients For The Chocolate Buttercream

    ingredients for the chocolate buttercream

    For perfectly sweet and creamy chocolate buttercream frosting, you'll need

    • 3 ½ cups confectioner's sugar
    • ½ cup unsweetened cocoa powder
    • 2 sticks softened salted butter (soft but not melted)
    • ½ teaspoon salt
    • 3 teaspoons vanilla extract
    • 4 tablespoons heavy cream (milk works too, but the frosting won't be as thick)

    Instructions For The Buttercream Frosting

    how to make the chocolate buttercream frosting
    1. In the bowl of a stand mix with the paddle attachment on, cream butter on medium speed for about 3 minutes. You may need to scrape down the sides once. Turn off the mixer.
    2. Sift 3 ½  cups powdered sugar and cocoa into the mixing bowl. Turn your mixer on the lowest speed (so the dry ingredients do not blow everywhere), mix until the sugar and cocoa are absorbed by the butter.
    3. Increase mixer speed to medium and add vanilla extract, salt, and cream and beat for 3 minutes, scraping down the bowl as needed.
    chocolate banana cupcakes on a yellow cake stand

    Storage

    Store at room temperature for up to three days. Keep covered in an airtight container to ensure the frosting doesn't develop a crust.

    inside of the cupcake

    From the first bite of the sliced banana and creamy chocolate frosting, to when your teeth sink down into the center of the fluffy banana flavored cupcake, you're going to quickly agree that this is one of the best cupcake recipes out there.

    This simple recipe is packed with flavor, will certainly hit the right spot for your chocolate cravings and won't leave you disappointed!

    And once you do, please come back and leave a rating in the recipe card below!

    Other Recipes You'll Like

    • Grasshopper Cookies
    • Cherry Wink Cookies
    • cheesecake balls on a plate
      No Bake Cheesecake Balls
    • Pineapple Cream Pie (No Bake)

    Recipe

    cupcake with chocolate buttercream frosting and banana on top

    Chocolate Banana Cupcakes with Chocolate Buttercream Frosting

    A delicious light and fluffy cupcake filled with banana and chocolate flavor and topped with a perfectly sweet chocolate buttercream frosting.
    5 from 8 votes
    Print Pin Rate
    Course: Dessert
    Cuisine: American
    Keyword: banana bread cupcakes, banana chocolate cupcake recipe, chocolate buttercream frosting, double chocolate banana cupcake
    Prep Time: 15 minutes
    Cook Time: 20 minutes
    Total Time: 35 minutes
    Servings: 16 cupcakes
    Calories: 369kcal
    Author: Jenna

    Ingredients

    For The Cupcakes

    • 1 ¼ cups all purpose flour sifted
    • 1 teaspoon baking powder
    • ¼ teaspoon baking soda
    • ½ teaspoon salt
    • ½ cup butter melted
    • ¾ cup sugar
    • 2 large eggs room temp
    • ⅔ cup mashed bananas very ripe
    • 1 teaspoon vanilla extract
    • ⅓ cup buttermilk room temp
    • ¾ cup mini choc chips
    • chocolate buttercream frosting recipe below
    • 1 banana sliced, for decoration

    For The Chocolate Buttercream

    • 8 ounces salted butter 2 sticks, softened (but not melted!)
    • 3 ½ cups confectioner’s sugar
    • ½ cup unsweetened cocoa powder
    • ½ teaspoons salt
    • 2 teaspoons vanilla extract
    • 4 tablespoons heavy cream
    US Customary - Metric

    Instructions

    To Make The Cupcakes

    • Whisk together flour, baking powder, baking soda and salt. Set aside.
    • In a stand mixer with the paddle attachment, mix together the butter and sugar on high speed until pale in color (about 2-3 mins).
    • Add the eggs, one at a time, followed by the bananas and vanilla. Mixture may look curdled but it doesn’t affect the final cupcake.
    • On low speed, add flour in thirds, alternating with the buttermilk (flour, buttermilk, flour, buttermilk, flour).
    • Fold in the chocolate chips.
    • Scoop into cupcake liners about ¾ of the way full.
    • Bake at 350°F for 18-20 minutes or until a toothpick inserted in the middle comes out clean.
    • Remove from oven, allow to cool for 5 minutes then transfer to a wire rack to cool fully.
    • Once at room temp, frost with the chocolate buttercream and top with a slice of banana.

    To Make The Buttercream Frosting

    • In a stand mix with the paddle attachment on, cream butter on medium speed for about 3 minutes. You may need to scrape down the sides once. Turn off the mixer.
    • Sift 3 ½ cups powdered sugar and cocoa into the mixing bowl. Turn your mixer on the lowest speed (so the dry ingredients do not blow everywhere) until the sugar and cocoa are absorbed by the butter.
    • Increase mixer speed to medium and add vanilla extract, salt, and cream and beat for 3 minutes, scraping down the bowl as needed.

    Notes

    Cupcakes should be stored in an airtight container at room temperature for up to 3 days.
    Don't forget the banana garnish on top of the frosting, it really adds to the final flavor!

    Nutrition

    Calories: 369kcal | Carbohydrates: 55g | Protein: 3g | Fat: 16g | Saturated Fat: 10g | Trans Fat: 1g | Cholesterol: 58mg | Sodium: 309mg | Potassium: 145mg | Fiber: 2g | Sugar: 43g | Vitamin A: 489IU | Vitamin C: 2mg | Calcium: 54mg | Iron: 1mg

    « Raspberry Cupcakes
    Nutella Cupcakes »

    Reader Interactions

    Comments

    1. Jerika

      April 13, 2022 at 2:10 pm

      YUM!!! These Chocolate Banana Cupcakes are awesome!:) My favorite combo chocolate and banana.:) Thanks!

      Reply
      • Jenna

        April 13, 2022 at 2:54 pm

        Thanks Jerika!

        Reply
    2. Kayla DiMaggio

      April 13, 2022 at 2:56 pm

      5 stars
      These chocolate banana cupcakes are divine! The perfect sweet treat!

      Reply
      • Jenna

        April 13, 2022 at 3:04 pm

        Thanks Kayla! They really are so good, right!? xo

        Reply
    3. jill

      April 13, 2022 at 3:28 pm

      5 stars
      I love finding different ways to use bananas in desserts ( I mean how many banana breads can you eat, right?) These cupcakes are delicious! Love the chocolate with it!

      Reply
      • Jenna

        April 13, 2022 at 3:30 pm

        Thanks so much, Jill!

        Reply
    4. Bernice

      April 13, 2022 at 7:44 pm

      5 stars
      You might think it's strange but I've never tried bananas with chocolate before...until I baked up these perfect cupcakes. Wow! They are so tender and moist and utterly delicious!

      Reply
      • Jenna

        April 13, 2022 at 8:13 pm

        So glad you've learned of this amazing combo! They really go so well together!

        Reply
    5. Brianna May

      April 15, 2022 at 2:24 pm

      5 stars
      I made these last weekend and they were so good, I am going to make them again for Easter! The frosting is amazing.

      Reply
      • Jenna

        April 21, 2022 at 2:41 pm

        Thanks so much, Brianna! I'm glad you enjoyed them!

        Reply

    Leave a Reply Cancel reply

    Your email address will not be published. Required fields are marked *

    Recipe Rating




    Primary Sidebar

    Popular

    • plate of reese's peanut butter filled donuts
      Reese's Peanut Butter Filled Donuts
    • cupcake with chocolate buttercream frosting and banana on top
      Chocolate Banana Cupcakes
    • strawberry cake in pan with slices removed
      Old Fashioned Strawberry Cake
    • lemon drop cookies on a plate with lemons in the background
      Panera Lemon Drop Cookies (Copycat Recipe)

    Summer Recipes

    • Strawberry Shortcake Ice Cream Bars
      Strawberry Shortcake Ice Cream Bars
    • Strawberry Flan Slice on a plate
      Strawberry Flan
    • black raspberry chocolate chip ice cream in a bowl
      Black Raspberry Chocolate Chip Ice Cream
    • stovetop smores dip and graham crackers
      No-Bake Campfire S'Mores Dip

    Footer

    ↑ back to top

    About

    • Privacy Policy

    Newsletter

    • Sign Up! for emails and updates

    Contact

    • Contact

    As an Amazon Associate I earn from qualifying purchases.

    Copyright © 2022 Jenna Kate at Home LLC