Home » Beverages » Homemade Banana Bread Latte

Homemade Banana Bread Latte

Sharing is caring!

This post may contain affiliate links, see my disclosure policy for details.

Banana Lattes have taken over coffee shops everywhere, but now you won’t have to leave the house to get your hands on one. If you love cozy homemade lattes, banana bread, or fun coffee shop flavors, this iced banana bread latte is absolutely worth making.

A glass of iced coffee with creamy foam on top, placed on a white surface with a blurred background.

I’ve recreated many specialty coffee shop lattes over the years…from cookie butter lattes to brown sugar shaken espressos, but this banana bread latte is easily one of the coziest coffee recipes I’ve made at home.

Instead of blending actual banana into coffee I rely on a simple syrup for flavoring. This recipe uses a quick homemade banana bread syrup, adapted from my brown sugar syrup recipe but adding a ripe banana, cinnamon, and butter extract to get that banana bread flavor.

But the star of the show is the copycat Starbucks banana cold foam on top. I’ve adapted this recipe from my strawberry cold foam recipe using the banana syrup in the place of jam. The foam drives that banana bread flavor home and makes a simple at home iced coffee taste like something you’d pay $7 for at a coffee shop.

Ingredients You’ll Need

A glass jar filled with brown syrup sits on parchment paper, with a wooden spoon, a loaf of bread, and a glass of iced coffee in the background.
  • Banana Bread Syrup– This homemade banana syrup flavors the latte and banana cream on top. Made with a ripe banana, brown sugar, cinnamon, butter extract, and vanilla. It gives the drink a homemade banana bread flavor and mixes smoothly into the espresso.
  • Espresso or Strong Coffee- Espresso balances the sweetness of the syrup and cold foam. Strong brewed coffee, cold brew, regular, or decaf coffee all work well too.
  • Heavy Cream- Heavy cream helps create a thick, silky foam that sits perfectly on top of the latte.
  • Milk- For the foam, I use low-fat or nonfat milk since that’s what Starbucks uses for their banana cream cold foam.

Milk Note: This latte recipe only uses the banana cold foam as the creamer, but if you prefer a milkier latte, simply pour extra milk over the ice before adding in the espresso and foam.

How To Make A Banana Bread Latte

A glass of iced coffee with creamy foam on top sits on a white surface, with a banana and a baked loaf in the background.

Step 1:

A glass filled with ice cubes being poured with cold brew coffee, with a jar of coffee concentrate in the background.

Add ice to a large glass. Brew two shots of espresso and pour it over the ice.

A hand pours liquid from a measuring spoon into a glass filled with ice and dark beverage; a jar and cloth are in the background.

Add the banana syrup to the espresso.

Step 2:

A close-up of a handheld milk frother whisking a small amount of liquid inside a glass jar.

Make the banana cream cold foam: combine banana syrup, low-fat milk, and heavy cream in a jar or small bowl.

A handheld milk frother is mixing a creamy liquid in a glass jar, creating foam on the surface.

Use a handheld frother or whisk, and whip the foam until it’s thick and creamy.

Step 3:

A hand pours creamy whipped coffee topping over a glass of iced coffee; a loaf of bread and striped towel are in the background.

Pour the banana cream over the top of the ice and coffee.

A glass of iced coffee with a thick layer of frothy cream on top, sitting on a white surface with a jar and striped cloth in the background.

Sprinkle with cinnamon (if you want) and enjoy immediately.

Hot Banana Bread Latte

Simply brew hot espresso over banana bread syrup in a mug. Warm the milk, heavy cream and add the banana syrup. Froth the mixture until foamy. Pour into brewed espresso and enjoy!

Tips

  • For the best cold foam, make sure the syrup, cream, and milk are cold before frothing.
  • The cold foam should be thick, creamy, and pourable, not stiff like whipped cream. For a thicker foam, add an extra tablespoon of heavy cream.
  • This recipe works well with espresso, cold brew, or strong brewed coffee, including regular or decaf. If using brewed coffee or premade iced coffee, use 1/3 to 1/2 cup depending on how strong you like your latte.

More Latte Recipes You’ll Love

Save This Recipe

Just enter your email below and we will send this recipe right to your inbox, plus we will send more yummy recipes and ideas.

A glass of iced coffee with a thick layer of frothy cream on top, sitting on a white surface with a jar and striped cloth in the background.

Banana Bread Latte

This iced banana bread latte is made with homemade banana bread syrup, espresso, and creamy banana cold foam for the coziest coffeehouse drink at home.
Print Pin Rate
Prep Time: 5 minutes
Servings: 1 Latte
Author: Michelle

Equipment

  • 1 milk frother, small blender, or a whisk for the foam

Ingredients

Banana Bread Syrup

  • 1/2 cup dark or light brown sugar, firmly packed
  • 1/2 cup water
  • 1 very ripe banana, medium to large size
  • 1/4 teaspoon ground cinnamon
  • 1 teaspoon vanilla extract
  • 1/4 teaspoon butter extract

Iced Coffee Base

  • 2 shots espresso (2 ½-3 ounces) or 1/3 cup strong brewed coffee
  • 1 tablespoon banana syrup

Banana Cream Cold Foam

  • 2 tablespoons heavy cream
  • 2 tablespoons low fat milk
  • 2 tablespoons banana syrup
  • Ground cinnamon (for garnish)

Instructions

Make the banana bread syrup:

  • Add the brown sugar, water, banana, and cinnamon to a medium saucepan over medium heat. Bring to a simmer and use a fork or potato masher to mash the banana into very small pieces. Continue simmering for 5 minutes, until the sugar is dissolved.
  • Place a fine mesh strainer over a measuring cup and carefully pour the syrup through the strainer. Press the banana mixture through the strainer to extract as much liquid syrup as possible. Discard any banana pulp.
  • Stir the vanilla and butter extracts into the strained syrup. Let the syrup cool completely, then transfer to a jar or airtight container and refrigerate until ready to use.

Make the banana coffee:

  • Fill a large glass with ice.
  • Brew two shots of espresso and stir in 1 tablespoon of the banana bread syrup. Pour the espresso mixture over the ice.

To make the banana cream cold foam:

  • Add the heavy cream, low fat milk, and 2 tablespoons of banana syrup to a jar or glass. Use a handheld frother or small whisk to froth until thickened and creamy. Note: The foam should be creamy and pourable, not thick like whipped cream.
  • Pour the banana cream foam over the iced espresso, top with a sprinkle of cinnamon, and enjoy.

Notes

  • The banana cream is the only milk in this latte. If you want your latte creamier, add 1/2 cup of the milk of your choice to the ice. Then add the espresso, syrup, and cold foam.
  • You can use 1/3 to 1/2 cup of strongly brewed coffee (regular or decaf), iced coffee, or cold brew coffee in the place of espresso.
Cuisine American, Coffee
Course Beverages, Breakfast, coffee, Sweets

Nutrition

Serving: 1Latte | Calories: 276kcal | Carbohydrates: 43g | Protein: 2g | Fat: 11g | Saturated Fat: 7g | Polyunsaturated Fat: 0.5g | Monounsaturated Fat: 3g | Cholesterol: 35mg | Sodium: 36mg | Potassium: 95mg | Sugar: 30g | Vitamin A: 500IU | Vitamin C: 0.2mg | Calcium: 61mg | Iron: 0.1mg

Sharing is caring!

Similar Posts

Leave a Reply

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

Recipe Rating