• Skip to primary navigation
  • Skip to content
  • Skip to primary sidebar
  • Skip to footer
  • Home
  • about
    • Baby
  • Recipes
    • All Recipes
    • Dairy Free
    • Gluten Free
    • Appetizers
    • Breads
    • Breakfast
    • Desserts
    • Drinks
    • Main Dishes
      • Beef & Pork
      • Chicken & Poultry
      • Pizza & Flatbreads
      • Pasta & Grains
      • Salads & Vegetables
      • Sandwiches
      • Soups
    • Paleo
    • Side Dishes
    • Slow Cooker
    • Snacks
    • Spiralized
  • 30 Min Recipes
  • Meal Prep Meals
  • Meal Plans
  • shop
  • Contact
    • Press
    • Nutritional Disclaimer
    • Work with Me

With Salt and Wit

Laugh Often. Eat Well.

399 July 18, 2017 30 Minute Recipes

Iced Coconut Milk Mocha Macchiato

Iced Coconut Milk Mocha Macchiato is just how I want to start each day or give my afternoon a java jolt! Creamy coconut milk swirled with rich chocolate and topped with espresso. So fancy you will be calling yourself a barista!

Iced Coconut Milk Mocha Macchiato is just how I want to start each day or give my afternoon a java jolt! Creamy coconut milk swirled with rich chocolate and topped with espresso. So fancy you will be calling yourself a barista!
Iced Coconut Milk Mocha Macchiato is just how I want to start each day or give my afternoon a java jolt! Creamy coconut milk swirled with rich chocolate and topped with espresso. So fancy you will be calling yourself a barista!

Iced Coconut Milk Mocha Macchiato is just how I want to start each day or give my afternoon a java jolt! Creamy coconut milk swirled with rich chocolate and topped with espresso. So fancy you will be calling yourself a barista!

Think back to your early days of working for a moment.

What would you say would be your top pick? One job where you actually didn’t mind venturing off to every once and a while?

For me, it was working as a barista at Starbucks. Endless access to espresso and sugar. What else could a college kid want?

Oh ya, booze. Nevermind that aspect…I am thinking more of those early shifts.

Iced Coconut Milk Mocha Macchiato is just how I want to start each day or give my afternoon a java jolt! Creamy coconut milk swirled with rich chocolate and topped with espresso. So fancy you will be calling yourself a barista!

I was one of the weirdo’s that would ask for the opening shift. Yes, that meant being there at 5am; and waking when your college buddies are just hitting the hay, ending their evenings and not waking until I had an entire 8-hour shift under my belt.

I have always been an early bird, so it seemed like a good fit to work at a coffee shop. Free coffee plus I got to chat with other people that loved coffee. The early mornings, maybe not. But at least coffee helped them on their way to becoming enjoyable at 6am.

Iced Coconut Milk Mocha Macchiato is just how I want to start each day or give my afternoon a java jolt! Creamy coconut milk swirled with rich chocolate and topped with espresso. So fancy you will be calling yourself a barista!

But, let’s be real. The best thing about working at a coffee house was the creativity that flowed. The crazy drink concoctions that we dreamed up. In case you haven’t heard of Starbucks secret menu, search it and start craving. These crazy concoctions are drinks that aren’t found on the menu, rather can be found in the mind of every barista that is behind that counter. But the only sad thing is, not every barista knows of certain drinks or may have a different spin on them. More than likely though, you will come out with a java cup just as delicious!

One of my favorites to this day is the Captain Crunch Frappuccino. Sound appealing? Oh man. It’s gooooood. I even made a skinny version for the blog! Strawberries ‘n Creme Frappuccino with toffee nut syrup. Other creations were chocolate raspberry chip frappuccino (raspberry syrup + mocha syrup + chocolate chips). Have it in a latte or frappuccino. Your drink, your choice!

Iced Coconut Milk Mocha Macchiato is just how I want to start each day or give my afternoon a java jolt! Creamy coconut milk swirled with rich chocolate and topped with espresso. So fancy you will be calling yourself a barista!

Since my days of working the line at Starbucks are long gone, I am forced to get creative in the mornings with my coffee. Ever since making my own cold brew, there is no need to head to the coffee shop each morning. Plus we bought a Ninja Coffee Bar and we are OBSESSED. (No this is not a sponsored post, I just reallyyyyy love that machine. It brews a single cup, travel mug, half or full carafe of coffee. And oh ya, over ice too. Pretty nifty, huh?) Now that I have a coffee bar, we have been going a bit crazy on our drinks. The hubs even loves to add a bit of Rumchata to his…puts a little pep in his step he says. Yo, whatever your style is, I’m not hatin.

