Clean Eating Mocha Coconut Frappuccino Recipe

This delicious, clean eating mocha coconut frappuccino recipe will put frappuccinos in a whole new light!

I used to love Starbucks. I truly did. But what I didn’t love was what Starbucks did to my eating plan. I mean, let’s face it, unless you order just coffee, most of their drinks are far from clean. So when a reader asked me to try this one, I had to give it a shot.

Image shows a clear glass filled with this Clean Eating Mocha Coconut Frappuccino. It has a light colored, coffee-brown icy or slushy appearance.

The truth is, I’ve gotten a lot of requests for cleaned-up versions of various Starbucks drinks. And while I fully intend to give more of them a try, this one seemed doable to me from the get-go. While it may not be an exact match, I think you’ll find this version equally enjoyable. In fact, it’s kinda like drinking a creamy slushy! Who wouldn’t love that on a hot summer day?

Note: Frappuccino® is a registered trademark of Starbucks. I am not claiming ownership of this trademark in any way. The name is simply used here for reference.

More Healthy Coffee Recipes

Mocha Coconut Frappuccino Recipe Card

Copyright Information For The Gracious Pantry
Clean Eating Mocha Coconut Frappuccino® Recipe

Clean Eating Mocha Coconut Frappuccino®

Lose money at Starbucks no more! This homemade Frappuccino is so much tastier and cheaper to make at home.
No ratings yet
Print Pin Rate Add to Collection
Course: Drinks
Cuisine: American
Prep Time: 10 minutes
Total Time: 10 minutes
Servings: 2 servings
Calories: 121kcal
Author: Tiffany McCauley


  • 1 cup coffee (brewed strong and cooled completely)
  • 2 tsp. unsweetened cocoa powder
  • ½ cup light coconut milk (canned, not refrigerated)
  • 3 tbsp. honey
  • 3 cups ice cubes (or enough to make it the icy consistency you enjoy most)


  • Place all ingredients in a blender and blend until you have an icy slush.
  • Note: If you want to get really fancy, try topping it with this the coconut whipped cream mentioned above.


Please note that the nutrition data below is a ballpark figure. Exact data is not possible.


Serving: 0.5the recipe | Calories: 121kcal | Carbohydrates: 22g | Protein: 1g | Fat: 4g | Saturated Fat: 3g | Sodium: 47mg | Potassium: 133mg | Fiber: 1g | Sugar: 18g | Calcium: 6mg | Iron: 0.8mg

Leave a Reply

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

Recipe Rating

This site uses Akismet to reduce spam. Learn how your comment data is processed.


  1. I am going to try to make this with frozen coconut water instead of ice. I will let you know how it comes out!

    1. The Gracious Pantry says:

      Terri – Please do! Sounds interesting!

  2. We make this at home also, but we use homemade cold-pressed coffee instead. The flavor is richer without the bitterness of hot coffee. The simplest way is to put 1 part coffee and 4 parts water into a container in your fridge overnight. In the morning, filter through cheesecloth/a filter lined funnel/whatever you have that will handle it. You’ll end up with about a quart and a half of coffee concentrate. When using for recipes like this, use slightly less than called for since the flavor has steeped longer.

    1. The Gracious Pantry says:

      S – Sounds good!

  3. Love these kind of clean drinks! I’ve made a yummy “Caramel” with the coconut sugar! It is so good!! It may work with the drink, but haven’t tried it with that. I made caramel popcorn with it though! Thanks for the clean recipes!

    1. The Gracious Pantry says:

      Danielle – My pleasure!

  4. Christine says:

    I really wanted something chocolate and frozen tonight – thankfully I remembered this recipe!! I used Almond milk and 1/2 scoop vanilla protein powder ~ it’s heaven!!! Thanks. 🙂

    1. The Gracious Pantry says:

      Christine – My pleasure! 🙂

  5. I am so excited about this drink! One of the problems I always run into while clean eating however is coconut. I strongly dislike coconut in any form. This causes a lot of problems. I’m also not a fan of almond milk. I’m not going to let the coconut get me down though. For now I’ll try it with coconut milk because I happen to have some sitting forgotten in my cupboard but most likely I’ll have to go to regular milk for it. Hoping if I add a little more cocoa to it, it will reduce to coconut taste. Now lol how do I use my coffee maker haha I don’t drink regular coffee and have never used the new maker my husband bought 8 months ago. Wish me luck!

    1. The Gracious Pantry says:

      Amanda – Time to bust out that coffee maker!!! And while I haven’t tried it with regular milk, I see no reason why it shouldn’t work. Let me know how it goes! 😀

  6. This is soo good! Thanks!

    1. The Gracious Pantry says:

      Kat – So glad you enjoyed it! 😀

  7. Question: When you say light coconut milk, do you mean the one out of a can?

    1. The Gracious Pantry says:

      Claudia – Yes. The stuff in the carton/refrigerated section is not clean. That being said, you should still read labels to ensure what you are buying is clean.

  8. Just found this healthy frap recipe tonight and it looked to good to not try! I whipped up some Teecino herbal coffee (highly recommend it for those of you who don’t want to or can’t drink caffeine) and made this with some slight change to the recipe since I didn’t have coconut milk on hand. It turned out FABULOUS! So delicious! Great recipe, thank you!!!

    1. The Gracious Pantry says:

      Kelly – I’m so happy you enjoyed it! 🙂