Skys Recipes

  • Recipe Index
  • About
  • Contact
  • Dinner
  • Desserts
menu icon
go to homepage
  • Recipe Index
  • About
  • Contact
  • Dinner
  • Desserts

search icon
Homepage link
  • Recipe Index
  • About
  • Contact
  • Dinner
  • Desserts

×

Banana Cupcakes with Chocolate Peanut Butter Frosting Recipe

Published: Oct 8, 2025 by Sky · This post may contain affiliate links · Leave a Comment

Jump to Recipe· 4.2 from 27 reviews

If you have a soft spot for comforting, nostalgic flavors, then the Banana Cupcakes with Chocolate Peanut Butter Frosting Recipe is about to become your new favorite go-to treat. These cupcakes are the perfect harmony of moist, tender banana cake filled with sweet chocolate chips, all topped with a dreamy swirl of milk chocolate and peanut butter frosting that is every bit as indulgent as it sounds. Whether you're baking for a special occasion or craving a personal slice of happiness, this recipe brings together familiar flavors in a way that feels cozy and spectacularly satisfying.

Close-up of a dark gray muffin tray holding nine white paper liners filled with light beige batter mixed with small dark chocolate chips. Each liner is filled unevenly, showing a thick, slightly lumpy texture with small bubbles and chocolate pieces spread through the batter. The tray rests on a white marbled surface. The photo taken with an iphone --ar 4:5 --v 7

Ingredients You'll Need

This Banana Cupcakes with Chocolate Peanut Butter Frosting Recipe keeps things straightforward with pantry-friendly ingredients that come together to create layers of flavor and texture. Each component plays its part, from the buttery richness to the natural sweetness of ripe bananas, and the irresistible duo of chocolate and peanut butter that finishes every bite perfectly.

  • Unsalted butter: Ensures a creamy, rich base in the cupcakes and frostings; make sure it’s softened for easy mixing.
  • Light or dark brown sugar: Adds subtle molasses notes that deepen the banana flavor and keep the cupcakes moist.
  • Granulated sugar: Balances sweetness and lightens the cupcake texture.
  • Large eggs: Bind all the ingredients together and add structure to the cupcakes.
  • Mashed ripe bananas: The star ingredient lending natural sweetness and moisture for a soft crumb.
  • Pure vanilla extract: Highlights and rounds out the flavors beautifully in both cupcakes and frostings.
  • All-purpose flour: Provides structure; spoon and level for accurate measurement.
  • Baking soda: Helps the cupcakes rise and become tender.
  • Ground cinnamon: Adds warmth and depth to complement the bananas.
  • Salt: Enhances all the flavors and balances sweetness.
  • Buttermilk: Keeps cupcakes extra moist and tender with its slight tang; you can easily make a substitute if needed.
  • Chocolate chips: Little bursts of chocolate throughout the cupcake for extra indulgence.
  • Confectioners’ sugar: Creates smooth, sweet frostings.
  • Unsweetened cocoa powder: Gives the chocolate frosting a rich, deep flavor.
  • Heavy cream or half-and-half: Adds creamy texture and helps frostings achieve the perfect consistency.
  • Creamy peanut butter: The peanut butter frosting’s star, lending that irresistible nutty flavor.

How to Make Banana Cupcakes with Chocolate Peanut Butter Frosting Recipe

Step 1: Prep Your Oven and Pans

Start by preheating your oven to 350°F (177°C). Line two 12-count muffin pans with cupcake liners, preparing for 18 cupcakes total. This setup keeps your cupcakes from sticking and makes cleanup a breeze.

Step 2: Cream Butter and Sugars

Using a stand or handheld mixer, beat the softened butter with both the brown and granulated sugars on medium speed until light and fluffy, about 2 to 3 minutes. This step is crucial for a tender crumb and that perfectly balanced sweetness in your cupcake base.

Step 3: Add Eggs, Bananas, and Vanilla

With your mixer on low, add the eggs one at a time, mixing thoroughly after each addition. Next, blend in the mashed bananas and vanilla extract, folding everything until just combined. These wet ingredients infuse your cupcakes with natural sweetness and moisture.

Step 4: Mix Dry Ingredients Separately

Whisk together the flour, baking soda, cinnamon, and salt in a separate bowl. This helps to distribute the leavening agent evenly and ensures the warm spice flavor is consistent throughout the batter.

