Delicious Banana Marble Cake Recipe for Coffee Lovers

You wake up early on a Sunday morning, wanting to enjoy a lazy brunch, something sweet, yet not too heavy, and coffee, of course. You’re in luck as I’m about to share a recipe that will make your day even better!

This banana marble coffee cake is perfect for those who want a slice of cake with their coffee or tea. With swirls of chocolate, it’s just the right amount of sweetness without overpowering your palate. Made with ripe bananas and white chocolate chips, this cake is moist and tasty, almost like a hybrid between a cake and bread.

But wait, there’s more! Not only is this recipe delicious, but it’s also easy to make. All you need are some basic ingredients that you may already have in your pantry – bananas, all-purpose flour, baking soda, baking powder, eggs, pure vanilla extract, and low-fat yogurt. Don’t forget the white chocolate chips and Splenda sugar substitute for an extra hint of sweetness without the added calories.

Plus, if you have dietary restrictions such as being gluten-free or dairy-free, don’t worry! I’ll include some tips on how to make substitutions while still maintaining the same rich flavour and texture.

So grab your apron and preheat your oven. Trust me; this banana marble coffee cake will soon become a weekend favourite at your breakfast table!

Why You’ll Love This Recipe

Banana Marble Coffee Cake
Banana Marble Coffee Cake

Are you craving that perfect slice of banana bread, but also want a fluffy and delicious coffee cake? Look no further than this incredible banana marble coffee cake recipe! Trust me, you’ll love it.

The combination of banana and coffee flavors perfectly complement each other in this amazing recipe. The moist and soft texture of the cake is simply irresistible, making it perfect for breakfast, brunch, or just as an anytime treat.

And if you’re watching your sugar intake or trying to keep things on the healthier side, we’ve got great news for you! This recipe calls for Splenda sugar substitute instead of regular sugar, giving you all the sweetness without any of the guilt. Plus, with low-fat yogurt replacing some of the butter in the recipe and whole wheat flour being used in addition to all-purpose flour, this cake is healthier than most comparables.

Of course, we know a cake isn’t complete without a little bit of chocolate – or in this case, white chocolate chips! They add an extra layer of decadence to the mixture and takes marbled banana bread to even greater heights.

This marble cake isn’t just any ordinary loaf. The swirls of chocolate throughout make it visually appealing; appetizing before even taking slice. Trust us: Starbucks copycats have nothing on this one!

So why will you love this banana marble coffee cake recipe? It’s perfect with your morning coffee or afternoon tea, it’s scrumptious without the added calories and sugar, it’s visually stunning and—if I may say so—it tastes better than any store-bought cake out there.

Don’t wait a minute more! Try out our fantastic recipe and taste for yourself the pure joy of its flavors!

Ingredient List

 Get ready to fall in love with this mouth-watering Banana Marble Coffee Cake!
Get ready to fall in love with this mouth-watering Banana Marble Coffee Cake!

Let’s gather our Ingredients!

Here’s what we need for the Banana Marble Coffee Cake Recipe:

For the cake batter:

  • 1 1/2 cups of mashed bananas (about 3 medium-sized ripe bananas)
  • 3 eggs
  • 3/4 cup of low-fat plain yogurt
  • 1 tsp of pure vanilla extract
  • 1/2 cup of unsalted butter, softened
  • 1 cup of Splenda sugar substitute
  • 2 cups of all-purpose flour
  • 1 tsp of baking soda
  • 1 tsp of baking powder
  • 1/4 tsp of salt

For the chocolate batter:

  • 3/4 cup of milk
  • 1/2 cup of white chocolate chips, melted
  • 1/3 cup of canola oil
  • 1/4 cup of unsweetened cocoa powder
  • Splenda sugar substitute (as per your taste)

For the streusel topping:

  • 1/2 cup of all-purpose flour
  • 1/4 cup of brown sugar
  • 2 tbsp of unsalted butter, melted
  • A handful of chopped walnuts, slivered almonds, or pecans

Tips on Ingredients:

