ClockPlayEmailInstagramLinkSMSTwitterYouTubeWhatsAppXSearchClockRight ArrowArrow DownCaret downCaret upCaret leftCaret rightHamburger MenuPop OutThumbs upThumbs up buySpeechAudio onReplayPlusMinusSad smiley faceNo resultsSwapMoreYour grocery bagSuccessShop Tasty MerchYour Cart (empty)Your CartFacebookPinterestEmailPrintSmsTwitterWhatsappCommentTips Highlights
Skip to Content

Hibiscus Latte

Escape to a tropical paradise with the refreshing hibiscus latte, blending aromatic hibiscus flowers with creamy coconut milk.

Tasty Team
79% would make again


for 1 serving

  • 2 teaspoons hibiscus tea
  • ¼ cup hot water (60 mL)
  • ¾ cup milk (180 mL)
  • ½ tablespoon agave nectar, optional

Optional Garnishes

  • 1 teaspoon dried rose petal
  • hibiscus powder

Nutrition Info

  • Calories 121
  • Fat 3g
  • Carbs 16g
  • Fiber 0g
  • Sugar 15g
  • Protein 5g

Estimated values based on one serving size.


  1. Steep the tea in the hot water for 5 minutes.
  2. Froth the milk by adding it to a resealable jar. Shake vigorously until many bubbles form. Then, microwave the milk for 45 seconds to 1 minute, which will help create stable bubbles.
  3. Remove the tea, then stir in the agave and frothed milk.
  4. Dust the top with dried rose petals and hibiscus powder, if desired.
  5. Nutrition, per serving - Calories: 120, Total fat: 4 grams, Sodium: 98 mg, Total carb: 16 grams, Dietary fiber: 0 gram, Sugars: 6 grams, Protein: 6 grams
  6. Enjoy!
  7. Busy? Plan your meals for the week using our exclusive meal planner tool in the Tasty app. Download now and get organized.