Iced Coconut Milk Mocha Macchiato is just how I want to start each day or give my afternoon a java jolt! Creamy coconut milk swirled with rich chocolate and topped with espresso. So fancy you will be calling yourself a barista!

Then this happened. Seems like the caramel macchiato is a crowd favorite. What is not to love? Vanilla milk swirled with espresso and caramel sauce? Pretty dreamy. Since more than likely we have been there and done that, I thought we could all use a chocolate spiked version. Oh ya, with coconut milk! Starbucks just released one with white mocha and caramel but I am all about that chocolate.

Don’t let the name scare you. This Iced Coconut Milk Mocha Macchiato is stupid easy to make! I mean coconut milk, with a touch of Silk Vanilla Almond Milk Creamer to up the silkiness then all swirled with smooth mocha sauce and topped with velvety espresso. We add only a small amount of the creamer, but it adds such a richness to the drink. Something about a coffee house drink that leaves a lasting impression is always favorable in my opinion. No one wants a watered down beverage, right?

Iced Coconut Milk Mocha Macchiato is just how I want to start each day or give my afternoon a java jolt! Creamy coconut milk swirled with rich chocolate and topped with espresso. So fancy you will be calling yourself a barista!

For the espresso, you could brew a double strength cup of joe and let it chill. Or you could also make my cold brew but do not dilute it! That is the ideal choice so your coffee isn’t bitter. Plus cold brew tastes just a touch sweeter since it’s not as acidic.

Whichever way you choose, how can your day be bad when it starts with chocolate? Amiright?

Iced Coconut Milk Mocha Macchiato is just how I want to start each day or give my afternoon a java jolt! Creamy coconut milk swirled with rich chocolate and topped with espresso. So fancy you will be calling yourself a barista!

Items I used to make this recipe:



Iced Coconut Milk Mocha Macchiato

Iced Coconut Milk Mocha Macchiato is just how I want to start each day or give my afternoon a java jolt! Creamy coconut milk swirled with rich chocolate and topped with espresso. So fancy you will be calling yourself a barista!

5 minPrep Time

5 minTotal Time

Yields 1

Author:

Megan

Recipe Image
Save RecipeSave Recipe
Print Recipe
My Recipes My Lists My Calendar

Ingredients

  • 1/4 cup chilled double strength brewed coffee or 1 shot espresso
  • 1/2 cup carton coconut milk (vanilla if possible)
  • 1 tablespoon Silk Vanilla Almond Milk Creamer
  • Few drops vanilla stevia or 1 tablespoon coconut sugar (or sugar of choice)
  • 2 tablespoons organic chocolate syrup
  • Ice

Instructions

  1. Brew your coffee if you do not have done so yet. Place in freezer to chill while making remaining drink.
  2. Fill a tall glass 3/4th with ice. Add coconut milk, creamer and stevia. Stir.
  3. Slowly pour chilled coffee on top.
  4. Drizzle with chocolate syrup.
  5. Enjoy!
7.8.1.2
364
https://withsaltandwit.com/iced-coconut-milk-mocha-macchiato/

Thirsty for other java drinks?

This Perfect Homemade Iced Coffee is a simple, homemade cold brew coffee that will make you think it's a coffee house treat!

Perfect Homemade Iced Coffee {Cold Brew}

A copycat from a local coffeehouse, Skinny Almond Honey Toddy is a shaken cold brew with vanilla almond milk, and sweetened with honey!

Honey Almond Toddy (Honey Almond Iced Coffee)

Salted Chocolate Iced Coffee | A healthier coffee house inspired drink with espresso, chocolate and touch of sea salt! #coffee #healthy #chocolate #glutenfree

Salted Chocolate Iced Coffee 

If you make this recipe, make sure to snap a photo and hashtag it #WITHSALTANDWIT. I’d love to see what you are cooking up in your kitchen!

This is a sponsored conversation written by me on behalf of Silk. The opinions and text are all mine.

399

Categories: 30 Minute Recipes Tags: beverage, chocolate, coconut, coffee, cold brew, drink, easy, iced coffee, milk, Mocha

Interested in easy recipes with meal prep tips?

Sign up & receive
- My Weekly Meal Planner
- Plus, you'll receive my FREE Top 15 Make Ahead Recipes eBook!