For a dairy-free version or if you’re all out low-fat yoghurt, feel free to use plain dairy-free yogurt as a replacement.

Want to experiment with gluten-free option? Simply swap out the all-purpose flour for almond flour, oat flour, coconut flour, or your preferred gluten-free substitute.

For a Starbucks copycat recipe, use cane sugar instead of Splenda and add some cinnamon to the streusel recipe. Trust me; this little detail will make all the difference!

The Recipe How-To

 Watch how the swirls of chocolate and bananas bring this coffee cake to life.
Watch how the swirls of chocolate and bananas bring this coffee cake to life.

Preparing the ingredients

Before we start with the baking process, it is important to have all ingredients measured and prepared. For this recipe, you will need all-purpose flour, white whole wheat flour, baking soda, baking powder, and salt. We will also be using ripe bananas, eggs, Splenda sugar substitute, cane sugar, low-fat yogurt and some pure vanilla extract. Finally, a bag of white chocolate chips will give this cake a burst of flavor.

Mash the bananas in a separate bowl and set them aside for later use.

Making the batter

Start by preheating your oven to 350°F (175°C). Then mix together in a large bowl 1 cup (2 sticks) of softened butter with ¾ cup of white sugar and ¾ cup of cane sugar until it turns creamy. Add in 3 eggs one by one, stirring well after each addition. Then stir in mashed bananas, 2 teaspoons of pure vanilla extract, and ¾ cup of low-fat yogurt until everything is well combined.

In another bowl, sift together 1 ½ cups of all-purpose flour, 1 ½ cups of white whole wheat flour, 1 teaspoon of salt and 1 teaspoon of baking soda. Mix well before adding to the banana mixture. Pour this mixture while gradually stirring into the liquid mixture until well blended.

Marbling the batter

Take a small bowl and mix together 1 cup of white chocolate chips with brown sugar, chopped walnuts and cinnamon for the streusel. Set it aside for later use.

For the marbled effect, fill each loaf pan about halfway full with batter. Sprinkle half of the streusel over the batter in each pan.Top each pan with remaining batter. Sprinkle remaining streusel over tops.

To create swirls, use a fork to run through the batter in a circular or figure-eight motion, making sure not to overdo it.

Baking the cake

The recipe makes two loaves. Bake both for 50-55 minutes or until a toothpick inserted in the center comes out clean. Let them cool for at least 15 minutes before serving.


If you want an extra boost of flavor, consider adding some coffee to the batter as well! Just combine 1/4 cup of water and one teaspoon of instant coffee granules before adding them to the frosting mixture. This will give your cake an added richness and depth of flavor.

By following these easy steps, you’ll have a fantastic banana marble coffee cake that is sure to become your new favorite treat!

Substitutions and Variations

 Satisfy your sweet tooth with the delicious scent of our Banana Marble Coffee Cake recipe.
Satisfy your sweet tooth with the delicious scent of our Banana Marble Coffee Cake recipe.

I know that sometimes you might want to switch up the recipe a little bit or use ingredients that you already have on hand. Don’t worry! I got you covered with some substitutions and variations.

For a gluten-free option, replace the all-purpose flour with gluten-free flour. If you’re looking for a dairy-free version, simply swap the low-fat yogurt with non-dairy yogurt or unsweetened applesauce.

If you want to make this recipe even healthier, swap out the sugar for Splenda sugar substitute and use whole wheat flour instead of all-purpose flour. You won’t even notice the difference!

To add more flavor to the banana marble cake, mix in ½ cup of white chocolate chips into the batter before baking. You can also substitute walnuts for the chocolate chips for a delicious and nutty twist.

If you’re a fan of coffee flavor, replace water with brewed coffee in the banana batter mixture for the ultimate banana coffee taste. You can even sprinkle some coffee grounds on top of the cake before baking for an extra burst of flavor.

For a twist on traditional banana bread, use this recipe to make a marbled banana bread bundt cake. Simply prepare the batter as instructed and swirl together with a yellow cake mix in a bundt pan.

