Skip to Content

A New Trend in Coffee – The Cafe Tonic

Share this...

Last Updated on June 10, 2019 by The ‘Noms.

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

Did you make this recipe?

Please leave a comment on the blog or share a photo on Instagram


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

Share this...

Earl Grey Pot de Creme - no bake dessert with Earl Grey tea
Earl Grey No Bake Pots de Creme
Top shot of gin and grapefruit cocktail with gin bottle
Rosemary's Blush - Grapefruit Gin Cocktail

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

Iced Coffee Concoctions to Keep You Cool and Caffeinated - KCM Apartments Social Hub

Thursday 13th of August 2020

[…] Coffee Tonic [Gastronom]Feeling a little adventurous? Cue the coffee tonic. True to its name, this iced coffee beverage contains tonic water for a fizzy kick. A dash of simple syrup offsets the slightly bitter taste of the tonic. It’s kind of like a coffee cocktail, just sans the boozy element. […]


Tuesday 7th of April 2020

I am a coffeeholic, but not sure what simple syrup is.

The 'Noms.

Tuesday 7th of April 2020

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!

Sami @ Be Mindful, You're Creative

Friday 10th of July 2015

Very very interesting!!


Wednesday 11th of March 2015

this looks so cool!! this is a new trend in SF? Haven't heard of it yet, but thanks for the introduction :)

The 'Noms.

Wednesday 11th of March 2015

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.

Rachael @ Love Yourself Green

Wednesday 25th of February 2015

I'm not a coffee drinker, but I'd like to try this with some honey. Yum.

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