Step 5: Combine Dry Ingredients and Milk

Add the dry ingredients to the wet mixture in three parts, stirring gently by hand after each addition to avoid overmixing, which can make cupcakes tough. Pour in the buttermilk and stir until everything is just blended; the lumpy batter is exactly how it should look.

Step 6: Fold in Chocolate Chips

Gently fold in the chocolate chips for little pockets of melty chocolate goodness in every bite, making these banana cupcakes extra exciting and satisfying.

Step 7: Bake Until Just Done

Spoon the batter evenly into the cupcake liners. To prevent warping, fill any empty muffin cavities with a bit of water. Bake for 17 to 19 minutes or until a toothpick inserted in the center comes out clean. Allow cupcakes to cool fully before frosting.

Step 8: Make the Chocolate Frosting

Sift together confectioners’ sugar and cocoa powder to avoid lumps. Beat the butter until creamy, then gradually add the sugar mixture alternated with heavy cream and vanilla extract until smooth and fluffy. Add a pinch of salt to balance sweetness if needed.

Step 9: Make the Peanut Butter Frosting

Cream the peanut butter and softened butter until silky. Mix in confectioners’ sugar and vanilla, then beat in the heavy cream until the frosting is light and spreadable. Salt can be added to taste here as well.

Step 10: Frost with Style

Once cupcakes are fully cooled, frost them with either one of the frostings or both by swirling together for a beautiful marbled effect. You can use a piping bag or a knife—both look and taste fantastic!

How to Serve Banana Cupcakes with Chocolate Peanut Butter Frosting Recipe

The image shows a close-up of a woman's hand holding a cupcake with a bite taken out of it. The cupcake has a light brown cake base with small dark chocolate chips inside. It is topped with a thick layer of light caramel-colored frosting which is smooth and creamy, with a few dark chocolate chips placed on top. In the background, four more cupcakes with the same frosting and chocolate chip toppings are arranged on a white marbled surface. The overall look is warm and inviting with soft natural lighting. Photo taken with an iphone --ar 4:5 --v 7

Garnishes

A few thin banana slices or a sprinkle of extra chocolate chips on top add charming detail and a hint of what’s inside. They make your cupcakes look as irresistible as they taste, inviting everyone in for a bite.

Side Dishes

These cupcakes shine on their own but pairing them with a scoop of vanilla ice cream or a fresh berry compote can elevate your dessert experience. A warm cup of coffee or milk is always a perfect, comforting companion.

Creative Ways to Present

Try arranging the cupcakes on a tiered stand for celebrations or dinner parties, or add colorful cupcake liners to suit seasons and holidays. For a fun twist, serve mini versions as bite-sized treats at gatherings.

Make Ahead and Storage

Storing Leftovers

Keep leftover cupcakes in an airtight container at room temperature for up to two days to maintain freshness. If you prefer, refrigerating them extends the life up to five days but bring to room temperature before serving so the frosting is creamy.

Freezing

You can freeze the unfrosted cupcakes for up to two months. When ready to enjoy, thaw overnight in the refrigerator and allow them to come to room temperature before applying frosting for best texture and flavor.

Reheating

For warmed cupcakes, gently microwave for 10-15 seconds or warm in a low oven for a few minutes. Avoid overheating to keep the moist texture and prevent the frosting from melting too much.

FAQs

Can I make this Banana Cupcakes with Chocolate Peanut Butter Frosting Recipe dairy-free?

Absolutely! You can substitute the butter with dairy-free margarine and use plant-based milk for the buttermilk substitute. Just make sure to adjust for any flavor differences, and the texture might vary slightly but will still be delicious.

What if I don’t have buttermilk on hand?

No worries! You can easily make your own by adding 1 teaspoon of white vinegar or lemon juice to ½ cup of milk. Let it sit for 5 minutes and then use it just like buttermilk in the recipe.

Is it possible to make only one frosting instead of two?

Certainly! You can choose either the chocolate or peanut butter frosting and simply double the amount to have enough for all the cupcakes. Both options work wonderfully on their own.

Can I use regular-sized chocolate chips instead of mini?

Yes, regular-sized chocolate chips are perfectly fine and give a slightly bigger hit of chocolate in every bite. Choose whichever you prefer or have on hand.

How can I achieve the swirl effect with the two frostings?

