Earl Grey Tea and Tonic


Don't drink or trying to drink less? A rich tea syrup is a great way to add flavor and body to a non-alcoholic drink, like in this citrusy Earl Grey Tea and Tonic mocktail.

Photography Credit: Elana Lepkowski

No-ABV (alcohol by volume) cocktails – or “mocktails,” as we often call them – are basically cocktails minus the booze. The challenge of making a memorable one is finding ingredients that can substitute for the complexity of flavor that alcohol provides.

While coffee has recently gained popularity as a mocktail element (see the ubiquitous Coffee and Tonic), tea is also an excellent way to create aromatic, caffeine-boosted libations! Earl Grey shares similar flavors with tonic water to make for a nice citrusy pairing, so it’s a useful addition to your home bar when you’re not drinking alcohol.

Earl gray bergamot tea and tonic drink

Our Favorite Videos


When one is abstaining from alcohol-based bitters and liqueurs, tea can add that necessary touch of bitterness and astringency to a non-alcoholic drink. It is also another way to add layers of flavor: steeping tea bags directly in syrup eliminates the need to add more liquid into your mocktail, which can dilute your drink further.


Something else to keep in mind when making a mocktail is viscosity. Alcohol has a certain weight in a drink and on your tongue. When you drink, say, a fruit juice, you know you are drinking a juice. But if you made a juice/spirit mix, while the flavor would obviously tell you it’s alcoholic, there is also a tangible difference in the way it feels in your mouth.

To replicate that experience to some degree in this mocktail, I created a rich tea syrup for a heavier mouthfeel. Giving body to the drink elevates it and makes it feel more like a cocktail and not just a simple sweetened beverage.

Bergamot earl gray mocktail drink syrup


We are all used to the recommended brew times for tea, usually clocking in at four to five minutes. However, here you’re looking for concentrated flavors. A short steep time will result in a weaker flavored syrup.

Don’t worry – the longer steep time won’t make the drink too bitter. If you have loose tea, use two to three tablespoons of tea, depending on how strongly flavored your tea is. If you’ve picked up a new-to-you tea, start with two bags, and if you’d like more flavor, steep a third bag.

Earl gray tea syrup for mocktail


There are so many tonic waters on the market right now that choosing one might seem difficult. Any basic tonic would work and still strike the right sweet and bitter notes due to the quinine.

For this drink in particular, though, I find that Fever-Tree’s Indian Tonic, with its bitter orange flavor, really complements the bergamot. Avoid the more powerfully flavored tonic waters, which can compete with the assertive citrus and floral notes of bergamot.


If Earl Grey is not a flavor you enjoy (or like my husband, it brings on a migraine), many other floral or herbal teas could work. Hibiscus, lemon verbena, or a rooibos tea would bring a complementary flavor and work with the tonic. You could also switch out the lemon here for lime or grapefruit.


Keep this syrup in an airtight container in the fridge and it will last you at least a month.

If you have leftover syrup, you can use it to glaze tea cakes or donut holes, or to sweeten a rice pudding.


Earl Grey Tea and Tonic Recipe

  • Prep time: 25 minutes
  • Syrup chill time: 30 minutes
  • Yield: 1 cup syrup, enough for about 10 mocktails

If you prefer a mild-flavored mocktail that is less sweet, use only 2 tea bags in the syrup with 4 ounces of tonic water in the mocktail. The more tonic water, the less pronounced the bergamot flavor will be.

For a more robust mocktail with stronger bitter notes from the tea and the tonic, use 3 tea bags and 3 ounces of tonic water. If this is too sweet, add in an additional 1/2 ounce of tonic water.


For the Earl Grey (Bergamot) Tea Syrup

  • 1 cup sugar
  • 1/2 cup water
  • 2 - 3 Earl Grey tea bags

For the mocktail

  • 3/4 ounce Earl Grey (Bergamot) Tea Syrup
  • 1/2 ounce freshly squeezed lemon juice
  • 3-4 ounces tonic water (I prefer Fever-Tree’s Indian Tonic)
  • 8 ounces crushed ice


1 Make the Earl Grey Tea Syrup: Combine sugar and water in a small saucepan. Bring to a boil, stirring frequently to dissolve sugar. Remove from heat and add tea bags. Cover and let steep for 15 minutes.

Remove the tea bags and let the syrup cool for 30 minutes, then transfer to an airtight container. Refrigerate for up to one month.

2 Make the cocktail: Fill a highball glass with crushed ice. Pour in 3/4 ounce Earl Grey Tea Syrup, 1/2 ounce lemon juice, and 3-4 ounces tonic water. Gently stir to combine and serve.

Hello! All photos and content are copyright protected. Please do not use our photos without prior written permission. Thank you!

Products We Love

This post may contain links to Amazon or other partners; your purchases via these links can benefit Simply Recipes. Read more about our affiliate linking policy.

Elana Lepkowski

Elana Lepkowski is a professional photographer, writer, and recipe developer with almost 20 years in the food industry. She began documenting her cocktails in 2011 after mixing drinks in her home bar for years, and her website Stir and Strain is now a widely recognized resource for cocktail enthusiasts. Elana has contributed to Serious Eats, Dinner Party Download, Imbibe, and numerous other publications. When she’s not concocting new syrups at home, you can probably find her at Disneyland.

More from Elana

11 Comments / Reviews

No ImageEarl Grey Tea and Tonic

Did you make it? Rate it!

  1. Scot

    This my new favorite! Thanks for making this recipe available.

    It’s a very refreshing. I used about half the sugar and it still turned out very nice.


  2. Nidhi

    Nice! Kids loved it!


  3. Sarah

    I was bummed to see so many negative comments below about Earl Grey and about Fever Tree. This mocktail is an absolute dream, and everybody I have made it for or passed this recipe along to has LOVED IT. I have even proposed it as the welcome drink for a charity event this summer and have been tasked with making it for the event committee to try at our next meeting. I know it won’t disappoint. Fever Tree is hands down one of the best tonics around, I won’t go near Schweppes anymore. Just too much sugar for me.

    THANK YOU for this delightfully refreshing and delicious drink! I seriously don’t even miss the gin or vodka, and it’s become a go-to for me when I feel like having a “drink” but don’t want the alcohol. Love this!!!


    Show Replies (1)
  4. Robyn

    I won’t go passed Schweppes tonic. If the bartender is not using that brand then I will choose something that does not call for tonic at all. Other brands spoil the taste for me.
    But this will never be my choice of cocktail…Earl Grey I mean…cannot bear the taste under any conditions, nor Lady Grey. Just not “my cup of tea” I suppose.

  5. Aaron

    People really need to stop wasting their money on that “Fancy” Fever Tree tonic water. Just get the regular stuff, even store brand. The flavor profile of the more expensive stuff is so incredibly overpowering. The quinine is WAYY too strong. Ruined beverages made with expensive gin. Just because it’s “fancy” doesn’t mean it’s actually better…

    Show Replies (1)
View More
Earl grey tea and tonic drink with iceEarl Grey Tea and Tonic