This dreamy gluten-free Banana Cake with Peanut Butter Frosting has become a staple in my house. Light and fluffy banana cake sits beneath a layer of luscious whipped topping. The flavor of lightly sweetened peanut butter frosting complements every bite perfectly.
Think of it as a simple banana sheet cake that’s easy enough for a weeknight but special enough for company.

Recipe Highlights
- This easy banana cake recipe is a great way to use overripe bananas before they go bad.
- This one-bowl banana cake comes together easily and works well in any season.
- Adding yogurt to the batter creates a tender, airy crumb with just the right amount of moisture.
- The peanut butter-cream cheese frosting adds a light, fluffy, sweet-salty finish that pairs beautifully with the banana flavor.
- This recipe includes options for both gluten-free and dairy-free modifications. See the full list of swaps and substitutions in the recipe card below.
Ingredient Notes And Substitutions
These simple, real-food ingredients come together to make the best banana cake, topped with a creamy peanut butter-cream cheese frosting.
The Cake:
- Sugar: Cane sugar creates a light, neutral sweetness and helps achieve the ideal texture for this banana cake. I use granulated cane sugar instead of brown sugar here to keep the crumb lighter in color and texture. Coconut sugar can be substituted, but it will result in a slightly darker cake color.
- Eggs: Provide structure and help the cake rise properly.
- Ripe bananas: Naturally sweet, mashed ripe bananas add moisture and the classic banana-cake flavor.
- Yogurt: Plain yogurt adds moisture and a pleasant tang. Many banana cake recipes use buttermilk or sour cream, but I’ve found that yogurt provides similar moisture with a slightly lighter feel. Find dairy-free options in the recipe card below.
- Pure vanilla extract: Adds warm, rich flavor.
- Butter: I prefer unsalted butter for the best flavor. For a dairy-free option, use melted coconut oil or plant-based (vegan) butter.
- All-purpose gluten-free flour: Bob’s Red Mill Gluten-Free 1:1 Flour is my go-to gluten-free flour. For a non-gluten-free cake, substitute an equal amount of regular all-purpose flour.
- Baking powder, baking soda, and fine salt: These pantry staples help the cake rise and balance the sweetness. Whether using ½ teaspoon salt or a touch more, it’s just enough to enhance the banana flavor without overpowering it.

Peanut Butter-Cream Cheese Frosting:
- Cream cheese, butter, and vanilla: These ingredients form the base of the frosting, providing it with structure and creaminess. Find dairy-free alternatives in the recipe card below.
- Peanut butter: For a smooth frosting, use creamy peanut butter. To add a bit of crunch, sprinkle chopped dry-roasted peanuts on top before serving.
- Powdered sugar: Sweetens and helps the frosting stay light and fluffy. Confectioners’ sugar works best here, as it dissolves smoothly and creates a silky whipped texture.
Find the ingredient list with exact measurements in the recipe card below.

Ingredient Spotlight: Bananas
Bananas sometimes get a bad rap for being “too high in sugar,” but I’m here to bust that myth. They are one of the world’s most popular fruits, and they provide several health benefits, including:
- Fiber: Bananas contain both soluble fiber and resistant starch, which, together, help slow down and counteract quick rises in blood sugar. Soluble fiber may also aid with constipation.
- Potassium and magnesium: These essential minerals play a crucial role in maintaining body fluid balance and supporting heart health.
- Antioxidants: These compounds help reduce oxidative damage to cells caused by free radicals.



