• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Charming Cocktails
  • Recipe Index
  • Tutorials
  • About
  • Amazon Shop
  • Subscribe
menu icon
go to homepage
  • Recipe Index
  • Tutorials
  • About
  • Amazon Shop
  • Subscribe
    • Instagram
    • Pinterest
  • subscribe
    search icon
    Homepage link
    • Recipe Index
    • Tutorials
    • About
    • Amazon Shop
    • Subscribe
    • Instagram
    • Pinterest
  • ×
    Home All Cocktails

    Hibiscus Gin Cocktail with Pineapple

    Published: Jul 1, 2022 · Modified: Nov 29, 2022 by Kimberly · This post may contain affiliate links. As an Amazon Associate I earn from qualifying purchases. · Leave a Comment

    Jump to Recipe - Print Recipe

    If you're new here, you may want to subscribe to my newsletter and never miss a recipe! Cheers!

    Side view of hibiscus gin cocktail with a lime wheel garnish and ingredients in the background with the text Hibiscus Gin Cocktail with pineapple juice on top.
    Side view of hibiscus gin cocktail with a lime wheel garnish and ingredients in the background with the text Hibiscus Gin Cocktail with pineapple juice on top.

    This refreshing Hibiscus Gin Cocktail combines hibiscus syrup with pineapple juice and citrus. The herbal flavor from the gin pairs really well with the fruit flavors, without taking over the drink. With some bubbles from seltzer and a kick from spiced ginger bitters, it's a beautiful and delicious summertime drink!

    View of the top of a hibiscus gin cocktail with dried hibiscus flowers and fresh lime in the background.

    This is a great cocktail for summertime, since there are a lot of tropical fruit flavors. If you make a batch ahead of time, this drink would be great for a beach day!

    This drink uses my Hibiscus Syrup recipe (and you can find a short version in this post below). Another delicious hibiscus-flavored drink is this fancy Hibiscus Vodka Cocktail, which actually uses the hibiscus to infuse the vodka instead of the syrup.

    Jump to:
    • Ingredients
    • How to make Hibiscus Syrup
    • Variations
    • Equipment
    • Instructions
    • Frequently Asked Questions
    • Top tip - Batching this cocktail
    • 📖 Recipe
    • 💬 Comments

    Ingredients

    Here are the ingredients you'll need to have on hand to make this cocktail.

    • Gin - I used Malfy Gin (link to purchase on Drizly), which is a modern dry style gin. A citrusy gin like Malfy Con Limone would work great too.
    • Hibiscus Syrup - see my Hibiscus Syrup blog post for instructions, or you can use store-bought hibiscus syrup. You can substitute in grenadine syrup for a similar but sweeter tasting cocktail.
    • Pineapple juice - I used Dole brand pineapple juice. It's even better if you have a juicer and can juice your own!
    • Lime juice - preferably freshly squeezed.
    • Ginger bitters - I used Hella brand ginger bitters, which has some other baking spice flavors in it too.
    • Lime-flavored Seltzer - this gives an extra boost of lime. You can use plain seltzer or ginger seltzer too.
    Ingredients to make a hibiscus gin cocktail with pineapple juice and lime together on a countertop.
    Gin, lime, ginger bitters, pineapple juice and hibiscus syrup ready to go for the cocktail. Not pictured: lime flavored seltzer.

    How to make Hibiscus Syrup

    Note: Check out my Hibiscus Syrup blog post for the full detailed instructions.

    Hibiscus syrup is super easy to make, and has a ton of tart flavor and color! All you need to do is combine equal amounts (1 cup each) of water, sugar and dried hibiscus flowers. I used these Maui hibiscus flowers.

    Bring the mixture to a boil, then lower the heat and simmer for three minutes. Cover, let it cool and strain and bottle the syrup. It will keep for at least two weeks in the refrigerator.

    Variations

    Love this drink, but want to switch it up a bit? Here are some variations you can try.

    • Hibiscus and Rum - just switch out the gin for rum in this cocktail. I suggest trying an aged rum to bring in some warm molasses notes.
    • Hibiscus gin infusion - let your gin soak with some dried hibiscus flowers in it for about an hour before making this cocktail. Strain out the flowers before using. You'll get some additional hibiscus tartness and an even deeper color.
    • Hibiscus Gin Spritz - use a larger stemmed cocktail glass for this one. Reduce the amount of gin you're using to 1 ounce per drink. Then, instead of lime seltzer, use 2 ounces of Prosecco or other sparkling wine to top it off.
    Vertical photo of a pink hibiscus gin cocktail on a countertop with ingredients in the background.

    Equipment

    To make this drink, you'll need to have some basic bar tools. Grab a cocktail shaker, a cocktail strainer, and a jigger with both a one and two ounce measure.

    You'll also need a cocktail serving glass. I've used a stemless champagne glass, but a Collins glass or even a large wine glass would work great.

    Need any new bar equipment for your home bar? I really love the products from A Bar Above! Grab 10% off using my discount code, LKDrinks. The gold is my fave!

    Instructions

    Start making this cocktail by adding your lime juice to a cocktail shaker. Then, add in the hibiscus syrup.

    Pouring lime juice into a cocktail shaker.
    Pouring hibiscus syrup into a cocktail shaker.

    Add the pineapple juice, gin and ginger bitters to the cocktail shaker.

    Pouring pineapple juice into a cocktail shaker that contains hibiscus syrup.
    Adding ginger bitters to a cocktail shaker filled with dark pink liquid.

    Fill the shaker with ice. Then, give the shaker a good shake, for about 15 to 20 seconds. Shaking with ice will chill and dilute the drink.

    Adding ice to a dark pink cocktail in a glass cocktail shaker.
    Shaking a pink cocktail using a half glass, half gold Boston cocktail shaker.

    Fill your cocktail serving glass with fresh ice and wedge a lime wheel between the ice and the side of the glass as a garnish. The wheel will be inside, but you should be able to see the whole thing from outside the glass.

    Then, strain the drink over top of the ice in the serving glass.

    Adding a lime wheel to a glass filled with ice.
    Straining a pink cocktail into a stemless champagne flute filled with ice and a lime wheel.

    Top the drink with lime-flavored seltzer. Optionally, you can add on a piece of dried hibiscus flower on top as a garnish. If you have a fresh edible hibiscus bloom, even better!

    Adding lime seltzer to the top of a pink cocktail.
    Garnishing a pink cocktail with a dried hibiscus flower.

    Hint: If you fill the glass up with a lot of ice, you might not have a ton of room for seltzer. Don't worry! You can just omit the seltzer.

    Frequently Asked Questions

    What is hibiscus and what does it taste like?

    Hibiscus is a flowering plant, mostly native to warm climates. There are many varieties of hibiscus, but the one used in recipes and drinks is also called Roselle, or sorrel. It has a deep red color and has a tart, almost berry-like flavor.

    What goes with hibiscus in a cocktail?

    The tart flavor of hibiscus pairs well with tropical fruits, berries, citrus fruits and even sparkling wine. It is also versatile enough to go well with baking spices, like ginger and cinnamon, which is why I included ginger bitters in this drink.

    Top tip - Batching this cocktail

    This cocktail is a great one to batch for a party, and definitely a winner at a girls' night! Since it uses citrus, it's best if you make it about an hour before the party starts. Use the servings multiplier in the recipe below to get the exact amounts for the number of drinks you want to make.

    Add the lime juice, pineapple juice, hibiscus syrup, gin and ginger bitters to your pitcher, along with ½ ounce of water per cocktail. (The water takes the place of the ice when you shake it.) Stir everything together and let it chill in the fridge. When you're ready to serve, fill your serving glass with ice, add a lime wheel and fill the glass with the premade cocktail. You can either add seltzer or Prosecco on top for some bubbles.

    Note: one dash of bitters is equivalent to ⅛ teaspoon. If you're making four cocktails in a batch you can use 1½ teaspoons of bitters instead of 12 dashes.

    📖 Recipe

    Side view of pink HIbiscus gin cocktail with a lime wheel garnish inside the glass.

    Hibiscus Gin Cocktail with Pineapple and Lime Juice

    Kimberly Salem
    This refreshing Hibiscus Gin cocktail combines hibiscus syrup with pineapple and lime juice. A dash of ginger bitters spices things up.
    5 from 1 vote
    Pin Recipe Print Recipe
    Prep Time 5 minutes mins
    Total Time 5 minutes mins
    Course Drinks
    Cuisine American, Caribbean
    Servings 1 cocktail
    Calories 220 kcal

    Equipment

    • 1 Cocktail shaker and strainer
    • 1 Jigger or measuring cup
    • 1 Cocktail serving glass (flute)
    • 1 Knife and cutting board (optional - if you're using fresh citrus)
    • 1 Citrus juicer (optional - if you're using fresh citrus)

    Ingredients

    • 1 ounce lime juice
    • 1 ounce hibiscus syrup (see Notes 1)
    • 1½ ounces pineapple juice
    • 1½ ounces gin (see Notes 2)
    • 3 dashes ginger bitters
    • 1 ounce lime-flavored seltzer
    • 1 slice of fresh lime (optional - for garnish)
    • dried hibiscus (optional - for garnish)

    Instructions
     

    • Add the lime juice, hibiscus syrup, pineapple juice, gin and ginger bitters to a cocktail shaker.
    • Fill the cocktail shaker with ice, seal it up and shake well, about 15-20 good shakes.
    • Add fresh ice to your cocktail glass and place a lime slice garnish inside the glass, between the glass and the ice.
    • Strain the drink into the cocktail glass.
    • Pour the lime-flavored seltzer over top of the drink, and then serve. Optionally, you can add a dried hibiscus flower to the top of the drink.

    Notes

    1. You can purchase premade hibiscus syrup (Amazon link), or use my Hibiscus Syrup recipe to make your own.
    2. I used Malfy Gin (link to purchase on Drizly - U.S. only), which is a modern style dry gin. Citrus gin, like Malfy Con Limone, would also work well in this drink.

    Nutrition

    Serving: 1gCalories: 220kcalCarbohydrates: 29gProtein: 0.3gFat: 0.1gPolyunsaturated Fat: 0.03gMonounsaturated Fat: 0.01gSodium: 16mgPotassium: 105mgFiber: 0.4gSugar: 18gVitamin A: 20IUVitamin C: 15mgCalcium: 15mgIron: 0.2mg
    Keyword alcohol, gin, hibiscus, lime, pineapple
    Subscribe for more!Join our email list for weekly recipes!
    Made with WP Recipe Maker plugin

    Reader Interactions

    Comments

    No Comments

    Leave a Reply Cancel reply

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

    Recipe Rating




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

    Primary Sidebar

    Side view of hibiscus gin cocktail with a lime wheel garnish and ingredients in the background with the text Hibiscus Gin Cocktail with pineapple juice on top.
    Subscribe to the Charming Cocktails email list
    Kim, the blog author

    I'm Kim, a cocktail enthusiast (and cold brew coffee lover). Here you'll find recipes, tips and tricks to make delicious cocktails at home! More about me →

    • Instagram
    • Link to Limoncello Kitchen YouTube channel.
    • Pinterest
    • Facebook

    Seasonal Recipes

    • Side view of an Apple Cider mimosa on a gray countertop in a Champagne flute. Cinnamon sugar is coating the rim of the glass and an apple slice is attached to the rim as a garnish. In the background is fresh apple, a jigger, a plate of cinnamon sugar and a plate of caramel sauce, along with a rustic vase.
      Apple Cider Mimosa
    • Side view of Amaretto French 75 cocktail with Amaretto bottle and jigger in the background.
      Amaretto French 75
    • close up of apple cinnamon cocktail with baked apple chip clipped on the side as garnish
      Apple Cinnamon Bourbon Cocktail
    • two cranberry and orange juice mocktails surrounded by cranberries and evergreens
      Cranberry and Orange Juice Mocktail
    • Side view of an orange colored Halloween Margarita in a coupe cocktail glass. The drink has a black salt rim and ingredients are visible in the background.
      Halloween Margarita
    • hot apple cider cocktail in front with ingredients in the background
      Hot Apple Cider Cocktail with Rum

    Footer

    Side view of hibiscus gin cocktail with a lime wheel garnish and ingredients in the background with the text Hibiscus Gin Cocktail with pineapple juice on top.

    ↑ back to top

    About

    • About Me
    • Subscribe
    • Privacy Policy

    Social

    • Instagram
    • Pinterest
    • YouTube
    • Facebook

    Contact

    • Contact Me
    • Photo Portfolio

    As an Amazon Associate I earn from qualifying purchases.

    Copyright © 2020-2023 Kimberly Salem Photography, LLC

    Manage Cookie Consent
    We use cookies to optimize our website and our service.
    Functional cookies Always active
    The technical storage or access is strictly necessary for the legitimate purpose of enabling the use of a specific service explicitly requested by the subscriber or user, or for the sole purpose of carrying out the transmission of a communication over an electronic communications network.
    Preferences
    The technical storage or access is necessary for the legitimate purpose of storing preferences that are not requested by the subscriber or user.
    Statistics
    The technical storage or access that is used exclusively for statistical purposes. The technical storage or access that is used exclusively for anonymous statistical purposes. Without a subpoena, voluntary compliance on the part of your Internet Service Provider, or additional records from a third party, information stored or retrieved for this purpose alone cannot usually be used to identify you.
    Marketing
    The technical storage or access is required to create user profiles to send advertising, or to track the user on a website or across several websites for similar marketing purposes.
    Manage options Manage services Manage {vendor_count} vendors Read more about these purposes
    View preferences
    {title} {title} {title}