Home
Recipes
Mocktails
Global-Inspired Mocktails
Thai Iced Tea Mocktail Recipe

Thai Iced Tea Mocktail Recipe

By What’s Baking

Creamy, fragrant layers of sweet chai spice blend with tangy citrus notes in this vibrant orange-to-ivory gradient mocktail that captures all the exotic essence of traditional Thai iced tea without the caffeine.
Difficulty:
Beginner
Prep Time:
15 mins
Cook Time:
Serves:
2 mocktails
A tall, crystal-clear glass showcases the stunning gradient of deep amber-orange tea at the bottom transitioning to a creamy ivory layer on top. Fresh daylight streams through the glass, highlighting the distinct boundary between layers. Crushed ice creates a frosty effect on the exterior while a metal straw stands tall, surrounded by a striking garnish of fresh orange peel twisted alongside a single star anise floating on top. Condensation beads on the glass surface catch the light while cinnamon sticks lean against the rim, complementing the warm spice notes of the Thai tea blend beneath.

Ingredients

<ul class="ingredients-main-list"> <li class="ingredients-single-item">500ml water</li> <li class="ingredients-single-item">4 caffeine-free chai tea bags (or Thai tea mix)</li> <li class="ingredients-single-item">4 star anise pods</li> <li class="ingredients-single-item">2 cinnamon sticks</li> <li class="ingredients-single-item">4 cardamom pods, crushed</li> <li class="ingredients-single-item">4 cloves</li> <li class="ingredients-single-item">1 teaspoon vanilla extract</li> <li class="ingredients-single-item">60ml maple syrup (or coconut sugar syrup)</li> <li class="ingredients-single-item">30ml fresh orange juice</li> <li class="ingredients-single-item">200ml coconut milk (or condensed milk for traditional flavor)</li> <li class="ingredients-single-item">Orange peel and star anise, for garnish</li> <li class="ingredients-single-item">Ice cubes</li> </ul>

Equipment

<ul class="equipment-main-list"> <li class="equipment-single-item">Saucepan</li> <li class="equipment-single-item">Fine mesh strainer</li> <li class="equipment-single-item">Tall glasses</li> <li class="equipment-single-item">Metal straws</li> <li class="equipment-single-item">Spoon with long handle</li> </ul>
BAKE SMARTER

Kitchen Converter

Quickly switch between common baking units without leaving the recipe.

Convert
⇄
Result—

Volume uses US cups, tablespoons, and teaspoons. Converting weight to volume depends on the ingredient.

Directions

<ol class="no-list-style"> <li class="MethodStepper"> <h4 class="step-title">Step 1</h4> In a medium saucepan, bring the water to a gentle simmer (not boiling - around 90°C). Remove from heat and add the chai tea bags, star anise, cinnamon sticks, crushed cardamom pods, and cloves. Let steep for 7-10 minutes to extract the full depth of flavor. The liquid should develop a rich amber-orange color and fragrant aroma. </li> <li class="MethodStepper"> <h4 class="step-title">Step 2</h4> Remove the tea bags and strain the mixture through a fine mesh strainer into a heatproof container to remove all the spices. Stir in the vanilla extract and maple syrup while the tea is still warm to ensure they fully dissolve. Add the orange juice and stir well. </li> <li class="MethodStepper"> <h4 class="step-title">Step 3</h4> Allow the spiced tea mixture to cool completely to room temperature, then refrigerate until thoroughly chilled (at least 1 hour for best results). The cooling process is crucial as it prevents the ice from melting too quickly and diluting your mocktail. </li> <li class="MethodStepper"> <h4 class="step-title">Step 4</h4> Fill two tall glasses three-quarters full with ice cubes. Slowly pour the chilled tea mixture over the ice until the glass is about two-thirds full. The ice will hold the tea in place for the next layer. </li> <li class="MethodStepper"> <h4 class="step-title">Step 5</h4> To create the signature layered effect, hold a spoon upside down over the tea (the back of the spoon facing up) and very slowly pour the coconut milk over the back of the spoon. This technique allows the coconut milk to gently float on top of the tea without immediately mixing. The density difference between the tea and coconut milk creates the beautiful gradient effect. </li> <li class="MethodStepper"> <h4 class="step-title">Step 6</h4> Garnish with a twisted orange peel and floating star anise pod for visual appeal and aromatic enhancement. Insert a metal straw and serve immediately while the layers are still distinct and the contrast between the warm spice notes and creamy coconut is at its peak. </li> <li class="MethodStepper"> <h4 class="step-title">Step 7</h4> Just before drinking, stir the layers together to experience the full harmony of flavors – the sweet, spiced tea blends with the creamy coconut to create the authentic Thai iced tea profile that makes this mocktail so special. </li> </ol>

