Summer Hibiscus Tom Collins Cocktail

This post may contain affiliate links, please visit our privacy policy for details.

Kicking off the start of summer with this fun to make and delicious Hibiscus Tom Collins Cocktail! Gin, lots of lemon juice, a splash of hibiscus syrup, and topped with club soda. Think your favorite lemonade, but with a fun summery twist. Finish the drink with a fresh hibiscus flower to really make this unforgettable. Every sip is sweet, floral, lemonade-y, fizzy, and just enough gin to really give a wonderful herbaceous undertone without being overpowering. A must-have cocktail for these hot summer weekends!

pulled back shot of three round glasses on marble surface with three hibiscus flowers, gold spoons beside, floral stamped coasters beside, and lemon slices

About The Recipe

Happy Friday, everyone! It’s officially the first Friday of summer and I couldn’t be more excited to kick off the start of the season with this truly delicious cocktail.

The inspiration? Walt Disney World! This is our take on a cocktail we had during the Flower and Garden Festival at Epcot back in April. It was one of our absolute FAVORITE things (that, and the Coconut Tres Leches Cake!). We went back for it again and again.

So, we asked the people working at the booth what was in the cocktail. The only problem? It’s made with a gin you can only buy in Florida! So, as soon as we got home, we started concocting and trying different ways to reproduce our favorite drink.

Our first attempt was to make hibiscus gin. It’s actually relatively simple, but it requires a LOT of dried hibiscus and, while it was fun to do, we felt like it wasn’t really something we could put on the blog.

Our next attempt was making hibiscus simple syrup. This was fine, but again…lots of dried hibiscus to actually achieve any of the sweet floral notes we wanted.

front shot of three glasses of hibiscus cocktail on marble surface

Thankfully, one quick Google search and we found the edible hibiscus flowers that had decorated the drink at Disney. The best part? They’re literally in hibiscus syrup.

So, immediately, we ordered it and, when it came in, attempted our take on the cocktail! It was PERFECT.

While it’s not the same drink, as we added some club soda to ours to give it a little bit of a fizz, it’s still an absolutely delicious drink that we can’t get enough of. It’s sweet, floral, refreshing, and a serious crowd pleaser!

Reasons You Will Love This Hibiscus Tom Collins Cocktail

  • Super simple to make.
  • Perfectly sweet, floral, and refreshing.
  • Tastes just like summer!
  • A crowd pleaser.
angled shot of three glasses of hibiscus cocktail on marble surface with hibiscus flowers, white flowers, and and lemon slices beside

Equipment Needed

  • Glasses
  • Cocktail Stirrer
  • Scale

Ingredients

(Full ingredient amounts and instructions can be found in the recipe card at the bottom of the post)

  • Gin
  • Hibiscus Syrup
  • Lemon Juice
  • Club Soda
gin, lemon juice, hibiscus syrup, and club soda on marble surface

How To Make a Hibiscus Tom Collins Cocktail

Step 1: Combine

In a cocktail glass, combine the gin, lemon juice, and hibiscus syrup. Top with club soda and add ice.

Step 2: Enjoy!

Serve immediately.

angled close up of cocktail on marble surface with two glasses and two hibiscus flowers behind

How Can I Make Hibiscus Syrup?

Don’t want to buy the syrup? No problem! You can make your own by making a batch of simple syrup. Equal parts water, equal parts sugar. You can make 1/2 cup of simple syrup and placed 4 hibiscus tea bags in the syrup for about 30 minutes. Taste the syrup to see if it has enough flavor, if not, you can let it steep longer or add another tea bag!

Looking for more recipes like this? Here are a few you may like: Winter Orange Champagne Cocktail, Peach Moscato Sangria, Watermelon Lime Jalapeño Margarita, Strawberry Moscato Slush

angled shot of hibiscus cocktail on marble surface with bowl of dried hibiscus beside, two flowers, and two more drinks behind

Expert Tips

  • Carbonated water can be used in place of club soda.
  • You can make your own Hibiscus syrup!
  • This drink needs to be served over ice.
  • Do not make these drinks before you’re ready to serve. The club soda will go flat.
  • One jigger is equal to 1 ½ ounces.
  • This drink is really to taste. Be sure to take a sip and adjust as needed!
  • If you would like to make this drink into a mocktail, leave out the gin, and double the amount of lemon juice, hibiscus syrup, and club soda!

When you make this Summer Hibiscus Tom Collins Cocktail, leave a comment down below! We love hearing from you and answering any questions you might have! Also, be sure to tag us on social media and hashtag it #BakersTable.

pulled back shot of three round glasses on marble surface with three hibiscus flowers, gold spoons beside, floral stamped coasters beside, and lemon slices

Summer Hibiscus Tom Collins Cocktail

Traci
Floral, sweet, and refreshing! This Hibiscus Tom Collins Cocktail is the perfect drink to sip on all summer long.
5 from 1 vote
Prep Time 5 mins
Total Time 5 mins
Course Cocktails
Cuisine American
Servings 1
Calories 140 kcal

Ingredients
 

  • 1 ounce gin
  • ½ ounce lemon juice
  • 1 ½ ounces hibiscus syrup
  • 2 ounces club soda

Instructions

  • In a cocktail glass, combine gin, lemon juice, and hibiscus syrup.
  • Top with club soda.
  • Add ice.

Notes

  • Carbonated water can be used in place of club soda.
  • You can make your own Hibiscus syrup!
  • This drink needs to be served over ice.
  • Do not make these drinks before you’re ready to serve. The club soda will go flat.
  • One jigger is equal to 1 ½ ounces.
  • This drink is really to taste. Be sure to take a sip and adjust as needed!
  • If you would like to make this drink into a mocktail, leave out the gin, and double the amount of lemon juice, hibiscus syrup, and club soda!

Nutrition

Serving: 1drinkCalories: 140kcalCarbohydrates: 37gProtein: 1gFat: 0.2gSaturated Fat: 0.1gPolyunsaturated Fat: 0.04gMonounsaturated Fat: 0.04gSodium: 40mgPotassium: 160mgFiber: 1gSugar: 32gVitamin A: 1IUVitamin C: 7mgCalcium: 14mgIron: 2mg

Nutritional information is only an estimate. The accuracy of the nutritional information for any recipe on this site is not guaranteed.

When you make this recipe, remember to tag @bakerstble or hashtag it #BakersTable!

– Still Hungry? –

Here are a few recipes may like!

Leave a Reply

Your email address will not be published.

Recipe Rating




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

2 Comments