• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer

Sugared & Stirred

dairy-free. still delicious.

  • Home
  • Recipes
    • Bars + Brownies
    • Breads
    • Cake
    • Cookies
    • Gluten-Free
    • Ice Cream + Popsicles
    • Pies + Pastries
    • Vegan
  • About
  • Contact
  • Resources
    • FAQ
    • Shop
    • Work with Me

banana cake

Coffee Banana Layer Cake with Coffee Frosting (dairy-free)

September 27, 2020 by Rachael Ng Leave a Comment

Banana cake layers flavored with both fresh and instant coffee – all wrapped up in a simple cake with a dairy-free coffee buttercream! A cozy slice of this Coffee Banana Cake will go perfectly with your favorite cup of hot coffee!

Coffee Banana Layer Cake

This easy Coffee Banana Cake is like a dressed up version of my favorite banana bread: 2 layers of perfectly moist, coffee-flavored banana “cake” with loads of coffee buttercream. It’s the perfect dessert to save those brown bananas from being thrown into the trash bin. Please tell me I’m not the only one who’s constantly shuffling too-ripe bananas from the counter to the freezer in hopes that I’ll utilized them in a smoothie or banana loaf (real talk, I have a literal bunch of near-black bananas in my freezer currently. Plus a couple more.).

With a few staple ingredients, like bananas, coffee, flour, eggs, and powdered sugar, you’ll have a beautiful and unique cake to serve any way you’d like. And it all comes together quite easily. The batter mixes up like muffins or a quick loaf, and the buttercream frosting is a mix of standard ingredients with the addition of plant-based butter (in place of butter) if you’re dairy-free. Decorate the cake however tickles your fancy (or will impress your friends and family) and enjoy!

Some of the Ingredients You’ll Need + Substitutions:

  • All-purpose flour (I like to use unbleached) can be replaced with a 50:50 mix of whole wheat + AP flour or white whole wheat + AP flour. You can also make this cake with whole wheat pastry flour to make it extra fluffy (this is one of my fave flours!).
  • Granulated sugar is necessary, and I recommend coconut sugar, raw cane sugar, or white, granulated cane sugar. Brown sugar will probably work, too.
  • Eggs bind the cake, but if you’re looking for an egg-less recipe, flax egg should work in place of the eggs. 1 Tbsp flaxseed meal + 3 Tbsp warm water = 1 flax egg (so you’ll need 3 Tbsp flaxseed meal + 9 Tbsp warm water).
  • Coffee in two forms: fresh brewed and instant coffee granules for maximum flavor. If you can only use 1 kind of coffee, go for the granules as the concentration of flavor is necessary for this recipe! You can use the instant coffee to make coffee OR you can use plant-based milk in place of the fresh brewed coffee.
  • Oil adds moisture, and I recommend avocado oil or light olive oil for this recipe. You can also use melted coconut oil or vegetable oil.
  • Plant-based butter makes up the frosting. If you aren’t dairy-free, regular butter will work, too.
  • Vegetable shortening stiffens the plant-based frosting. Feel free to use more plant-based butter (or regular butter) in its place, but you may need more powdered sugar/less liquid coffee for the frosting.
  • Powdered sugar is necessary for that classic buttercream texture and flavor. I don’t recommend any substitutes.
Yield: 10-12 Slices

Coffee Banana Layer Cake with Coffee Frosting

Coffee Banana Layer Cake with Coffee Frosting

A simple layer cake that combines classic banana bread flavor with the decadent addition of real coffee! Take your banana baking up a notch with this easy cake!

Prep Time 45 minutes
Cook Time 20 minutes
Additional Time 2 hours
Total Time 3 hours 5 minutes

Ingredients

Banana Coffee Cake

  • 2 1/4 cups unbleached all-purpose flour
  • 1 tsp baking soda
  • 1 tsp baking powder
  • 1 tsp salt
  • 1 Tbsp cinnamon
  • 3/4 cup sugar (coconut, raw cane, or regular cane sugar)
  • 3 large eggs, room temp
  • 1/2 cup strong coffee
  • 3 Tbsp instant coffee granules
  • 5 Tbsp oil (I used light olive oil)
  • 1 tsp vanilla extract
  • 1 1/2 cups mashed ripe banana (3-4 medium bananas)

