This post may contain affiliate links. If you book or purchase something through these links, I may earn a commission at no extra cost to you. Read the full disclosure policy here.
Looking for a summer coffee drink that’s bold, refreshing, and a little unexpected? This Banana Espresso Tonic has the perfect balance of rich espresso, bright tonic, and smooth banana syrup for a sparkling pick-me-up.
For Toronto Restaurants Signature Recipes, now you can “travel to Toronto” at home because Gareth Hoom of Milky’s Coffee shares their version of the popular Espresso Tonic for people to enjoy.
Want more drink recipes? Try the Brown Sugar Milk Tea and Avocado Blueberry Smoothie.

What Is Espresso Tonic?
Espresso tonic has been making waves in specialty coffee circles, blending the bitter depth of espresso with the crisp, slightly quinine bite of tonic water. Add ice and carbonation, and you’ve got a drink that’s effervescent, complex, and undeniably refreshing.
Why You’ll Love This Banana Espresso Tonic
Sometimes you just want a fizzy banana. Or you didn’t realize you did because you hadn’t thought of it yet. This B&T drink is a result of balancing the distinct sweetness and flavour of a banana with the bitterness of espresso. Based off the popular espresso and tonic drink, this Milky’s made drink uses banana to push the fruity flavours into new territory. The name is a play on the popular cocktail – Banana and Tonic.
– Gareth Hoom
Milky’s Coffee Toronto takes the classic espresso tonic up a notch by introducing banana syrup. The natural sweetness of banana smooths out the bitterness, creating a drink that’s bright, lightly sweet, and irresistibly drinkable.
It’s like a coffee spritzer with tropical vibes—perfect for summer. Plus, be sure to try Milky’s Coffee in Toronto for well-crafted coffee and seasonal specialty drinks.
The recipe and image for Banana Espresso Tonic was provided by Milky’s Coffee to be included in this list of Toronto Restaurants Signature Recipes. If you made this Toronto recipe, share you creation on Instagram, and tag @milkyscoffee and @travellingfoodie.
What You Need for Banana Espresso Tonic
Equipment
- Espresso Machine – This countertop kitchen appliance ensures a strong, rich coffee base with the perfect crema.
- Small Saucepan – Used to create the banana syrup, allowing the fruit to break down properly.
- Mixing Glass or Stirring Spoon – Helps incorporate the flavors before assembling the drink.
- Tall Glass – Essential for layering ice, coffee, and sparkling water.
Ingredients
- Banana – To make the Banana Syrup, which adds natural sweetness and a velvety texture.
- Espresso – Provides depth, richness, and caffeine kick.
- Tonic Syrup – Introduces the botanical bitterness for complexity.
- Sparkling Water – Gives it that refreshing fizz
How to Make Banana Espresso Tonic from Milky’s Coffee Toronto
Here’s how you can make this refreshing summer coffee drink.
- Make Banana Syrup – Boil one banana in water with a sweetener (if desired), then reduce until thick. Mash once cooled.
- Prepare Espresso – Pull two shots of espresso for a strong foundation.
- Combine Flavors – Stir banana syrup, tonic syrup, and espresso together.
- Layer Over Ice – Fill a glass with ice, pour the coffee mixture over.
- Top with Sparkling Water – Add carbonation for the final refreshing touch