Chef’s Notes

A few helpful details for making this recipe.

What's the best way to achieve the perfect layered effect in this spiced mocktail?

For perfect layers, ensure your tea mixture is completely chilled before assembling. Pour it over ice first, then slowly add coconut milk over the back of an inverted spoon held just above the tea. The spoon diffuses the flow, allowing the milk to gently float atop the denser tea mixture.

Can I make this creamy layered drink in advance for parties?

You can prepare the spiced tea base up to 3 days ahead and keep refrigerated. However, for the best visual effect, layer with coconut milk just before serving, as the distinct gradient will gradually blend over time. Pre-chill glasses for an extra-impressive presentation.

Are there caffeine-free alternatives for authentic Thai tea flavour?

Absolutely! While traditional Thai tea contains caffeine, this recipe uses caffeine-free chai tea bags with added warming spices (star anise, cardamom, cinnamon) to recreate the authentic flavour profile. Rooibos tea also works well as a caffeine-free alternative with its naturally sweet, earthy notes.

Want to try something else in ...

More recipes you might like

Keep exploring with more recipes from What's Baking.

View all
An overhead shot of a crystal-clear highball glass filled with pale pink Middle Eastern Rose Lemonade Mocktail, ice cubes tinkling against the sides. The rim is garnished with crystallized rose petals that catch the soft natural light streaming through a nearby window. Droplets of condensation cling to the glass, suggesting refreshing coolness. A vintage brass tray holds the drink alongside a small bowl of dried rose buds and fresh lemon slices. In the background, slightly blurred, sits a decorative Middle Eastern-inspired pitcher containing more of the rosy mocktail, with mint sprigs peeking out from the top. The scene conveys an atmosphere of elegant relaxation with subtle Middle Eastern influences.
Mocktails
Global-Inspired Mocktails

Rose Lemonade Recipe

A refreshing, floral mocktail that blends the delicate essence of rose water with zesty lemon, creating a beautifully balanced drink perfect for celebrations or warm afternoons.
Difficulty:
Beginner
Prep Time:
10 mins
Cook Time:
5 mins
Serves:
4 glasses
View recipe
An overhead shot of a crystal highball glass filled with this sparkling Amalfi lemon mocktail, ice catching the natural afternoon light streaming through a window. A cross-section view reveals layers of vibrant yellow lemon slices pressed against the glass, with rosemary sprigs standing tall as garnish. The surface glistens with tiny bubbles from the tonic water, creating a dynamic texture. Scattered around the base are fresh Amalfi lemons with their distinctive elongated shape and bright yellow skin, some cut to reveal their juicy interiors. A small jar of honey with a wooden dipper rests nearby on a rustic limestone surface reminiscent of the Amalfi Coast, with a linen napkin in Mediterranean blue adding contrast to the golden drink.
Mocktails
Global-Inspired Mocktails

Tonic and Lemon Mocktail Recipe

