This post may contain affiliate links, please see our privacy policy for details.

The best and (easiest) Chocolate Zucchini Banana Cake with Vanilla Coffee Frosting. No fuss, super quick to mix up, and SO DELICIOUS! Yes, that pretty much sums up this zucchini banana cake. It’s the perfect simple cake to bake up this weekend and use up all that summer zucchini! With over-ripe bananas, zucchini, salted butter, and a good amount of creamy vanilla coffee frosting this is sure to become a favorite. Perfect as an afternoon snack or a late-night dessert.

Chocolate Zucchini Banana Cake with Vanilla Coffee Frosting | halfbakedharvest.com

I’ve been holding onto this recipe for of couple weeks now, waiting for just the right time share. And today is the day! I wanted to wait until late August, when all of the garden fresh zucchini was at its peak harvest.

If you’re growing zucchini in the garden this year, my hope is that you have plenty on hand to bake up in this cake. And if you’re not a gardener, the grocery store should still be able to meet your needs.

Either way, you guys have to bake this cake this weekend. It’s one of my favorites of the summer.

Chocolate Zucchini Banana Cake with Vanilla Coffee Frosting | halfbakedharvest.com

The inspiration

First up, some of you may remember my banana cake from a few years back. It’s a reoccurring staple in my kitchen. And a recipe that’s so simple and easy to make, we just love it!

Secondly, summer zucchini. I love my recipes for zucchini bread that I’ve shared, but I’ve never tried making a zucchini banana bread. Once I had that idea it quickly shifted into more of a zucchini banana cake, since I really, really wanted to add a frosting.

Chocolate Zucchini Banana Cake with Vanilla Coffee Frosting | halfbakedharvest.com

And finally, the frosting. It was really my reason behind wanting to bake a cake. It’s a frosting recipe I developed for another recipe back in the fall of last year. And it’s one that I LOVE so much. Anything vanilla coffee is always a favorite.

I put the cake and the frosting together and something magical and delicious happened. This cake is so good!

Chocolate Zucchini Banana Cake with Vanilla Coffee Frosting | halfbakedharvest.com

Here’s how I make my zucchini banana cake

The first step is the zucchini. Here’s the thing, when baking with zucchini it’s really important to remove any excess moisture (so the water). You want to do this so your baked goods don’t end up super dense and watered down. Simply shred the zucchini, then ring the zucchini to squeeze out all the excess water. It’s really easy, the drier you can get the zucchini, the lighter your cake will be.

The rest of this recipe is VERY easy. The cake itself is made in just one bowl!

Chocolate Zucchini Banana Cake with Vanilla Coffee Frosting | halfbakedharvest.com

Find yourself some very ripe bananas, I’m talking practically black bananas everyone. Very, very brown bananas are KEY. They keep this cake, flavorful, sweet, and incredibly moist.

Mash up the bananas and then mix with a little coconut oil, honey, a couple of eggs, and a splash of vanilla. Next, add the flour, a pinch of cinnamon, and a dash of salt. Stir in some shredded zucchini and then fold in lots of chocolate chunks. The chocolate isn’t needed, but it certainly takes the cake to a whole new level.

Bake and 30 minutes later your house is going to smell incredible. Nothing smells better than a sweet banana based dessert baking away.

Chocolate Zucchini Banana Cake with Vanilla Coffee Frosting | halfbakedharvest.com

Now, on to that creamy vanilla coffee frosting

This is the real secret to this cake. It takes the recipe from average to really darn good.

I wanted the frosting to be light and whipped with just the right amounts of vanilla and coffee flavored throughout. I used a bit of cream cheese to keep it light and creamy. Then added instant espresso powder and real vanilla for flavor.

Chocolate Zucchini Banana Cake with Vanilla Coffee Frosting | halfbakedharvest.com

It’s not your everyday frosting, but I promise it’s delicious.

Once the cake is out of the oven, let it cool, then frost and enjoy! Every last bite leaves you wanting another.

The perfect cake to bake up now, but also enjoy into fall. That frosting reminds me of a warming spice latte. It’s already getting me excited for what’s to come!

Chocolate Zucchini Banana Cake with Vanilla Coffee Frosting | halfbakedharvest.com

Looking for other sweet zucchini recipes? Here are a few ideas: 

Chocolate Chunk Almond Butter Zucchini Bread

Sneaky Zucchini Chocolate Chunk Coconut Bread

Zucchini Peach Streusel Muffins

Lastly, if you make this Chocolate Zucchini Banana Cake with Vanilla Coffee Frosting, be sure to leave a comment and/or give this recipe a rating! Above all, I love to hear from you guys and always do my best to respond to each and every comment. And of course, if you do make this recipe, don’t forget to tag me on Instagram! Looking through the photos of recipes you all have made is my favorite!

Zucchini Banana Cake with Coffee Frosting

Prep Time 25 minutes
Cook Time 35 minutes
Total Time 1 hour
Servings: 10
Calories Per Serving: 219 kcal

Nutritional information is only an estimate. The accuracy of the nutritional information for any recipe on this site is not guaranteed.

Save This Recipe To Your Recipe Box

You can now create an account on our site and save your favorite recipes and access them on any device! You can keep track of your favorite recipes and generate a shopping list for recipes in your collections.

Register & Save

Already Registered? Login Now

Ingredients

Frosting

Instructions

  • 1. Preheat oven to 350° F. Line an 8-inch square baking pan with parchment paper.
    2. Place the shredded zucchini in a clean towel, then squeeze out any excess water. 
    3. In a large mixing bowl, stir together the mashed bananas, coconut oil, honey, eggs, and vanilla until combined. Add the flour, baking soda, cinnamon, and salt, mix until just combined. Stir in the zucchini. Fold in the chocolate. Pour the batter into the prepared bread pan. Bake for 30-40 minutes, or until the center is just set. Remove and let cool for at least 30 minutes before frosting.
    4. To make the frosting, dissolve the instant coffee in 1 tablespoon hot water. In a stand mixer, beat together the cream cheese and butter until light and fluffy, about 2 minutes. Add the confectioners’ sugar, coffee, and vanilla. Beat until the frosting is light and fluffy, 2 to 4 minutes more.
    5. Spread the frosting over cake. Slice, snack, and enjoy!

Chocolate Zucchini Banana Cake with Vanilla Coffee Frosting | halfbakedharvest.com

You May Also Like

Add a Comment

Recipe Rating




This site uses Akismet to reduce spam. Learn how your comment data is processed.

Comments

  1. 5 stars
    This recipe was incredible. The coffee icing really makes it. I made this for fun and the bf liked it so much he requested it again for his birthday next week 🙂 thank you for such a great recipe!

      1. I made this for my mom’s bday and everyone loved it so much! Incredible and i will be making it again along with the other zucchini recipes 🙂

See More Comments