Turn This Coffee Drink Into A Cocktail
Turning the Banana Espresso Tonic into a cocktail is easy—just add a little booze! Here are a few ways to spike it:
- Rum Banana Espresso Tonic – Dark or aged rum complements the banana syrup beautifully, adding warmth and depth.
- Vodka Espresso Tonic – A clean, neutral option that lets the coffee and banana flavors shine.
- Banana Espresso Martini – Swap the tonic syrup for coffee liqueur and shake with rum or vodka for a creamy, boozy twist.
- Whiskey Espresso Tonic – A bold choice that enhances the richness of the espresso while balancing the sweetness of the banana.
For a balanced cocktail, start with 1 to 1.5 oz of your chosen spirit, mix it with the espresso and syrups, then follow the original recipe. Want to get fancy? Garnish with caramelized banana or a coffee bean for extra flair.
Espresso Tonic Variations
There are plenty of ways to put a twist on the Banana Espresso Tonic! Each of these creative variations plays with different flavor profiles, making the espresso tonic experience even more exciting:
- Banana Split Espresso Tonic – Inspired by the classic dessert, this version adds a banana cream base, vanilla, and a touch of chocolate, topped with whipped cream and a cherry for a decadent treat.
- Chai Espresso Tonic – A warm-spiced take on the drink, incorporating chai tea concentrate and cinnamon for a cozy, aromatic twist.
- Citrus Honey Espresso Tonic – A bright and refreshing variation that blends espresso with honey and fresh orange juice for a sweet, citrusy balance.
- Ginger Mint Espresso Tonic – A lively combination of ginger syrup, fresh mint, and lime, adding a zesty, herbal kick to the classic tonic.
- Blackberry & Pink Peppercorn Espresso Tonic – A bold and slightly spicy version featuring blackberry syrup and pink peppercorn for a unique depth of flavor.
FAQs and Helpful Tips for Banana Espresso Tonic Beginners
If it’s your first time making chilled asparagus soup, don’t worry. A few simple tricks will get you there.
Yes, the Banana Espresso Tonic is naturally vegan! All its ingredients—banana syrup, espresso, tonic syrup, and sparkling water—are plant-based. Just be mindful of any sweeteners you add to the banana syrup, as some honey-based options wouldn’t be vegan. If you’re making this at home, stick to sugar or maple syrup for a fully vegan version.
Yes! Store it in the fridge for a few days.
It’s lightly sweet, balanced by the bitterness of tonic and espresso.
You can, but espresso gives a stronger contrast against the tonic.
About Milky’s Coffee Toronto
Milky’s Coffee is known for their minimalist, hyper-focused approach to coffee craft. With their attention to detail and playful twists on modern coffee, they continue to be one of Toronto’s most innovative cafes.
Location Map
What Dishes To Serve With Banana Espresso Tonic
- Appetizer – Air Fryer Garlic Bread complements the drink’s refreshing profile
- Main Dish – A light pizza like Prosciutto Arugula Pizza to balance the drink’s sweetness and carbonation
- Dessert – Prosciutto & Cheese Cupcakes to have some salty richness to the drink’s sweetness and sparkling acidity contrast
Milky’s Coffee’s Banana Espresso Tonic Recipe
Be sure to bookmark/save/pin this post so you know how to make espresso tonic with banana from Milky’s Coffee Toronto at home!
I would love to see how this recipe worked for you! Please share your creations with me on social media and tag me so I can check them out: @TravellingFoodie on Instagram & Facebook and @TravellinFoodie on Twitter.
Banana Espresso Tonic
Cool off this summer with Banana Espresso Tonic! This refreshing coffee drink blends rich espresso, house-made banana syrup, and tonic syrup, topped with sparkling water for the perfect fizzy kick. It’s smooth, cold, and packed with caffeine. If you love unique summer coffee drinks, try this one from Milky's Coffee today!
Ingredients
- 1 piece Banana
- 2 shots Espresso
- 14ml Tonic Syrup
- 120ml Sparkling Water
Instructions
- Make 30ml banana syrup by boiling 1 banana in water (add desired sweetener if needed), then slowly reduce until thick.
- When cooled, mash the banana.
- Pull espresso shots
- Combine banana syrup, tonic syrup, and espresso, stir to combine
- Fill glass with ice
- Pour combined syrups and coffee over ice
- Fill glass with sparkling water
Notes
- The recipe and image for B & T were provided by Milky's Coffee for Toronto Restaurants Signature Recipes.
Recommended Products
As an Amazon Associate and member of other affiliate programs, I earn from qualifying purchases.
Nutrition Information:
Yield: 1 Serving Size: 1Amount Per Serving: Calories: 337Total Fat: 1gSaturated Fat: 0gTrans Fat: 0gUnsaturated Fat: 0gCholesterol: 0mgSodium: 67mgCarbohydrates: 87gFiber: 3gSugar: 51gProtein: 1g
Please note that nutrition information you see is provided and automatically calculated by Nutritionix. This may vary depending on the specific ingredients that you use. To ensure the most accurate information, I suggest entering your specific ingredients into a nutrition calculator.
Hope this Banana Espresso Tonic recipe gives you an idea on what coffee drink to make that’s perfect for the hot days especially during summer.
Whether you’re looking for something fizzy or something cold, it’s a great way to get your caffeine fix in a unique way.
Let me know what other drinks or coffee recipes you’d like to see or from which Toronto restaurant.
Enjoy the content and want to support? You can buy me a coffee ☕, purchase a merch 👕, or subscribe to the newsletter.
Join the community on YouTube, Facebook, Food Instagram, Travel Instagram, and TikTok!