Coffee Frosting

  • 1 1/2 cups plant-based butter, stick form, softened
  • 1/2 cup vegetable shortening (or more plant-based butter)
  • 1 tsp vanilla extract
  • 1/4 cup strong coffee, cooled
  • 1 Tbsp instant coffee granules
  • ~6 cups powdered sugar

Instructions

Make the Cake

  1. Preheat your oven to 350°F and bring your eggs to room temperature by placing them in a glass of warm water for around 10 minutes.
  2. Meanwhile, prepare two 8" cake pans with non-stick spray and parchment paper circles. I like to spray the pans, lay the parchment circles in the bottoms, and then spray the parchment.
  3. In a large bowl, whisk together the flour, baking soda, baking powder, salt, and cinnamon; set aside.
  4. In a medium bowl, whisk together the sugar, eggs, coffee, instant coffee, oil, vanilla, and mashed banana until everything is totally combined. Add liquid ingredients to dry and gently mix until no flour pockets remain - be careful not to over-mix the batter.
  5. Divide the batter evenly into the two prepared cake pans (it's best to use a kitchen scale here for precision). Tap the pans on your counter to even out the batter.
  6. Bake cakes at 350°F for 15-20 minutes or until a toothpick inserted into the middle comes out clean. Allow the cakes to cool in the pans for 10 minutes. Then turn each cake out onto a cooling rack and remove and toss out the parchment paper circles. Allow cakes to cool completely before frosting.

Make the Frosting + Build the Cake

  1. Once the cakes are totally cooled, you can make the frosting. In a medium bowl, beat together the softened vegan butter and vegetable shortening. Beat in the vanilla extract and instant coffee granules.
  2. Add half of the powdered sugar and beat. Then beat in the 1/4 cup of coffee. Continue adding powdered sugar until the frosting forms. You may need to add a little more or less powdered sugar depending on how your frosting is coming together. You want the frosting to be smooth and spreadable but also thick enough to hold its shape.
  3. Frost the cake by placing one cake, right-side up, on a cake stand or plate. Add roughly 12 Tbsp or 3/4 cup of frosting to the top of the cake and spread evenly across the cake surface, leaving 1/4" of cake around the edge.
  4. Place the second cake layer on top, right-side down so that the flat, smooth bottom is facing up. Begin adding frosting to the side of the cake where the two layers meet, generously filling in the gap. Then continue frosting the cake all the way around and on top, swirling as you go along (or smoothing with a bench scraper).
  5. Decorate the cake however you'd like, or simply swirl the frosting for that classic, home-baked look.
  6. Store any leftovers in an airtight container at room temperature or in the refrigerator if your storage area is warm.

Notes

  • To keep your cake stand or plate clean while frosting the cake, cut large parchment paper triangles and gently slide/shimmy them under the cake until the stand/plate is covered (see photos above)

© Rachael | Sugared & Stirred
Cuisine: American / Category: Cake

Did you make this recipe?

Tag @sugaredandstirred on Instagram and hashtag #sugaredandstirred

Filed Under: Cake, Dairy-free Tagged With: banana cake, coffee banana cake, coffee frosting, dairy free banana cake, dairy free cake

Banana Cupcakes with Dairy-Free Vanilla Frosting

May 1, 2020 by Rachael Ng 1 Comment

Fluffy and moist Banana Cupcakes topped with a simple vanilla buttercream and mouthwatering (and optional) caramel pecans! These dairy-free cupcakes can easily be made vegan or gluten-free, and if you like banana bread then you will love these!

Banana Cupcakes with Dairy-Free Vanilla Frosting

Who doesn’t love a fresh piece of banana bread? Top that with a delicious buttercream frosting and portion it into individual little cakes? Yes, please! These banana cupcakes are the perfect way to utilize your browning bananas, and they’re made extra special with the frosting and caramel pecans.

If you’ve made banana bread before, then you’ll find this recipe to be very similar. The dairy-free frosting comes together like any other American buttercream – you’ll beat the plant butter with vanilla extract, powdered sugar, and plant milk. I promise it’s very simple!

How to make the caramel pecans:

For the caramel pecans, you’ll whip up a simple dairy-free caramel by boiling water and sugar until it reaches a deep amber color. You’ll want to use a medium heavy-bottomed sauce pan, and once the water and sugar are in your pot, you don’t want to stir it or touch it at all (this prevents unwanted crystals from forming).

Once the water and sugar caramelize to a deep amber color, you’ll remove your pot from the heat and immediately (and slowly) pour in the coconut cream. I like to shake my can of coconut cream and have it all measured out and ready to go.

Then you’ll put the caramel back on the heat and bring the temperature up to between 235°F and 245°F (soft ball stage) – this will make the caramel set to a chewy texture. Immediately toss your pecans in the caramel and then lay them out on a parchment lined baking sheet to set. Do your best to separate the individual pecans while the caramel is still hot, so separate them right away – I like to use a fork (don’t touch the hot caramel!). The caramel will cool/set quickly, so your pecans will be set by the time you’re ready to frost your cupcakes.

Some of the ingredients + substitutions for these Banana Cupcakes:

All-purpose flour can be replaced with a GF all-purpose blend. For extra fluffy cupcakes, you can use 3/4 cup AP flour + 3/4 cup whole wheat pastry flour (one of my faves!).

Cinnamon adds depth to these cupcakes and I don’t recommend skipping it! I like to use Saigon cinnamon.

Sugar adds necessary sweetness. You can use coconut sugar, raw cane sugar, or white granulated (cane) sugar.

Eggs add fluff to these cupcakes. For vegan or eggless cupcakes, you can use 2 flax eggs instead. Mix 2 Tbsp flaxseed meal with 6 Tbsp warm water; mix and allow to thicken for 5 minutes.

Coconut cream (for the caramel pecans) is my favorite dairy-free milk for caramel. If you don’t follow a DF diet, you can use regular cream.

Yield: 12 Regular Cupcakes

Banana Cupcakes with Dairy-Free Vanilla Buttercream

Banana Cupcakes with Dairy-Free Vanilla Buttercream

Moist and fluffy banana cupcakes topped with a classic vanilla frosting and mouth-watering caramel pecans! These simple cupcakes are just the excuse you need to put those bananas on your counter to use.

Prep Time 1 hour
Cook Time 20 minutes
Additional Time 1 hour
Total Time 2 hours 20 minutes

Ingredients

Banana Cupakes

  • 1 1/2 cups all-purpose flour
  • 1 tsp baking soda
  • 1 tsp baking powder
  • 1/2 tsp salt
  • 1 Tbsp ground cinnamon
  • 1/2 cup coconut sugar (or cane sugar)
  • 2 large eggs, room temp
  • 1/4 cup plant-based milk
  • 1/4 cup vegetable oil (I used olive oil)
  • 2 tsp vanilla extract
  • 1 heaping cup mashed banana (3-4 medium bananas)

Vanilla Buttercream

  • 1 1/2 sticks (3/4 cup) plant-based butter, softened
  • 1 tsp vanilla extract
  • 4 1/2 cups powdered sugar
  • 4-5 Tbsp plant-based milk

Caramel Pecans

  • 1/2 cup white granulated sugar
  • 1/4 cup water
  • 1/4 cup coconut cream (from a shaken can)
  • 1 cup whole pecans

Instructions

Make the cupcakes:

  1. Preheat your oven to 350°F and prepare a 12-count muffin pan with cupcake liners. Bring your eggs to room temperature by placing them in a glass of warm water for around 10 minutes.
  2. In a large bowl, whisk together the flour, baking soda, baking powder, salt, and cinnamon; set aside.
  3. In a medium bowl, whisk together the coconut sugar and eggs. Whisk in the milk, oil, vanilla, and mashed banana. Add the liquid ingredients to the dry and gently mix until no flour pockets remain.
  4. Fill the cupcake liners/wells 3/4 full with the batter. Bake at 350°F for 15-20 minutes or until a toothpick inserted into a cupcake comes out with a few crumbs.
  5. Allow cupcakes to cool in the pan for 5 minutes and then carefully pull them out and transfer them to a cooling rack to cool completely.

Meanwhile, make the caramel pecans (optional):

  1. Prepare your coconut cream by shaking the can or (if solid) heating it until it's liquid. Measure out the coconut cream and set it up next to a folded dish towel/hot pad holder and wooden spoon (to mix the hot caramel).
  2. Set up a baking sheet with parchment paper and set aside (to cool the caramel pecans later).
  3. In a medium heavy-bottomed saucepan, add the sugar and water, swirling gently until the sugar is soaked. Bring the mixture to a boil and heat until it reaches a deep amber color - this can take up to 20 minutes. Keep a close eye on the sugar because once it begins to darken, it cooks quickly and can easily burn. Do not, at any point, stir or agitate the sugar while it's boiling (this prevents crystals from forming).
  4. Immediately remove from the heat and place on your folded towel. Slowly pour the coconut cream into the mixture, stirring gently as your pour. Be careful as the hot caramel will bubble up!
  5. Once the coconut cream is mixed in, place the caramel back on the burner and bring to a boil, using a candy thermometer to monitor the heat. Bring to the soft ball stage, 235°F to 245°F, and then immediately remove from the heat.
  6. Add the whole pecans and gently toss in the caramel. Spoon them onto your parchment-lined baking sheet and use a fork to separate the pecans. Allow the pecans to set.

Once the cupcakes are cool, make the frosting:

  1. In a large bowl, beat together the softened butter and vanilla extract. Beat in the powdered sugar. Beat in 3 Tbsp of the milk until combined.
  2. Continue adding milk by the teaspoon until your frosting reaches a smooth, pipe-able, and stiff consistency. I like to take a knife or icing spatula and swirl the frosting in the bowl to test the consistency. If you're able to create swirls that stay in place, then your frosting should be good to go. If your frosting isn't stiff enough, add a little more powdered sugar, or add a little more milk if you can't easily swirl it.
  3. Pipe or spread the frosting onto the cooled cupcakes and immediately top with the caramel pecans or other toppings. I recommend frosting and decorating these cupcakes the day you plan to serve/eat them.
  4. Store leftover cupcakes in an airtight container at room temperature.

Notes

  • For a stiffer frosting, replace 2 Tbsp of the butter with vegetable shortening
  • For less frosting, cut the recipe by 1/3: 1 stick butter + 3 cups powdered sugar + 1 tsp vanilla extract + 3-4 Tbsp plant-based milk
  • For vegan cupcakes, use flax eggs in place of eggs. Mix 2 Tbsp flaxseed meal with 6 Tbsp warm water; mix and allow to thicken for 5 minutes
  • For gluten-free cupcakes, replace the all-purpose flour with a GF all-purpose blend

Recommended Products

As an Amazon Associate and member of other affiliate programs, I earn from qualifying purchases.

  • 12-Cup Muffin/Cupcake Pan
    12-Cup Muffin/Cupcake Pan
  • Liquid Measuring Cups, 3-Piece
    Liquid Measuring Cups, 3-Piece
  • Stainless Steel Mixing Bowls
    Stainless Steel Mixing Bowls
© Rachael | Sugared & Stirred
Cuisine: American / Category: Cake

Did you make this recipe?

Tag @sugaredandstirred on Instagram and hashtag #sugaredandstirred

Filed Under: Cake, Dairy-free Tagged With: banana cake, banana cupcakes, dairy free cake, dairy free frosting, vegan buttercream, vegan cake

Chocolate Banana Snack Cake

August 31, 2018 by Rachael Ng 2 Comments

This Chocolate Banana Snack Cake recipe (and post) has been updated as of May 2022.

Fluffy and moist Chocolate Banana Snack Cake flavored with fresh banana, ground cinnamon, and cocoa powder. With a chocolate buttercream frosting, this simple snack cake hits all the craving check boxes. 

Chocolate Banana Snack Cake

One of my favorite things about baking is how easy it can be to take a recipe I already love and tweak a few things to make it like a brand new recipe. A few months ago, I came up with a dairy-free banana cake recipe for my husband’s birthday. When my mom requested a banana chocolate cake for my dad’s birthday celebration, I knew I had a delicious, fluffy banana cake that would be perfect with chocolate frosting. I added a bit of cocoa to the cake batter – nothing too rich – to add a little extra chocolate and whipped up a simple American buttercream with a bit of cocoa and cinnamon. I hope you like this simple cake as much as we do – it’s moist, fluffy, and everything you want in a simple snack cake (hello, easy cake baking!).

Ingredients You’ll Need + Substitutions

  • All-purpose flour makes up the bulk of the cake batter. For a “healthier” option, you can replace up to 1/2 of the flour with a whole wheat alternative – I recommend white whole wheat flour or whole wheat pastry flour.
  • Cocoa powder adds a hint of chocolate flavor to the cake and frosting. For a dark chocolate frosting, you can use a Dutched cocoa powder.
  • Baking soda leavens this cake. Since this cake uses natural cocoa powder, you want to be sure to use baking soda.
  • Salt enhances flavor.
  • Ground cinnamon adds a lovely touch of that classic banana bread flavor. Feel free to leave it out, or add more, depending on taste 😉
  • Granulated sugar sweetens the cake. You can use your favorite granulated sugar. I’ve successfully made this cake with both unrefined cane sugar and coconut sugar. Of course a standard white granulated sugar will work as well.
  • Plant-based milk adds moisture to the cake and frosting. I used a sweetened almond milk, but you can use your favorite “milk” or cow’s milk.

Ingredients + Substitutions Continued…

  • Oil also adds moisture. I like to bake with olive oil as it’s what we always have on hand. You can use whatever vegetable oil you’d like, as long as it’s in liquid form. If you choose to use melted coconut oil, it’s important that your other ingredients (eggs & milk) are room temperature.
  • Vanilla extract adds flavor to both the cake and frosting.
  • Eggs bind the ingredients together. For a vegan alternative, I recommend a simple flax egg sub. Mix 1 Tbsp flaxseed meal with 3 Tbsp of warm water (per egg); mix and allow to thicken for a few minutes. For this recipe you’ll need 2 Tbsp of flaxseed meal and 6 Tbsp of water.
  • Mashed banana brings the banana flavor. You want to make sure your bananas are very brown before mashing with a fork.
  • Plant-based butter makes up the buttercream frosting. Feel free to use your favorite stick butter for this recipe (vegetable shortening will work as well).
  • Powdered sugar makes up the bulk of the frosting. There are no substitutes for powdered sugar in this frosting recipe.

More Banana Cake Recipes

Coffee Banana Layer Cake

Mini Banana Cupcakes w/ Dark Chocolate Frosting

Banana Cupcakes with Vanilla Frosting

Yield: 9 Slices

Chocolate Banana Snack Cake

Chocolate Banana Snack Cake

Fluffy and moist Chocolate Banana Snack Cake flavored with fresh banana, ground cinnamon, and cocoa powder. With a chocolate buttercream frosting, this simple snack cake hits all the craving check boxes!

Prep Time 30 minutes
Cook Time 30 minutes
Additional Time 1 hour
Total Time 2 hours

Ingredients

Chocolate Banana Cake

  • 1/2 cup granulated sugar - white, raw, or coconut (see Note 1 for grams)
  • 1/4 cup (60g) almond milk
  • 1/4 cup (45g) olive oil
  • 1 tsp vanilla extract
  • 2 large eggs
  • 1 cup (255g) mashed banana (2-3 brown bananas)
  • 1 1/4 cups (163g) all-purpose flour
  • 1/4 cup (20g) cocoa powder
  • 1 tsp baking soda
  • 1/2 tsp salt
  • 1 Tbsp ground cinnamon

Chocolate Frosting

  • 1/2 cup (113g) plant-based butter, softened
  • 1/2 tsp vanilla extract
  • 1/4 cup (20g) cocoa powder
  • 2 cups (240g) powdered sugar
  • 1 tsp ground cinnamon
  • 1-2 Tbsp plant-based milk

Instructions

Bake the Cake

  1. Preheat your oven to 350°F and prepare an 8x8" cake pan with non-stick spray and parchment paper. I like to cut one strip of parchment paper and fold the excess over two of the edges - trim the edges so they hang about 1/2 inch over the pan edges.
  2. In a medium bowl, whisk together the sugar, milk, oil, and vanilla extract. Whisk in the eggs and mashed banana; set aside.
  3. In a large bowl, sift in the flour and cocoa powder. Add the baking soda, salt, and cinnamon and whisk until combined.
  4. Pour wet ingredients into dry and gently stir until no flour pockets remain.
  5. Pour batter into prepared cake pan and bake at 350°F for 28-32 minutes or until a toothpick inserted into the middle comes out with a few crumbs. Allow the cake to cool in the pan for 10 minutes and then use the parchment paper to gently lift the cake out of the pan and onto a cooling rack to cool completely.

Make the Frosting

  1. Once the cake is totally cool, make the frosting: in a medium bowl, beat the softened butter and vanilla extract. Beat in the cocoa powder and cinnamon. Beat in the powdered sugar. Finally, add milk 1 tsp at a time, beating after each teaspoon, until the frosting reaches a smooth and spreadable consistency.
  2. Frost the cake (out of the pan) by plopping the frosting on top and gently spreading it over the surface of the cake with an icing spatula - I like to make big swoops with my frosting. Top it off with sprinkles, crushed cacao nibs, or extra cinnamon.
  3. Store leftover cake in an airtight container at room temperature.

Notes

  1. Sugar: the gram measurement will vary depending on the kind of granulated sugar you use.
  • 1/2 cup white granulated sugar = 104g
  • 1/2 cup coconut sugar = 83g
  • 1/2 cup raw sugar = 96g
  • 1/2 cup unrefined cane sugar = 110g

© Rachael | Sugared & Stirred
Cuisine: American / Category: Cake

Did you make this recipe? I would love to see!

Tag @sugaredandstirred on Instagram and hashtag #sugaredandstirred

Filed Under: Cake, Dairy-free Tagged With: banana cake, banana dessert, banana sheet cake, banana snack cake, cake with chocolate and banana, chocolate banana cake, chocolate banana dessert, chocolate banana sheet cake, chocolate banana snack cake, dairy free banana cake, dairy free sheet cake, easy sheet cake, vegan banana cake, vegan sheet cake

Primary Sidebar

Meet Rachael

Hi! I’m Rachael, a home baker who creates dairy-free, indulgent treats. As a sweets lover and former candy addict, I believe we shouldn’t have to give up everything we love in pursuit of wellness. That’s why I create delicious and approachable desserts that you can enjoy, in moderation, no matter your goals! Because, let’s face it, sometimes you just need a giant slice of frosted cake, sans guilt! Read More…

  • Bloglovin
  • Facebook
  • Instagram
  • Pinterest

Never miss a recipe!

Instagram

I’ll take my s’mores cookies with extra chocolate plz 😇
Extra creamy Raspberry Russian = perfect for Valentine’s Day ♥️ [#ad] Made with vodka, oat milk, and @torani Raspberry Syrup, this simple drink looks impressive but takes only a couple of minutes to make! Grab your Raspberry Syrup at the link in my bio 🛒
No-churn Cookies & Coconut Cream Ice Cream Bars! 🍨🥥 A simple chocolate coconut ice cream is filled with crushed Oreos and then frozen in popsicle molds. Once frozen, you dip each pop in melted chocolate — so so delicious 💕
First day of Feb calls for Chocolate Strawberry Brownies!! 🍓💕💌
Banana cupcakes miiiight be the best way to use up those brown bananas 🥹
More chocolate & orange 🫶🏻
NEW Salted Caramel Apple Smoothie made with simple ingredients like green apple, fresh spinach, and white chia seeds 🍏🥄 [#ad] Sweetened with @torani Puremade Zero Sugar Salted Caramel Syrup, you’ll get a lovely caramel apple flavor without any added sugar — grab your syrup at the link in my bio! #freshstart #torani
My go-to Chocolate Birthday Cake, baked for almost every birthday at my house because A) it has a tad less sugar than standard cake (perfect for kids!) and B) I will always eat the leftovers 💘
Orange Dark Chocolate Chunk Cookies 🍊 Thin, chewy, and vegan-friendly. Chopped chocolate *not* optional 🍫🍫

Top Recipes

  • Egg Yolk Chocolate Chip Cookie Bars
  • Double Chocolate S'mores Cookies
  • Chocolate Cherry Martini
  • Chewy Black Sesame Olive Oil Cookies (dairy-free!)
  • Olive Oil Brownie Cookies (DF)

Footer

Connect with Me

  • Bloglovin
  • Facebook
  • Instagram
  • Pinterest

Copyright © 2023 · Foodie Pro & The Genesis Framework

 

Loading Comments...