Fresh, bright Amalfi lemons infuse this sophisticated mocktail with crisp tonic water, herbaceous rosemary, and honey for a refreshing Mediterranean-inspired drink that balances sweet, tart, and botanical notes.
Difficulty:
Beginner
Prep Time:
10 mins
Cook Time:
5 mins
Serves:
4 mocktails
View recipe
An overhead shot of a crystal highball glass filled with a sparkling golden-amber liquid, ice cubes catching the soft natural light and creating a prism effect. A cross-section view reveals layers of settling bubbles rising through the translucent drink. The glass sits on a polished stone surface beside scattered fresh mint leaves and thin slices of vibrant yellow yuja citron. Droplets of condensation cling to the outside of the glass, suggesting refreshing coolness. A wooden stirrer and a small jar of yuja marmalade sit nearby, hinting at the drink's preparation. The color contrast between the bright citrus, deep green herbs, and amber liquid creates a visually striking composition that emphasizes the drink's refreshing nature.
Mocktails
Global-Inspired Mocktails

Citrus Sparkler Mocktail Recipe

A refreshing, citrus mocktail featuring vibrant yuja citron tea, sparkling water, and fresh herbs for a sophisticated non-alcoholic beverage that balances sweet, sour, and effervescent elements.
Difficulty:
Beginner
Prep Time:
5 mins
Cook Time:
0 mins
Serves:
2 mocktails
View recipe
A tall, clear highball glass showcases striking layers of vibrant green matcha and lighter mint-infused liquid, served over crushed ice that catches natural daylight streaming through a window. A generous sprig of fresh mint and a thin lime wheel rest on the rim while matcha powder is lightly dusted across the top surface. Tiny bubbles from the sparkling water cling to the inside of the glass, creating an effervescent texture. The mocktail sits on a bamboo coaster beside a small pottery bowl containing bright green matcha powder and a traditional bamboo whisk, evoking authentic Japanese tea ceremony elements against a minimalist white marble surface.
Mocktails
Global-Inspired Mocktails

Japanese Matcha Mojito Mocktail Recipe

Vibrant green matcha powder meets fresh mint and zesty lime in this beautifully layered Japanese-inspired mocktail that balances earthy tea notes with refreshing citrus brightness.
Difficulty:
Intermediate
Prep Time:
10 mins
Cook Time:
Serves:
1 mocktail
View recipe
A tall, slim glass capturing the gradient amber-to-green of the Moroccan mint tea mocktail, photographed in bright natural daylight that highlights the condensation beading on the glass. The ice cubes are visible through the clear sides, while fresh mint sprigs burst from the top, their leaves slightly frosted. A wooden table with Moroccan-inspired textiles provides a warm backdrop, and a small copper tray holds additional mint leaves, honey drizzler, and lemon slices nearby. The styling emphasizes the North African inspiration with small decorative elements while keeping the refreshing, cooling nature of the drink as the focal point.
Mocktails
Global-Inspired Mocktails

Moroccan Mint Iced Tea Mocktail Recipe

A vibrant fusion of strong black tea, fragrant Moroccan mint, bright citrus, and sweet honey, creating a cooling and exotic alcohol-free beverage perfect for warm afternoons.
Difficulty:
Beginner
Prep Time:
10 mins
Cook Time:
Serves:
2 mocktails
View recipe
Overhead shot of a frosted highball glass filled with a cloudy white-green Brazilian limeade mocktail, ice cubes glistening under bright natural daylight. Lime wedges nestle along the rim while zest curls float on the surface, creating vibrant green accents against the creamy background. Condensation beads on the glass capture the light, suggesting the perfect chilled temperature. A bamboo straw stands at attention while crushed ice creates texture throughout the drink, with a small pitcher of additional limeade positioned nearby on a natural rattan coaster.
Mocktails
Global-Inspired Mocktails

Brazilian Limeade Mocktail Recipe

A bright, creamy citrus sensation that balances tangy lime with sweetened condensed milk for a refreshing tropical experience unlike any other mocktail.
Difficulty:
Beginner
Prep Time:
10 mins
Cook Time:
Serves:
4 mocktails
View recipe