Pineapple Coconut Iced Coffee

Pineapple Coconut Iced Coffee is a refreshing and energizing tropical twist on your usual cold brew. Layering bold coffee over sweet pineapple juice and creamy coconut milk, this chilled drink is the perfect summer beverage. Topped with whipped cream and a maraschino cherry, it’s not only delicious but also visually stunning—ideal for a warm day or as a refreshing pick-me-up.

Why You’ll Love This Recipe

This iced coffee is the ultimate fusion of rich coffee flavors with tropical, fruity sweetness. The pineapple juice brings a refreshing zing, while the coconut milk adds creaminess that balances out the boldness of the cold brew. It’s simple to make, with just a few ingredients, and it’s a fun way to enjoy your coffee in a new, exotic way. Plus, it’s as visually striking as it is delicious, with its beautiful layers and whipped cream topping.

Ingredients

(Tip: You can find the complete list of ingredients and their measurements in the recipe card below.)

For the drink:
chilled pineapple juice
full-fat coconut milk (canned or carton)
cold brew or strong iced coffee
simple syrup or maple syrup (optional)
ice cubes

For the topping:
whipped cream
pineapple wedge and maraschino cherry (for garnish)

Directions

  1. Fill a tall glass with ice cubes.
  2. Pour in the pineapple juice, followed by the coconut milk. Stir gently to combine.
  3. If desired, sweeten with 1–2 teaspoons of simple syrup or maple syrup.
  4. Slowly pour the cold brew or iced coffee over the back of a spoon to create a layered effect.
  5. Top with a generous swirl of whipped cream.
  6. Garnish with a pineapple wedge and a maraschino cherry for an extra tropical touch.

Servings and timing

Servings: 1
Prep Time: 5 minutes
Total Time: 5 minutes
Calories: Approximately 160 kcal per serving

Variations

  • Add More Sweetness: If you prefer a sweeter drink, increase the amount of simple syrup or maple syrup.
  • Non-Dairy: Use coconut cream instead of coconut milk for an even richer, creamier texture.
  • Make it Stronger: For a more intense coffee flavor, add more cold brew or substitute it with espresso.
  • Frozen Version: Blend the ingredients with ice for a slushy, smoothie-like version of this drink.
  • Citrus Twist: Add a squeeze of lime juice for an additional tropical citrus note.

Storage and Reheating

Since this is an iced coffee drink, it’s best served immediately. However, if you have leftover cold brew or pineapple coconut mixture, store it separately in the refrigerator for up to 2 days. When ready to enjoy, simply combine the components again and serve over fresh ice.

FAQs

Can I use regular milk instead of coconut milk?

Yes, you can use regular milk or any non-dairy milk like almond milk or oat milk if you prefer a different flavor or consistency.

Is this recipe vegan?

Yes, if you use non-dairy milk and avoid dairy-based whipped cream, this drink is entirely vegan.

Can I make this drink without cold brew?

If you don’t have cold brew on hand, you can use any strong brewed coffee or espresso instead. Just make sure to cool it down before pouring it over the pineapple-coconut mixture.

How can I make this drink less sweet?

You can skip the syrup entirely or use a small amount of stevia or another sugar substitute to reduce the sweetness.

Can I make this ahead of time?

While the drink is best served fresh to maintain the layers, you can prepare the pineapple-coconut base in advance and refrigerate it. Just add the cold brew and ice just before serving.

Conclusion

Pineapple Coconut Iced Coffee is the perfect combination of bold, refreshing, and creamy flavors. It’s the ultimate summer drink to enjoy on a hot day or as a vibrant pick-me-up. The layers of pineapple juice, coconut milk, and cold brew coffee make it both indulgent and revitalizing, while the whipped cream and garnish add the finishing touch of tropical elegance. Whether you’re lounging by the pool or starting your day, this drink will transport you straight to the islands.

Print
clock clock iconcutlery cutlery iconflag flag iconfolder folder iconinstagram instagram iconpinterest pinterest iconfacebook facebook iconprint print iconsquares squares iconheart heart iconheart solid heart solid icon
Pineapple Coconut Iced Coffee

Pineapple Coconut Iced Coffee

5 Stars 4 Stars 3 Stars 2 Stars 1 Star No reviews
  • Author: Elina
  • Prep Time: 5 minutes
  • Cook Time: undefined
  • Total Time: 5 minutes
  • Yield: 1 serving 1x
  • Category: Beverage
  • Method: Mixing
  • Cuisine: Tropical

Description

This tropical twist on your usual cold brew layers bold coffee over sweet pineapple juice and creamy coconut milk, topped with whipped cream and a cherry—refreshing, energizing, and summer-ready in every sip.


Ingredients

Units Scale
  • 1/2 cup chilled pineapple juice
  • 1/3 cup full-fat coconut milk (canned or carton)
  • 1/2 cup cold brew or strong iced coffee
  • 12 teaspoons simple syrup or maple syrup (optional)
  • Ice cubes
  • Whipped cream (for topping)
  • Pineapple wedge and maraschino cherry (for garnish)

Instructions

  1. Fill a tall glass with ice.
  2. Pour in pineapple juice, then coconut milk. Stir gently to combine.
  3. Sweeten with simple syrup if desired.
  4. Slowly pour cold brew over the back of a spoon to create layers.
  5. Top with a generous swirl of whipped cream.
  6. Garnish with a pineapple wedge and maraschino cherry.

Notes

  • For an extra tropical twist, try adding a splash of coconut syrup for added sweetness and flavor.
  • Adjust the sweetness by adding more or less syrup to your liking.
  • Can be served without whipped cream for a lighter version.
  • If you prefer dairy, substitute the coconut milk with regular milk or half-and-half.

Nutrition

  • Serving Size: 1 serving
  • Calories: 160
  • Sugar: 18g
  • Sodium: 50mg
  • Fat: 9g
  • Saturated Fat: 7g
  • Unsaturated Fat: 2g
  • Trans Fat: 0g
  • Carbohydrates: 19g
  • Fiber: 1g
  • Protein: 1g
  • Cholesterol: 15mg

Leave a Comment & Rate this Recipe!

If you love this recipe, please consider giving it a star rating when you leave a comment. Star ratings help people discover my recipes online. Your support means a lot to me, I appreciate you.

Recipe rating 5 Stars 4 Stars 3 Stars 2 Stars 1 Star

Your email address will not be published. Required fields are marked *