If you’re looking for a drink that is both visually stunning and incredibly refreshing, mango hibiscus tea is the perfect choice. Inspired by the vibrant layered drink shown above, this recipe combines the tart, floral richness of hibiscus tea with the naturally sweet, tropical flavor of ripe mango. The result is a beautifully layered beverage with a golden mango base and a deep ruby-red hibiscus top—making it as eye-catching as it is delicious.
Hibiscus tea has long been enjoyed across cultures for its refreshing taste and potential health benefits, including antioxidants and hydration. When paired with mango, one of the most beloved tropical fruits, the drink transforms into a café-style refresher that you can easily make at home.
Whether you're hosting guests, creating Pinterest-worthy content, or simply cooling down on a hot day, this drink delivers both flavor and aesthetic appeal. Plus, it’s easily customizable to suit different dietary needs.
https://www.youtube.com/watch?v=YvJckWzVmv8&t=10s
Ingredient Notes
Mango
Mango is the heart of the sweetness in this recipe. Choose ripe, juicy mangoes like Alphonso or Ataulfo for the best flavor. They should be soft to the touch and fragrant. Frozen mango works just as well and helps create a thicker base.
Hibiscus Flowers
Dried hibiscus flowers give the tea its signature deep red color and tangy flavor. They are rich in antioxidants and create a refreshing, slightly tart profile that balances the sweetness of mango.
Water / Coconut Water
Used in both layers. Coconut water adds a subtle tropical flavor and extra hydration, while plain water keeps the flavor clean and simple.
Sweetener
Optional but useful depending on taste preference. Honey adds depth, while sugar provides a neutral sweetness. You can also use maple syrup or stevia.
Ice Cubes
Essential for chilling and maintaining the layered look. Ice also helps keep the mango layer dense at the bottom.
Lime
Adds a citrusy brightness that enhances both mango and hibiscus flavors.
Serving Instructions
Serve chilled in a tall, clear glass to showcase the layered colors. For best presentation:
Use clear glasses to highlight the red and yellow contrast
Add a straw or stirrer for mixing before drinking
Garnish with mango cubes or edible flowers
This drink is perfect for brunches, summer parties, or as a refreshing afternoon treat.
Tips
Chill both layers before assembling for a sharper layered effect.
Pour hibiscus tea slowly to prevent mixing.
Use crushed ice for better layering stability.
Add sparkling water for a fizzy twist.
Freeze mango into cubes and use instead of ice for extra flavor.
Add mango, water (or coconut water), and sweetener into a blender.
7
Blend until smooth and thick.
8
Taste and adjust sweetness if needed.
Step 3: Assemble the Drink
9
Fill a tall glass with ice cubes.
10
Pour the mango puree into the glass, filling about 1/3 to 1/2.
11
Slowly pour the cooled hibiscus tea over the back of a spoon to create a layered effect.
12
Watch as the vibrant red tea sits beautifully over the golden mango base.
Step 4: Garnish and Serve
13
Add mango cubes or lime slices for garnish and serve immediately.
Nutrition Facts
Servings 1
Amount Per Serving
Calories180kcal
% Daily Value *
Total Carbohydrate35g12%
Sugars30g
Protein2g4%
* Percent Daily Values are based on a 2,000 calorie diet. Your daily value may be higher or lower depending on your calorie needs.
Note
Tools
Blender
Saucepan or kettle
Strainer
Measuring cups and spoons
Tall glass (for layering effect)
Spoon (for layering technique)
Knife and cutting board
Keywords:
keto, high protein, low carb
Did you make this recipe?
Pin this recipe to share with your friends and followers.
Samantha Doe
Chef
Samantha Doe is a passionate food creator and health enthusiast behind the high-protein recipes featured on ProteinCrave.com. She specializes in developing simple, flavorful, and protein-packed meals that support an active and balanced lifestyle. Through Protein Crave, Samantha shares easy-to-follow recipes designed to make healthy eating both satisfying and delicious.
Thank you so much for downloading this recipe from ProteinCrave.com! We truly appreciate your support and are excited to be part of your healthy cooking journey.
We hope this recipe adds something delicious and protein-packed to your table. Don’t forget to share your creation and tag us — we love seeing what you make!
Stay strong, stay healthy, and keep craving protein!