Try placing dollops of each frosting side by side in a piping bag without mixing them completely. As you pipe, the two frostings will swirl around each other creating a beautiful marbled appearance on top of your cupcakes.

Final Thoughts

There’s something undeniably comforting and joyful about these Banana Cupcakes with Chocolate Peanut Butter Frosting Recipe that makes baking and sharing them so rewarding. Whether you’re a seasoned baker or a kitchen newbie, this recipe is approachable, fun, and deliciously satisfying. I can’t wait for you to whip up a batch and enjoy every sweet, creamy, chocolatey bite with friends and family!

Print
clock clock iconcutlery cutlery iconflag flag iconfolder folder iconinstagram instagram iconpinterest pinterest iconfacebook facebook iconprint print iconsquares squares iconheart heart iconheart solid heart solid icon
Banana Cupcakes with Chocolate Peanut Butter Frosting Recipe

Banana Cupcakes with Chocolate Peanut Butter Frosting Recipe


5 Stars 4 Stars 3 Stars 2 Stars 1 Star

4.2 from 27 reviews

  • Author: Sky
  • Total Time: 3 hours 50 minutes
  • Yield: 18 cupcakes
Print Recipe
Pin Recipe

Description

Delight in these super-moist banana cupcakes studded with chocolate chips and crowned with a luscious swirl of milk chocolate and peanut butter frostings. Perfectly balanced with the comforting flavors of ripe bananas, rich chocolate, and creamy peanut butter, these cupcakes make a delicious treat for any occasion.


Ingredients

Cupcakes

  • ½ cup (8 Tbsp; 113g) unsalted butter, softened to room temperature
  • ½ cup (100g) packed light or dark brown sugar
  • ¾ cup (150g) granulated sugar
  • 3 large eggs, at room temperature
  • 1 and ½ cups (345g) mashed bananas (about 4 medium or 3 large ripe bananas)
  • 2 teaspoons pure vanilla extract
  • 2 cups (250g) all-purpose flour (spooned & leveled)
  • 1 teaspoon baking soda
  • ½ teaspoon ground cinnamon
  • 1 teaspoon salt
  • ½ cup (120ml) buttermilk*
  • 1 cup (180g) mini or regular semi-sweet chocolate chips

Milk Chocolate Frosting

  • 1 and ¾ cups (210g) confectioners’ sugar
  • ¼ cup (21g) unsweetened cocoa powder
  • ½ cup (8 Tbsp; 113g) unsalted butter, softened to room temperature
  • 2 Tablespoons (30ml) heavy cream or half-and-half*
  • 1 teaspoon pure vanilla extract
  • salt, to taste

Peanut Butter Frosting

  • ¾ cup (185g) creamy peanut butter
  • ¼ cup (4 Tbsp; 56g) unsalted butter, softened to room temperature
  • ¾ cup (90g) confectioners’ sugar
  • 1 teaspoon pure vanilla extract
  • 3 Tablespoons (45ml) heavy cream or half-and-half*


Instructions

  1. Preheat Oven and Prepare Pans: Preheat your oven to 350°F (177°C). Line two 12-count muffin pans with 18 cupcake liners and set aside to be ready for the batter.
  2. Cream Butter and Sugars: Using a handheld or stand mixer fitted with a paddle attachment, beat the softened butter, brown sugar, and granulated sugar together on medium speed until the mixture is light and fluffy, about 2-3 minutes.
  3. Add Eggs, Bananas, and Vanilla: Lower the mixer speed and add the eggs one at a time, beating well after each addition. Then incorporate the mashed bananas and vanilla extract, mixing on low speed for about 1 minute to combine thoroughly.
  4. Combine Dry Ingredients: In a medium bowl, whisk together the all-purpose flour, baking soda, cinnamon, and salt. Gradually add this to the wet mixture in three parts, stirring by hand after each addition to maintain a gentle fold.
  5. Add Buttermilk and Chocolate Chips: Stir in the buttermilk until the batter is just combined and still lumpy. Fold in the mini or regular semi-sweet chocolate chips evenly throughout the batter.
  6. Fill Liners and Bake: Spoon the batter evenly into the prepared cupcake liners, filling each about three-quarters full. Pour water into any unused muffin pan cups about one-third full to prevent warping. Bake for 17-19 minutes, or until a toothpick inserted into the center of a cupcake comes out clean.
  7. Cool Completely: Allow the cupcakes to cool completely in the pans or transfer to a wire rack before frosting.
  8. Make the Milk Chocolate Frosting: Sift together the confectioners' sugar and cocoa powder to remove lumps. Beat the softened butter on medium speed until creamy (about 2 minutes). Gradually add the sifted sugar-cocoa mixture alternated with heavy cream and vanilla extract, mixing on low speed after each addition. Once fully combined, beat on high speed for an additional 2 minutes until smooth and fluffy. Add a pinch of salt if the frosting tastes too sweet.
  9. Make the Peanut Butter Frosting: Beat the creamy peanut butter and softened butter together on medium speed until completely smooth and creamy, about 3 minutes. Add confectioners’ sugar and vanilla extract, mixing on medium until combined. Mix in the heavy cream on high speed until the frosting is fluffy and smooth, at least 2 minutes. Add a pinch of salt to balance sweetness, if desired.
  10. Frost the Cupcakes: Using a knife, piping bag, or tip, frost the cooled cupcakes with your choice of frosting. To create a swirl, pipe both frostings together. Double the amount of your chosen frosting if making only one kind to ensure enough coverage. Optionally, garnish with banana slices or extra chocolate chips.
  11. Store Properly: Store cupcakes in an airtight container at room temperature for up to 2 days, or refrigerate for up to 5 days. Use a cupcake carrier for easier storage and transportation.