How To Make This Banana Cake Recipe
For The Banana Cake:
- Start by preheating the oven and spraying an 8×8-inch baking dish with cooking spray. Line the bottom with parchment paper for easier removal. Then, set it aside.
- Next, combine the sugar, melted butter, eggs, yogurt, and vanilla in a medium bowl. Mash the ripe bananas into the mixture until the mashed bananas are smooth. Then, stir the wet ingredients until well combined.
- Next, add the dry ingredients — flour, baking powder, baking soda, and salt — to the banana mixture. Stir until just evenly combined, being careful not to overmix the batter. Pour the batter into the prepared baking dish.
- The bake time is 40-45 minutes, or until a toothpick inserted into the center comes out clean.
- After removing the cake from the oven, let it cool completely on a wire rack before frosting.
To Make Peanut Butter Frosting:
- In a medium bowl, use a handheld mixer to blend the cream cheese, butter, vanilla, and peanut butter until smooth. A stand mixer fitted with the paddle attachment also works well here. Then, add the powdered sugar and continue mixing until the whipped frosting is light and fluffy.
- Once the cake has fully cooled, spread a layer of frosting evenly over the top. I prefer to slice and serve right after frosting. Leftover slices can be stored in an airtight container in the refrigerator for up to 4 days, or frozen for longer storage.
Follow the step-by-step walkthrough in the video above for a visual guide.
For serving size and the complete directions and ingredient amounts, scroll down to the recipe card below. All of our recipes include the nutrition analysis, listing calories (kcals), protein, carbohydrates/carb, fiber, sugar, sodium, cholesterol, and more per serving.
Add A Garnish
A simple garnish of fresh-sliced bananas and crushed, dry-roasted, salted peanuts adds a touch of that sweet and salty taste I love. It’s a simple add, but it takes this banana cake to the next level, making it pretty enough for a party or potluck.
I recommend tossing the sliced bananas with ½ teaspoon fresh lemon juice to prevent them from browning.

One Of Our 5-Star Reviews ⭐⭐⭐⭐⭐
“This is SO good! I made it yesterday for my husband’s birthday, and he loved it! I did double the icing for a thicker topping. 🙂”
-Amanda
Make It Dairy-Free
Use the following swaps to make this banana cake dairy-free:
- Use non-dairy plain yogurt in place of regular yogurt (I like Siggi’s plant-based yogurt made with almond and coconut milk).
- Replace the unsalted butter in the cake and peanut butter frosting with melted coconut oil or plant-based (vegan) butter.
- Replace the cream cheese with vegan cream cheese.
Make It Nut-Free
To make this recipe nut-free, replace the peanut butter in the frosting with sunflower seed butter. This slightly alters the color of the frosting, but it’s an equally delicious option for those with nut allergies or sensitivities.
Storage Options
Store leftover banana bread cake squares in an airtight container for up to 5 days.
To freeze, place individual pieces of frosted cake on a parchment-lined plate or baking sheet. Freeze overnight or until completely frozen, then transfer the frozen pieces to a freezer-safe container or reusable zip-top bag. Thaw frozen cake in the refrigerator or on the counter before enjoying.
Note: I do not recommend freezing leftover cake with banana slices on top. Remove bananas before freezing for best results.
When To Serve This Banana Cake
This cake is delicious at any time of day, but I like to enjoy a slice with a mid-afternoon cup of coffee or tea. It also serves as a sweet finish to a Sunday supper or for an informal birthday celebration with family and friends.

