A New Trend in Coffee – The Cafe Tonic

Coffee and Tonic in a glass coffee mug

Last Updated on

An interesting combo of flavors in this coffee and tonic water combo!




When we first read about this combination of coffee and tonic on Tasting Table, we thought it sounded so crazy that we just had to try it, especially when we found out it is a trend that is sweeping the coffee houses in San Francisco. The combination of bubbly tonic and the bitter espresso combine to make a drink that is complex and surprisingly refreshing.





Coffee and Tonic in a glass coffee mug



What Ingredients are Needed for the Cafe Tonic?

  • coffee
  • tonic water
  • simple syrup



This post contains affiliate links for products that we think you as readers might find useful, and we make commission off of these! For more details about our affiliates, click our Disclosure and Contacts Page.



It also makes a cool layered drink that is visually appealing!











Coffee and Tonic in a glass coffee mug
Yield: 1

The Coffee Tonic

Prep Time: 3 minutes
Total Time: 3 minutes

A new trend in coffee - the cafe tonic is an interesting combination of espresso and tonic water.


  • 6 oz tonic water
  • Simple Syrup to taste
  • 2 oz espresso


Add ice cubes and tonic water into a glass. Slowly pour the espresso over the ice and tonic, allowing the tonic to mix the espresso and make a creamy bitter layer on top.

Gently stir to mix and if needed add a dash of simple syrup to make it a bit sweeter.


We recommend Fever Tree tonic water, which tastes really good!

Recommended Products

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

Nutrition Information:



Serving Size:


Amount Per Serving: Calories: 59Total Fat: 0gSaturated Fat: 0gTrans Fat: 0gUnsaturated Fat: 0gCholesterol: 0mgSodium: 28mgCarbohydrates: 15gFiber: 0gSugar: 15gProtein: 0g


If you liked this recipe, don’t forget to subscribe for new (and of course free) recipes by entering your email address on the side bar (and get all the recipes delivered to your inbox when we post), so you don’t miss out on a thing. You can find us on Facebook, Instagram, Pinterest and Twitter!

Follow my blog with Bloglovin

10 thoughts on “A New Trend in Coffee – The Cafe Tonic

  1. This actually looks really good! I’ve noticed that lots of fancier coffee shops give you a glass of sparkling water when you order an espresso, which is a great palette cleanser, but I’ve never thought to combine them. Definitely will have to give this a try!

  2. this looks so cool!! this is a new trend in SF? Haven’t heard of it yet, but thanks for the introduction 🙂

    1. Glad you enjoyed reading it. We actually heard about it on a SF blog and then later on Tasting Table where they talked about it being a big trend out in the Bay area.

    1. Simple syrup is an easy mix of sugar and water. You take it to a simmer on the stove, and then let it cool! Boom, simple syrup. Great for coffee drinks, cocktails and lemonades!

Leave a Reply

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

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