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

    Hibiscus Gin Cocktail with Pineapple

    Published: Jul 1, 2022 · Modified: Jan 26, 2024 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
    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!

    Hibiscus Gin Cocktail on a countertop with a lime slice as a garnish. The drink is dark pink in color and a cut lime, dried hibiscus and a bottle of hibiscus syrup are 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, 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.

    Close up of a bottle of hibiscus syrup with dried hibiscus flowers around it.

    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.

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

    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)
    Text Ingredients

    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 from Total Wine), 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

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

    Reader Interactions

    Comments

    No Comments

    5 from 1 vote (1 rating without comment)

    Leave a Reply Cancel reply

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

    Recipe Rating




    Primary Sidebar

    Subscribe to the Charming Cocktails email list
    A graphic that says "New! Want to mix up some more delicious drinks? Click here to grab my new eBook, Wine Time, all about wine cocktails!" On the right is an image of a tablet and phone showing the cover of the eBook.
    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 a Lavender Mule vodka cocktail on a gray countertop. The drink is in a gold and glass mug with a lime slice and dried lavender sprigs as garnish. In the background are a bottle of lavender syrup, some bar tools, and a cut lime on a wooden cutting board.
      Lavender Mule
    • Side view of a pink colored Floradora gin cocktail. Bar tools and ingredients are in the background.
      Floradora Cocktail
    • Side view of a Lychee mocktail garnished with mint and a lychee along with lime zest sugar on the side of the glass. In the background are flowers, a jigger, a dish of lychees and fresh mint.
      Lychee Mocktail
    • Slightly overhead photo of a Lavender Lime gin spritz cocktail. The drink is a pinkish purple color and garnished with a lime slice and lavender sprigs.
      Lavender Lime Gin Spritz
    • Martini glass with a Blueberry Lemon Drop cocktail. The drink is red with blue sugar rim and garnished with a lemon slice and blueberries.
      Blueberry Lemon Drop Martini
    • Pink whitney cocktail, garnished and ready to serve.
      Pink Whitney Drink | Pink Whitney Lemonade Martini 

    Footer

    ↑ back to top

    About

    • Shop eBooks
    • 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-2025 Kimberly Salem Photography, LLC

    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.
    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}

    Rate This Recipe

    Your vote:




    A rating is required
    A name is required
    An email is required

    Recipe Ratings without Comment

    Something went wrong. Please try again.