Strawberry Coconut Cream Soda Mocktail Recipe

A frothy, pink-hued delight blending sweet strawberry puree with creamy coconut milk and fizzy soda for a tropical escape in every sip.
Difficulty:
Beginner
Prep Time:
10 mins
Cook Time:
Serves:
2 mocktails
A tall, slender glass showcases this layered mocktail under bright natural daylight, highlighting its striking pink-to-white ombre effect. Fresh strawberry slices and coconut flakes adorn the glass rim, while a striped paper straw stands in crushed ice dotted with tiny strawberry pieces. Condensation beads on the glass surface, capturing the cool refreshment within. The drink is photographed from a 45-degree angle, revealing the beautiful separation between the vibrant strawberry layer at the bottom and the creamy coconut top, with gentle bubbles rising through both layers to create a dynamic visual texture.

Ingredients

<ul class="ingredients-main-list"> <li class="ingredients-single-item">200g fresh strawberries, hulled</li> <li class="ingredients-single-item">30ml simple syrup</li> <li class="ingredients-single-item">15ml fresh lime juice</li> <li class="ingredients-single-item">200ml coconut milk (canned, full-fat)</li> <li class="ingredients-single-item">250ml club soda or seltzer water</li> <li class="ingredients-single-item">60ml cream of coconut (such as Coco Lopez)</li> <li class="ingredients-single-item">Crushed ice</li> <li class="ingredients-single-item">Fresh strawberry slices for garnish</li> <li class="ingredients-single-item">Toasted coconut flakes for garnish</li> </ul>

Equipment

<ul class="equipment-main-list"> <li class="equipment-single-item">Blender</li> <li class="equipment-single-item">Fine-mesh strainer</li> <li class="equipment-single-item">Bar spoon</li> <li class="equipment-single-item">Tall glasses</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> Add fresh strawberries to your blender with simple syrup and lime juice. Blend until completely smooth, about 30-45 seconds. The acidity from the lime juice brightens the strawberry flavor and helps preserve its vibrant color. </li> <li class="MethodStepper"> <h4 class="step-title">Step 2</h4> Strain the strawberry puree through a fine-mesh strainer into a bowl, pressing gently with the back of a spoon to extract all the liquid while leaving the seeds behind. This creates a silky-smooth base for your mocktail. </li> <li class="MethodStepper"> <h4 class="step-title">Step 3</h4> In a separate bowl, whisk together the coconut milk and cream of coconut until completely smooth and well incorporated. The fat content in these ingredients creates that luxurious mouthfeel that makes this mocktail special. </li> <li class="MethodStepper"> <h4 class="step-title">Step 4</h4> Fill two tall glasses halfway with crushed ice. The crushed ice, rather than cubes, creates a more even cooling effect and allows the layers to settle more effectively. </li> <li class="MethodStepper"> <h4 class="step-title">Step 5</h4> Pour about 60ml of the strawberry puree into each glass. For a striking visual effect, gently pour it down the inside of the glass rather than directly onto the ice. </li> <li class="MethodStepper"> <h4 class="step-title">Step 6</h4> Slowly add about 125ml of club soda to each glass, pouring it over the back of a bar spoon to minimize disruption to the strawberry layer. You should see the carbonation creating beautiful bubbles throughout the strawberry layer. </li> <li class="MethodStepper"> <h4 class="step-title">Step 7</h4> Carefully layer the coconut mixture on top by slowly pouring it over the back of a clean bar spoon. The different densities of the liquids will create a natural layering effect, with the heavier strawberry mixture staying at the bottom. </li> <li class="MethodStepper"> <h4 class="step-title">Step 8</h4> Garnish with fresh strawberry slices and a sprinkle of toasted coconut flakes. Serve immediately while the carbonation is active and the layers are distinct. The mocktail can be gently stirred before drinking to blend the flavors. </li> </ol>

Nutrition Facts (per serving)

🍽️ Serving Size: 1 slice
🔥 Calories: 320 calories
🥑 Fat: 14 g
🧈 Saturated Fat: 8 g
🍞 Carbohydrates: 45 g
🍭 Sugar: 25 g
🍗 Protein: 3 g
🫀 Cholesterol: 55 mg
🧂 Sodium: 180 mg

Chef’s Notes

A few helpful details for making this recipe.

Can I make this layered mocktail in advance for a party?

For best results, prepare the strawberry puree and coconut mixture separately up to 24 hours ahead and refrigerate. Assemble the layers just before serving to maintain the fizz and visual effect. The carbonation will diminish over time, affecting both taste and appearance.

What's the best technique for creating distinct layers in a cream soda mocktail?

Pour each layer slowly over the back of a bar spoon held against the inside of the glass. This diffuses the liquid's force, preventing layers from mixing. Start with the densest layer (strawberry) at the bottom and work upward, allowing each layer to settle before adding the next.

How can I make this strawberry coconut drink less sweet?

Reduce sweetness by using less simple syrup and cream of coconut. Add more lime juice for tanginess, use unsweetened coconut milk, and increase the club soda ratio. For a lighter version, dilute the strawberry puree slightly with water before layering.

Want to try something else in ...

More recipes you might like

Keep exploring with more recipes from What's Baking.