If you are going to make one smoothie this summer, let this hibiscus tea pineapple smoothie be it. Creamy pineapple base, tart hibiscus slush on top, and that color alone is enough to make anyone stop and ask what it is.

One thing I love almost as much as getting compliments on how good my drinks taste is hearing how pretty they look. Making drinks at home has become therapeutic for me. Even when I am only making something for my husband and myself, I still go all out with the presentation. This hibiscus tea pineapple smoothie is one of my prettiest recipes yet, but it tastes just as good as it looks.
The pineapple and banana layer is thick, creamy and sweet. The hibiscus slush adds a tart, slightly floral flavor that keeps the drink from becoming too rich. Once the layers mix, it tastes tropical, refreshing and not too sweet. The coconut milk is what really makes it different. I have tried it with whole milk and oat milk, but neither gives it the same flavor.

That mix of color and flavor is usually what draws me to a drink in the first place. It is the same reason I love making my butterfly pea flower mocktail, with its gorgeous layers, and my strawberry matcha, with those red, white, and green layers. My non-alcoholic chamomile mocktail is more subtle, but the way I garnish never fails to get a comment. This hibiscus tea pineapple smoothie fits right in with that collection if you are building a lineup of drinks that are genuinely worth showing off.
Ingredients

The hibiscus tea gives this smoothie its floral, tart flavor, so brew it a little stronger than usual and chill it completely before blending. Fresh pineapple adds natural sweetness and brightness, but frozen pineapple is a good option too if you prefer a thicker smoothie.
A ripe banana creates a naturally creamy texture without overpowering the other flavors. Coconut milk makes it taste richer but it can be substituted with any milk of your choice.
See the recipe card for exact quantities.
Top Tips for Hibiscus Tea Pineapple Smoothie
Use very cold ingredients: The colder the pineapple, coconut milk, and hibiscus tea are before blending, the thicker the smoothie will be and the longer the layers will stay separated.
Freeze the banana first: A frozen banana makes the smoothie creamier and thicker, helping it support the hibiscus layer without adding extra ice.
Serve in clear glasses: The layered effect is one of the best parts of this recipe, so clear glasses show off the contrast between the bright yellow smoothie and deep red hibiscus slush.
How to Make Hibiscus Tea Pineapple Smoothie?

This hibiscus tea pineapple smoothie combines a creamy tropical smoothie with a bright hibiscus slush for a refreshing layered drink.
Blend the tropical base


Add the banana, pineapple chunks, and coconut milk to a blender, reserving a few pineapple pieces for garnish, then blend together.
- The smoothie layer should be thick but still easy to pour.
Sweeten to taste

Taste the smoothie, then add honey or maple syrup if you want it sweeter.
Make the hibiscus slush


Rinse the blender, then add the chilled hibiscus tea and ice cubes.
- Blend until the mixture is thick and slushy but still pourable.
- If the slush looks too thin, just add more ice and blend again until it holds its texture.
Layer the smoothie


Divide the pineapple smoothie between serving glasses, then slowly spoon or pour the hibiscus slush over the top.
- Pouring over the back of a spoon can help keep the layers more distinct.
- The smoothie layer should be thick enough to hold the hibiscus slush on top.
- If the layers start mixing right away, the hibiscus slush may be too thin or the smoothie may be too loose.
Garnish and serve

Garnish each glass with pineapple wedges and dried rose petals if desired, then serve immediately.
Yes. Tea bags work just as well. Brew the tea a little stronger than you normally would so the hibiscus flavor stands out against the pineapple.
Yes. The smoothie won't be quite as creamy, but you can replace the banana with frozen mango or a little more pineapple for a similar thick texture.
The two layers need different textures to stay separate. A thicker smoothie base and a slushy hibiscus layer will hold their shape longer before naturally mixing.
Yes. Brew and chill the tea up to a few days ahead so it's ready whenever you want to blend the smoothie.
Yes. Blend the hibiscus tea with the pineapple mixture for a single smoothie. You'll lose the layered look, but the flavor will be just as good.

Hibiscus Tea Pineapple Smoothie
Ingredients
- ¾ cup hibiscus tea strong brewed and fully chilled (200 ml)
- 1½ cups fresh pineapple chunks plus extra for garnish (200 g)
- 1 ripe banana
- ½ cup coconut milk 120 ml
- 1-2 teaspoon honey or maple syrup to taste
- 1 cup ice cubes
- pineapple wedges for garnish
- dried rose petals optional
Instructions
- Add the banana, pineapple chunks, and coconut milk to a blender. Blend until smooth and creamy, reserving a few pineapple pieces for garnish.
- Taste and add honey or maple syrup, if desired. Blend briefly to combine.
- In a clean blender, combine the chilled hibiscus tea and ice. Blend until thick and slushy.
- Divide the pineapple smoothie between serving glasses, then slowly pour the hibiscus slush over the top to create two distinct layers.
- Garnish with the reserved pineapple pieces and dried rose petals, if desired. Serve immediately.





Comments
No Comments