Go Back
–+ servings
Banana Bread Latte topped with whipped cream and caramelized banana

Banana Bread Latte (Hot or Iced) – 2025

Chef Emma
Make this cozy banana bread latte at home—hot or iced—with real banana, espresso, warm spices, and milk—vegan, dairy-free, and TikTok-ready.
Print Recipe Pin Recipe
Prep Time 10 minutes
Cook Time 20 minutes
Total Time 30 minutes
Course Breakfast, Coffee, Drinks, Seasonal, Vegan
Cuisine American
Servings 1 latte
Calories 240 kcal

Equipment

  • saucepan
  • fine mesh strainer
  • jar or bottle for syrup storage
  • hand frother, blender or shaker for cold foam
  • espresso machine or coffee maker

Ingredients
  

  • 1 overripe banana, mashed
  • 1/4 cup pure maple syrup
  • 3/4 cup light brown sugar
  • 1 tsp ground cinnamon
  • 1 tsp vanilla extract
  • 1/2 tsp fine grain salt
  • 1 cup water
  • 1/2 cup whole milk
  • 2 shots espresso
  • 1–2 tbsp banana bread syrup (to taste)
  • 1 cup ice (for iced latte)
  • 3 tbsp whole milk (for cold foam)
  • 2 tbsp heavy cream (for cold foam)
  • 1 tbsp banana bread syrup (for cold foam)
  • 1/4 banana, diced (for topping)
  • 1/2 tbsp butter (for topping)
  • 2 tbsp maple syrup (for topping)

Instructions
 

  • In a saucepan, mash the overripe banana. Add brown sugar, maple syrup, and cinnamon. Cook over medium heat for about 5 minutes, stirring occasionally.
  • Add water and bring to a gentle boil. Reduce heat and simmer for 10–20 minutes until slightly thickened. Stir in vanilla and salt. Strain and store in a jar.
  • In a small pan over medium heat, melt butter. Add diced banana and maple syrup. Cook until golden and sticky (about 3–5 minutes).
  • Combine milk, cream, and banana bread syrup in a cup. Froth until thick and fluffy using frother, blender, or shaker.
  • Fill a glass with ice. Add whole milk, 1–2 tbsp syrup, and 2 espresso shots. Stir to combine. Top with cold foam and caramelized bananas if using.
  • To make it hot, skip the ice. Steam milk, stir in syrup, pour espresso over top, and optionally add foam and toppings.

Notes

Use super ripe bananas for max flavor. Don’t skip the fine mesh strainer—it keeps your syrup silky smooth. Want more banana flavor? Add a little mashed banana to the cold foam too. Make a double batch of syrup and keep some on hand for pancakes, oatmeal, or cocktails!

Nutrition

Calories: 240kcalCarbohydrates: 35gProtein: 4gFat: 10gSaturated Fat: 6gPolyunsaturated Fat: 0.5gMonounsaturated Fat: 2gCholesterol: 30mgSodium: 150mgPotassium: 320mgFiber: 1gSugar: 28gVitamin A: 400IUVitamin C: 3mgCalcium: 120mgIron: 0.5mg
Keyword banana bread latte, banana coffee drink, banana espresso, banana latte, cozy coffee, dairy-free latte, homemade latte, iced banana latte, TikTok drink 2025
Tried this recipe?Let us know how it was!