Previous Post: « Coconut Vanilla Almond Butter Protein Ball Recipe
Next Post: Pumpkin Pie Cookie Dough Energy Balls »

Reader Interactions

Comments

  1. Bethany @ Athletic Avocado says

    July 17, 2016 at 7:57 pm

    OMG perfection in a glass! This coffee drink is everything I ever dreamed of and more! Thanks for this amazing recipe :)
    Reply
    • Meg says

      July 18, 2016 at 5:39 pm

      Why thank you Bethany!
      Reply
  2. Justine | Cooking and Beer says

    July 18, 2016 at 11:01 am

    I just started making my own concentrated cold brew. I am seriously obsessed, and this recipe is next on my list! Looks amazing!
    Reply
    • Meg says

      July 18, 2016 at 5:39 pm

      Isn't it the best?! Thanks Justine!
      Reply
  3. Jocelyn (Grandbaby cakes) says

    July 18, 2016 at 12:12 pm

    I am in love with this right now!!!
    Reply
    • Meg says

      July 18, 2016 at 5:38 pm

      Why thank you Jocelyn!
      Reply
  4. Denise | Sweet Peas & Saffron says

    July 18, 2016 at 3:02 pm

    WOW now that is a coffee I could enjoy! I worked at a coffee shop but we didn't do any crazy coffees like the ones you mentioned. I'm thinking I missed out! This looks delicious!!
    Reply
    • Meg says

      July 18, 2016 at 5:39 pm

      Oh man! That's too bad! But make this one and now you will be part of the cool kids club ;) Thanks, Denise!
      Reply
  5. Cookin Canuck says

    July 18, 2016 at 9:42 pm

    I had no idea that Starbucks had a secret menu - totally checking it out. This macchiato are what coffee dreams are made of!
    Reply
    • Meg says

      July 24, 2016 at 7:52 pm

      Yes you definitely need to check it out! Coffee for everyone! Thanks!
      Reply
  6. Sabrina says

    July 19, 2016 at 2:10 am

    This is a perfect drink to cool off with in the hot summer! Looks delicious!
    Reply
    • Meg says

      July 24, 2016 at 7:49 pm

      I second that! Let's drink to that ;) Thanks Sabrina!
      Reply
  7. Celeste | The Whole Serving says

    July 19, 2016 at 10:37 am

    My mouth is watering, I need to make one of these, it will help cool me in this Texas heat.
    Reply
    • Meg says

      July 21, 2016 at 7:41 am

      Oh yes! Perfect for this Midwest heat wave we are having!
      Reply
  8. Trish - Mom On Timeout says

    July 19, 2016 at 12:19 pm

    I need one of these so bad right now! What a gorgeous drink!
    Reply
    • Meg says

      July 21, 2016 at 7:40 am

      I want to join ya! We can both start our day right! Thanks Trish!
      Reply
  9. Dee says

    July 19, 2016 at 3:29 pm

    Yum -- This would be the perfect afternoon treat!
    Reply
    • Meg says

      July 21, 2016 at 7:40 am

      I agree! So what time are we making these?! Thanks!
      Reply
  10. Katerina @ Diethood says

    July 20, 2016 at 12:16 pm

    This drink equals my happiness!! LOVE LOVE LOVE!
    Reply
    • Meg says

      July 21, 2016 at 7:39 am

      I am with ya! Thanks Katerina!
      Reply
  11. lita mustaine says

    July 21, 2016 at 12:51 am

    Your photos are amazing!!! (I'm assuming you take them yourself). Thanks for the receipe!!
    Reply
    • Meg says

      July 21, 2016 at 7:34 am

      Why thank you! I do :)
      Reply
  12. Heidi says

    August 18, 2016 at 3:58 pm

    How do you do the coffee for this recipe in the Ninja? I have one but still working in best brew. TIA.
    Reply
    • Meg says

      August 19, 2016 at 8:10 am

      For this recipe, I would use the speciality brew! That way it's super concentrated. Enjoy!
      Reply
  13. Samantha says

    September 5, 2016 at 10:19 pm

    The starbucks drink has caramel in it swell doesn't it? Is it just swirled in the glass? I can't wait to try this because the Iced Coconut Milk Mocha Macchiato is my FAVE!
    Reply
    • Meg says

      September 7, 2016 at 8:16 pm

      Hi Samantha, I don't recall how they do their caramel but I know their caramel macchiato is just drizzled on top. Hope that helps!
      Reply
  14. Dana says

    September 17, 2016 at 3:30 pm

    just what I was looking for. I found your blog through Swagbucks.com when searching for this recipe. I like your writing style too. Your wit shines through.
    Reply
  15. Mary Jo says

    July 19, 2017 at 7:24 am

    I have a ninja coffee bar too, but haven't even begun to explore the possibilities. This looks delicious and I'll be trying it for sure!
    Reply
    • Meg says

      July 20, 2017 at 6:52 am

      You are welcome! Enjoy :)
      Reply
  16. Maria says

    July 20, 2017 at 3:31 pm

    I really don't like sugar in coffee... Its the Seattle-ite in me showing through. But I have LOVED every drink I have ever made from your page. I'm trying to think of a way to turn this into a cocktail.... Any suggestions for which liquor might go well? I'm always very bad at that. But coffee cocktails with coconut milk and chocolate?? That is my kind of iced cocktail;)
    Reply
    • Meg says

      July 23, 2017 at 1:12 pm

      So happy to hear you have enjoyed all the drinks thus far! Thank you :) And I would definitely add Kahlua! With being rum based, I believe it would fit perfectly with the coconut milk and chocolate...can I join when you make it?! I adore spiked coffee drinks!
      Reply
  17. Halle says

    August 17, 2017 at 7:41 pm

    Does this taste exactly like the one at Starbucks? I love the drink but we don't have a store where I live.
    Reply
    • Meg says

      August 20, 2017 at 2:20 pm

      Hi Halle, it doesn't take exactly like it as there's uses white chocolate mocha with a caramel drizzle. Rather than the chocolate drizzle on top, you can use either regular or sugar-free caramel syrup. And to be even more exact, buy white chocolate mocha syrup but I have a hard time finding that. Enjoy!
      Reply
  18. Sheila Wigley says

    September 13, 2017 at 9:54 am

    Hi Meg, can I ask a ? on the coconut milk please. Sorry if I missed and I went through a few times. Do you recommend sweetened or unsweetened vanilla coconut milk? I see both and don't want to screw this up. Thanks!
    Reply
    • Meg says

      September 14, 2017 at 6:24 am

      Whichever you prefer, Shelia! I always have unsweetened milk on hand so that is what I use. I like to use unsweetened so I can add sugar as I wish and to stay away from the type of sugar I choose not to consume. Hope that helps!
      Reply
  19. Lisa says

    March 20, 2020 at 12:52 am

    This sounds wonderful!!! I was wondering if i could substitute unsweetened almond milk for the coconut milk? Only because that is what i always have.
    Reply
    • Megan Kohrs says

      March 21, 2020 at 12:49 pm

      Yes! The coconut flavor won't there but it will still be delicious!
      Reply
  20. Jenifer says

    November 29, 2024 at 3:20 pm

    This Iced Coconut Milk Mocha Macchiato looks like the perfect drink for those hot summer days! I love how you’ve used coconut milk for a creamy, dairy-free twist—it must add such a nice subtle sweetness. The mocha and espresso combo is always a winner, and the iced version makes it even more refreshing. I’m definitely going to try making this at home—thanks for sharing the recipe! It’s a great alternative to the usual iced coffee drinks.
    Reply

Leave a Reply Cancel reply

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

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

Primary Sidebar

  • Email
  • Facebook
  • Instagram
  • Pinterest
  • RSS
  • Twitter

Hi There!

I'm Megan! A wife, mama and have a serious love of nutritious, time-saving meals with a knack for meal prep hacks. I crave simple, wholesome and balanced meals with a bit of humor on the side! Welcome to my kitchen. Read More…

Interested in easy recipes with meal prep tips?

Sign up & receive
- My Weekly Meal Planner
- Plus, you'll receive my FREE Top 15 Make Ahead Recipes eBook!

Search

Footer

SUBSCRIBE & JOIN TO RECEIVE A FREE FAST MEALS EBOOK!

  • Email
  • Facebook
  • Instagram
  • Pinterest
  • RSS
  • Twitter
All Images and content are © With Salt and Wit. Please do not republish without prior consent. If you wish to share a recipe, please simply rewrite the directions, in your own words, with your own photos, and link back to the specific post to provide credit. If you have any questions or wish to republish anything, please contact me: megan {at} withsaltandwit {dot} com

Copyright© 2025 · by Shay Bocks