And lastly, no need to stick with just chocolate swirls! Switch it up by using vanilla cake mix with chocolate swirls or add cinnamon small bowl to your chocolate chip streusel for an extra kick of spice. The possibilities are endless – experiment and see what works best for your taste buds!

Serving and Pairing

 Who knew coffee cake could look so picture-perfect?
Who knew coffee cake could look so picture-perfect?

Are you looking for the perfect way to serve and pair your banana marble coffee cake? Look no further. This delicious cake pairs beautifully with a hot cup of freshly brewed coffee or tea in the morning or afternoon.

For serving, I recommend slicing the cake into even portions and topping each piece with a dollop of lightly sweetened whipped cream or a drizzle of homemade caramel sauce. This adds an extra layer of indulgence to the already delectable flavors of banana and chocolate.

If you’re looking for something more fruity, consider pairing the cake with sliced bananas or strawberries. The combination of sweetness and tanginess will give you the perfect balance of flavors.

Another great pairing that I’ve found works incredibly well is a scoop of vanilla ice cream on top of a warm slice of banana marble coffee cake. The coldness and creaminess of the ice cream perfectly complement the rich and decadent flavors of the cake.

Overall, this banana marble coffee cake is versatile when it comes to serving and pairing. Its rich taste allows it to complement several different flavors, but these recommendations are sure to make your taste buds happy.

Make-Ahead, Storing and Reheating

 The perfect cake to enjoy with a cup of coffee or tea in the morning or evening.
The perfect cake to enjoy with a cup of coffee or tea in the morning or evening.

It’s always great when you can make a coffee cake ahead of time and store it for later. This banana marble coffee cake is no different. Here are some tips on how to make this recipe work with your busy schedule.


You can absolutely make this banana marble coffee cake in advance. In fact, it’s best that you do so. Doing this will give the flavors a chance to meld together even more. Once the cake has fully cooled, simply wrap it tightly in plastic wrap and store it at room temperature for up to 2 days, or in the refrigerator for up to 5 days.


If you are not planning on consuming your cake within 2 days, storing it in the refrigerator is recommended. The cold temperature will help preserve the cake’s freshness for up to five days. To store, wrap the cake tightly in plastic wrap or aluminum foil and place it in an airtight container.


If you want to reheat the banana marble coffee cake, we recommend using an oven or toaster oven instead of a microwave. Microwaves tend to have hotspots, which can create chewy and tough spots in your cake. To reheat your cake, remove it from the refrigerator and let it sit at room temperature for 10-15 minutes before heating it up. Preheat your oven to 350°F (175°C). Then, wrap your cake tightly in aluminum foil and heat it for about 10-15 minutes, or until warm throughout.

Alternatively, you could also add some toppings like whipped cream or chocolate ganache to refresh the flavor and texture of your banana marble coffee cake after reheating.

With these tips in mind, you’ll now be able to enjoy fresh-tasting coffee bites long after you’ve made them!

Tips for Perfect Results

 The soft sponge and the moist chocolate blend together perfectly in every bite.
The soft sponge and the moist chocolate blend together perfectly in every bite.

To achieve the perfect banana marble coffee cake, you need to pay attention to every detail of the recipe. Baking is always a science, and small changes can make a big difference in the final product. Here are some tips to help ensure your banana marble coffee cake turns out delicious every time.

1. Do not overmix: When you are combining the wet and dry ingredients, mix until everything is just combined. Overmixing can cause your cake to become tough and dense.

2. Use ripe bananas: The riper your bananas are, the better your cake will taste. Ripe bananas have deeper flavors, are sweeter, and have a softer texture that blends well with the other ingredients.

3. Avoid using cold eggs: Cold eggs are more difficult to blend with other ingredients and can negatively affect the texture of your batter. Let them sit at room temperature for at least 30 minutes before starting.

4. Use good quality chocolate chips: Quality white chocolate chips are essential for achieving the signature marbled look of this coffee cake. Don’t skimp on cheap chocolate chips as it might not create balanced swirls.

5. Grease Your Cake Pan: Nothing is more frustrating than spending time to create a beautiful cake only to have it stick to the pan while trying to remove it from baked loaf pan or cake tin.