Notes

  • Make Ahead & Freezing: Prepare cupcakes and frostings up to 1 day in advance. Keep cupcakes covered tightly at room temperature and frostings refrigerated. Unfrosted cupcakes can be frozen for up to 2 months; thaw overnight in refrigerator and bring to room temperature before frosting.
  • Buttermilk Substitute: Use 1 teaspoon white vinegar or lemon juice plus whole milk to make ½ cup of DIY buttermilk. Let it sit for 5 minutes until curdled before using.
  • Heavy Cream Substitute: You may use milk instead of heavy cream for the frosting, but the texture won’t be as creamy.
  • Special Tools Recommended: Handheld or stand mixer, 12-count muffin pans, cupcake liners, fine mesh sieve, piping bags (reusable or disposable), Wilton 1M piping tip, and cupcake carrier.
  • Prep Time: 30 minutes
  • Cook Time: 18 minutes
  • Category: Dessert
  • Method: Baking
  • Cuisine: American

Have you made this recipe? I'd love to see it!

Click here to Follow me on Pinterest

More Desserts

  • Vegan Coconut Macaroons with Chocolate Drizzle Recipe
    Vegan Coconut Macaroons with Chocolate Drizzle Recipe
  • Lemon Cake Recipe
    Lemon Cake Recipe
  • Creamy Pumpkin Pudding with Toasted Pecans and Coconut Whip Recipe
    Creamy Pumpkin Pudding with Toasted Pecans and Coconut Whip Recipe
  • Homemade Vegan Apple Crumble Pie Recipe
    Homemade Vegan Apple Crumble Pie Recipe

Leave a Reply Cancel reply

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

Recipe rating 5 Stars 4 Stars 3 Stars 2 Stars 1 Star

Modern Sidebar

Hi, I’m Sky. I truly believe that anyone can cook with confidence and I want Sky’s Recipes to be your go-to guide for meals that never fail.

Learn more

Popular

  • White Bean Tomato Mushroom Soup Recipe
    White Bean Tomato Mushroom Soup Recipe
  • Vegan Collard Green Wraps with Sweet Potatoes, Black Beans, and Corn Salsa Recipe
    Vegan Collard Green Wraps with Sweet Potatoes, Black Beans, and Corn Salsa Recipe
  • Pumpkin Waffles Recipe
    Pumpkin Waffles Recipe
  • Balsamic Roasted Brussels Sprouts with Maple, Cranberries, and Pecans Recipe
    Balsamic Roasted Brussels Sprouts with Maple, Cranberries, and Pecans Recipe

Footer

↑ Back to Top

About

  • Privacy Policy
  • Terms & Conditions
  • Contact
  • Disclosure
  • DMCA

Newsletter

Sign Up! for emails and updates

Browse Meals

  • Appetizers and Snacks
  • Breakfast
  • Soups
  • Dinner
  • Side-Dish
  • Desserts
  • Drinks

We may earn from qualifying purchases through affiliate links at no extra cost to you.

Copyright © 2025 Skys Recipes. All rights reserved.