Frequently Asked Questions
While I can’t say this cake is “healthy,” I’ve taken steps to reduce the total amount of sugar in the cake and replaced some of the butter or oil with yogurt. I also use plenty of nutritious real-food ingredients — including bananas, yogurt, eggs, and peanut butter.
I have not tested this banana cake recipe using liquid sweeteners, such as honey or maple syrup, in place of the cane sugar. I can’t say for sure how much would be needed or what the results would be.
If using a low-calorie sweetener, I suggest a 1:1 option, such as Swerve or Lakanto. (Note: I have not tested this recipe with these sweeteners, but in theory, they should work just fine when used in equal amounts.)
Yes, coconut sugar works in this recipe. It adds a mild caramel flavor and slightly darkens the color of the cake. Add a few teaspoons of water to the batter, depending on the brand of coconut sugar used (some soak up more liquid than others).
This recipe makes 18 delicious cupcakes and enough frosting to cover them all.
Line 18 muffin cups with paper liners (or use a standard 12-cup muffin tin for one batch and then again to make 6 more). Mist the liners with nonstick spray. Bake at 350 degrees for 17-18 minutes. Let the cupcakes cool completely before topping with the frosting.
This recipe uses an 8×8-inch baking dish. Other cake pans can work, such as a 9-inch square pan or round cake pans, but the cake will be slightly thinner. The bake times will need to be adjusted accordingly.
Want to save this recipe?
Enter your email below & we’ll send it straight to your inbox. Plus you’ll get great new recipes from us every week!
Banana Bread Bars with Peanut Butter Cream Cheese Frosting
This light and fluffy banana cake with whipped peanut butter frosting has quickly become one of my favorites! It has a tender texture and a perfect, not-too-sweet flavor, thanks to the addition of yogurt and bananas.
Ingredients
For The Cake:
- ½ cup granulated sugar (may substitute coconut sugar)
- ⅓ cup melted unsalted butter
- 2 large eggs
- 3 ripe bananas (300 g)
- 1 cup plain yogurt
- 1 teaspoon vanilla extract
- 2 cups all-purpose gluten-free flour* (296 g)
- 1 teaspoon baking powder
- 1 teaspoon baking soda
- ½ teaspoon fine salt
For The Frosting:
- 2 oz. cream cheese, softened (may substitute vegan cream cheese for dairy-free)
- 2 tablespoons butter, softened (may substitute softened coconut oil or vegan butter for dairy-free)
- 1 teaspoon pure vanilla extract
- ¼ cup creamy peanut butter
- ½ cup powdered sugar
Instructions
For The Cake:
- Preheat oven to 350°F. Spray an 8×8-inch baking dish with cooking spray.
- In a mixing bowl, combine the sugar, butter, eggs, yogurt, and vanilla. Mash the banana and stir into the batter.
- Add the flour, baking powder, baking soda, and salt, and stir together. Pour the mixture into the prepared baking dish, spreading it evenly over the bottom.
- Bake for 40-45 minutes or until a toothpick inserted into the center comes out clean.
- Remove from the oven and let cool completely before frosting.
For The Frosting:
- In a bowl, combine the cream cheese, butter, vanilla, and peanut butter. With a handheld mixer, cream together until smooth. Then add the powdered sugar and continue to mix until smooth.
- Frost the cooled cake with peanut butter frosting. Top with sliced bananas and/or chopped peanuts, if desired.
- Cut into 16 squares and serve.
Last Step! Please leave a review and rating letting us know how you liked this recipe! This helps our business thrive so we can continue providing free recipes and high-quality content for you.
Notes
* For a non-gluten-free version, use an equal amount of regular all-purpose flour.
For Dairy-Free Cake and Frosting:
- Replace butter with melted coconut oil or plant-based (vegan) butter
- Replace yogurt with plant-based yogurt
- Replace cream cheese with vegan cream cheese
Cupcakes: This recipe makes delicious cupcakes! Line 18 muffin cups with paper liners (or use a standard 12-cup muffin tin for one batch and then again to make 6 more). Mist the liners with nonstick spray. Bake at 350 degrees for 17-18 minutes. Let the cupcakes cool to room temperature before topping with the frosting.
Nutrition Information
- Serving Size: 1 piece
- Calories: 220
- Fat: 9 g
- (Sat Fat: 4 g)
- Sodium: 372 mg
- Carbohydrate: 30 g
- (Fiber: 1 g
- Sugar: 13 g)
- Protein: 4 g
- Cholesterol: 39 mg
Dietary
The photos in this blog post were taken by Rachel Cook of Half Acre House.
For ultimate success, we highly recommend reading the tips in the full blog post above. All photos and content are copyright protected. Please do not use our photos without prior written permission. If you wish to republish a recipe, please rewrite the recipe in your own unique words. Link back to the source recipe here on The Real Food Dietitians. Thank you!


Delicious! I used whole wheat pastry flour and it was tender and moist.
Awesome Meggie! Thank you so much for the great feedback and 5-star review!
This is SO good! I made it yesterday for my husband’s birthday and he loved it! I did double the icing for a thinker topping. 🙂
Sounds like a great way to enjoy a Birthday, Amanda! Thanks for the 5-star review!
This is sooo fluffy and light. I put the frosting on half of it and left the other side plain to toast with butter! Both amazing options! Thank you for posting this recipe.
Great idea!
This is an absolutely delicious summer treat! I doubled the recipe. I made the cake bars and 12 muffins in my silicone muffin pan. I made the frosting with vanilla granola butter since we are peanut free. I didn’t have plain yogurt so I used whipped cottage cheese. My family has devoured it!
Vanilla granola butter in the frosting is genius! Thanks for sharing your peanut-free swap. I’m so glad you all enjoyed it.