6. Experiment with different flavors and additions: While this recipe creates delicious results, it’s always fun to experiment with adding-in or substituting some ingredients . Try using whole wheat flour instead of all-purpose flour, switch Splenda sugar substitute with coconut sugar use of pure vanilla extract verses vanilla essence etc.

7. Keep an eye on your baking time: Since ovens vary in temperature, be sure to keep an eye on your banana marble coffee cake while it’s cooking to ensure it doesn’t go from underdone to burnt! The typical baking time for this recipe is 30-35 minutes at 350°F, but keep a close eye on the cake when it is in the oven.

By following these tips, your banana marble coffee cake will be the perfect delicious dessert or midday snack at work or can be eaten as a breakfast. Make this recipe as frequent as you wish with confidence and ease!

Bottom Line


In conclusion, this banana marble coffee cake recipe is a must-try for any coffee and banana lover out there. With its delicious swirls of chocolate and moist texture, it will quickly become one of your favorite go-to recipes. By following my detailed instructions on the ingredient list, how-to, substitutions, serving and pairing, make-ahead and tips for perfect results, you can achieve bakery-quality results at home.

Whether you’re indulging in a slice for breakfast or serving it up as a dessert at your next dinner party, this recipe is versatile and sure to impress. Not only is it easy to make with readily available ingredients, but it can also be customized to dietary preferences such as dairy-free or gluten-free options.

Don’t just take my word for it, give this recipe a try today and taste the rich flavors of this starbucks copycat recipe in the comfort of your own home. It will undoubtedly become your new favorite cake recipe that everyone will be asking you for. So why wait? Preheat your oven, grab all the ingredients listed above and start baking this delectable banana marble coffee cake!

Banana Marble Coffee Cake

Banana Marble Coffee Cake Recipe

She's so smart. Another wonderful Rose Reisman dessert.
No ratings yet
Prep Time 20 mins
Cook Time 25 mins
Course Dessert
Cuisine American
Calories 154.3 kcal


  • 1 1/3 cups all-purpose flour
  • 1/3 cup whole wheat flour
  • 1 1/4 cups Splenda sugar substitute
  • 1 1/2 teaspoons baking powder
  • 1/2 teaspoon baking soda
  • 1/8 teaspoon salt
  • 2 ripe small bananas (about 2/3 cup, mashed)
  • 3/4 cup low-fat yogurt
  • 2 large eggs
  • 1/4 cup vegetable oil
  • 1 teaspoon pure vanilla extract
  • 3 tablespoons Splenda sugar substitute
  • 2 tablespoons unsweetened cocoa powder
  • 2 tablespoons water
  • 2 tablespoons white chocolate chips


  • Preheat oven to 350°F
  • Spray a 9-inch square baking dish with vegetable spray.
  • In a bowl, stir together the flours, 1 ¼ cups Splenda, baking powder, baking soda and salt.
  • In a food processor, combine the bananas, yogurt, eggs, oil and vanilla.
  • Purée the mixture until smooth.
  • Pour it over the dry ingredients and stir with a wooden.
  • spoon until everything is combined.
  • Set aside ½ cup of the batter. Pour the.
  • remaining batter into the prepared baking dish.
  • Stir the 3 Tbsp Splenda, the cocoa and water into the reserved batter just untilcombined.
  • Drop the mixture by spoonfuls over top the cake batter. Using a butter knife, swirl the dark batter into the light batter. Sprinkle with chocolate chips.
  • Bake in the centre of the oven for 20 to 25 minutes or until a tester inserted in themiddle comes out clean.
  • Let the pan cool on a wire rack.

Add Your Own Notes


Serving: 78gCalories: 154.3kcalCarbohydrates: 20.4gProtein: 4.2gFat: 6.6gSaturated Fat: 1.5gCholesterol: 36.4mgSodium: 146.9mgFiber: 1.6gSugar: 4.7g
Keyword < 60 Mins, Breads
Tried this recipe?Let us know how it was!

Recommended Recipes Just For You

None found