• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Home
  • About
    • Contact
    • Privacy Policy
    • Work With Me
  • Recipe Index
  • Moments
    • Pregnancy/Baby
      • Baby Registry List
      • Thriving Postpartum: What to Expect & Postpartum Essentials for Mom
  • Shop
    • Best Kitchen Gifts
    • Baby Registry List
    • Kitchen Tools (Must Haves)
    • Pantry Staples (Baking & Cooking)
    • Food Photography Essentials
  • Instagram
JoyFoodSunshine
menu icon
go to homepage
search icon
Homepage link
  • Home
  • Recipe Index
  • About Laura
  • Contact
    • Facebook
    • Instagram
    • Pinterest
    • RSS
    • Twitter
    • YouTube
  • Never Miss a Recipe

  • ×

    Home » Dairy-Free Mocha Latte (Iced or Warm)

    Dairy-Free Mocha Latte (Iced or Warm)

    Published: Jul 11, 2018 · Modified: Sep 27, 2021 by Laura · This post may contain affiliate links.

    Jump to Recipe

    This dairy-free mocha latte recipe is so delicious you will feel like you are drinking a high-end latte from a fancy coffee shop, but in the comfort of your own home and for a fraction of the price! It's healthy (paleo, vegan, with no refined sugar) and easy to make either in the blender or with a milk frother.

    front view of a glass mug with Dairy-Free Mocha Latte

    I created an iced mocha latte recipe that is so amazing you will feel like you are drinking a high-end latte from a fancy coffee shop, but in the comfort of your own home and for a fraction of the price! Make your own cinnamon chip scones or mocha scones for a cozy breakfast.

    To be honest, I'm usually a straight-up, black coffee drinker (maybe with a touch of this healthy coffee creamer added). But every now and then I get a craving for a mocha latte. So I made it my mission to create a dairy-free latte that is healthy, low in sugar, easy to make and delicious, and this Mocha Latte is totally a winner folks.

    overhead view of hands holding a mug of Dairy-Free Mocha Latte

    Mocha Latte Recipe: Ingredients and Substitutions 

    Let's chat a bit about the ingredients used in this homemade latte recipe, and some possible substitutions!

    • Brewed Coffee. If you want to add an even extra boost of caffeine to this treat, feel free to use a shot of espresso. Just be sure to chill it for an iced version. If you want to make this decaf, simply used brewed decaf coffee! Cold-brewed coffee is also a great choice!
    • Cocoa Powder. The higher quality ingredients used, the better this mocha latte recipe will taste. It only takes 1 TBS of cocoa powder to impart a perfectly chocolate flavor, so why not use the good stuff.
    • Honey. The recipe calls for a ½ to 1 TBS honey. I prefer my homemade latte less sweet, so I used ½ TBS. If you like your latte recipes on the sweeter side, then use a full 1 TBS. For a vegan version, use pure maple syrup.
    overhead view of the ingredients to make a Dairy-Free Mocha Latte Recipe

    How to make a Mocha Latte at home

    Here are a few notes about making this recipe in the blender or with a milk frother.

    • Blend the coconut milk. I recommend tossing the entire can of coconut milk (solid and liquid portions) for 15-20 seconds in the standard Vitamix container first. This ensures there will not be any lumps when it's poured into the Aer Disc Container to make the mocha latte!
    • Brew the coffee. Use your favorite coffee beans and brew them using your favorite method. I make mine in the french press. Feel free to use your favorite coffee or espresso!

    To make an Iced Mocha Latte: Chill the ingredients first

    • For this iced vegan mocha (which is absolutely perfect for summer), it's important to chill the ingredients overnight. Transfer the blended coconut milk and brewed coffee into glass jars with lids, and store them in the refrigerator overnight!
      • Blend for as short a time as possible. For an iced vegan latte it's important to blend as little as possible, because blending increases the temperature of the liquid. 30 seconds is a sufficient amount of time to blend the coffee and coconut milk together to create a great foam. Blending for 10-15 seconds to combine the final ingredients into the coffee/coconut milk mixture was perfect!

    To make a warm Mocha Latte: Do not chill ingredients

    • If you are more interested in a warm dairy-free latte, there is no need to chill the ingredients overnight!
      • Blend longer. To heat up the dairy-free latte, you will need to blend for about 2 minutes.
    collage of six photos showing how to make a Dairy-Free Mocha Latte

    How to froth milk at home

    I understand the Aer container is a unique piece of kitchen equipment that not many people have, so you can also use a milk frother to make this.

    In the Aer Container

    The beauty of the Vitamix Aer Disc Container is that it does the milk-frothing for you! The proof is in the pudding, look at that foam (as I mentioned before).

    With a milk frother

    I use my milk frother all the time. It's easy to use one instead of the Vitamix. I recommend whisking or blending the ingredients (coffee, honey, vanilla and cocoa powder) together first, frothing the milk, then pouring the frothed milk into the the mixed ingredients! You can still make it hot or cold, just chose the correct function on the frother.

    Front view of hands holding a glass mug filled with Dairy-Free Mocha Latte garnished with cocoa powder and star anise

    How to serve a Mocha Latte

    1. For an iced latte, pour the finished product into cups or mugs filled with ice cubes.
    2. For a warm mocha latte, pour the finished latte into your favorite mugs!

    I also recommend pairing it with your favorite breakfast, like our favorite cinnamon rolls, my go-to healthy breakfast bars or these paleo zucchini muffins!

    Front view of a glass mug filled with Dairy-Free Mocha Latte garnished with cocoa powder and star anise

    Recipe FAQs

    What kind of milk do you use to make a dairy-free latte?

    Canned Coconut Milk. To achieve the best foam, I recommend using full-fat, canned coconut milk or cream. Lite coconut milk can also be used.

    Is almond milk good for lattes?

    It's not the best. I think fat is a key component in a truly amazing mocha latte. So I'd stick with coconut milk for this mocha latte recipe!

    What is the ratio of espresso to milk in a latte? 

    In this recipe I used a 1:1 ratio of coffee to coconut milk. Feel free to adjust the ratio to your liking if you so desire! If using real espresso the ratio is more like 1:4 espresso : milk.

    Overhead side view of a Dairy-Free Mocha Latte made in the Vitamix Aer Container

    If you make and love our recipes, it would mean so much to me if you would leave a comment and rating! And don't forget to follow along with us on Instagram, Pinterest, Facebook, and Youtube - be sure to tag @joyfoodsunshine and use the hashtag #joyfoodsunshine so we can your creations!

    Dairy-Free Mocha Latte

    Laura
    This dairy-free mocha latte recipe is so delicious you will feel like you are drinking a high-end latte from a fancy coffee shop, but in the comfort of your own home and for a fraction of the price! It's healthy (paleo, vegan, with no refined sugar) and easy to make either in the blender or with a milk frother.
    5 from 4 votes
    Print Recipe Pin Recipe Save Recipe Saved!
    Prep Time 5 mins
    Total Time 5 mins
    Course Breakfast, Drinks
    Cuisine American
    Servings 2 Servings
    Calories 132.1 kcal

    Equipment

    • Vitamix blender
    • milk frother
    • measuring spoons
    • measuring cups

    Ingredients
     
     

    • 1 cup brewed coffee chilled overnight
    • 1 cup chilled coconut milk canned*
    • 1 TBS cocoa powder
    • 1 TBS honey or more to taste
    • ½ tsp pure vanilla extract

    Instructions
     

    • Put coconut milk and coffee into the Aer Disc Container on your Vitamix blender.
    • Blend staring at the lowest setting and increasing to high. Blend for 30 seconds on high speed.
    • Stop blending and add honey, cocoa powder and vanilla.

    To make an Iced Mocha Latte:

    • Blend starting on low speed and increasing to high for 15 seconds, or until ingredients are combined.
    • Pour over ice and enjoy

    To make a warm Mocha Latte:

    • Do not chill ingredients.
    • After adding cocoa powder and honey, blend for 2-4 minutes or until the mixture becomes warm.

    Video

    Notes

    *Note: I recommend putting the can of coconut milk in the blender for 15-30 seconds before putting it in a container to chill overnight. This will ensure a uniform, smooth consistency and incorporate the solid and liquid portions of the coconut milk!

    Make it with a milk frother

    I use my milk frother all the time. It's easy to use one instead of the Vitamix. I recommend whisking or blending the ingredients (coffee, honey, vanilla and cocoa powder) together first, frothing the milk, then pouring the frothed milk into the the mixed ingredients! You can still make it hot or cold, just chose the correct function on the frother.

    Ingredient Substitutions 

    • Brewed Coffee. If you want to add an even extra boost of caffeine to this treat, feel free to use a shot of espresso. Just be sure to chill it for an iced version. If you want to make this decaf, simply used brewed decaf coffee! Cold-brewed coffee is also a great choice!
    • Cocoa Powder. The higher quality ingredients used, the better this mocha latte recipe will taste. It only takes 1 TBS of cocoa powder to impart a perfectly chocolate flavor, so why not use the good stuff.
    • Honey. The recipe calls for a ½ to 1 TBS honey. I prefer my homemade latte less sweet, so I used ½ TBS. If you like your latte recipes on the sweeter side, then use a full 1 TBS. For a vegan version, use pure maple syrup.

    Nutrition

    Serving: 1cupCalories: 132.1kcalCarbohydrates: 12.3gProtein: 0.7gFat: 8.4gSaturated Fat: 6.2gMonounsaturated Fat: 0.1gSodium: 3.6mgPotassium: 106.2mgFiber: 1gSugar: 10.8gCalcium: 47mgIron: 0.4mg
    Tried this recipe?Let us know how it was!

    This post contains affiliate links, which means that if you purchase a product through a link you clicked on here, I receive a portion of the sale. Thank you for supporting JoyFoodSunshine! 

    « Balsamic Caprese Quinoa Salad
    Zucchini Smoothie »

    Did you make this recipe?

    Leave a comment and review below, then take a picture and tag @joyfoodsunshine #joyfoodsunshine on Instagram so I can see it! Sign up here to receive weekly e-mails!

    Reader Interactions

    Comments

    1. Colleen

      June 18, 2019 at 12:44 pm

      I just made this! Yummy!

      Reply
    2. Claire Zimmer

      November 30, 2018 at 8:39 am

      5 stars
      Excited to make this all winter! So delicious.

      Reply
      • Laura

        November 30, 2018 at 8:45 am

        It's definitely a fave of mine!

        Reply
    3. Judith Yaeger

      October 13, 2018 at 7:52 am

      5 stars
      This recipe is amazing. I made the mocha latte ingredients without the coffee and kept it in my refrigerator in a jar and scooped a spoonful into my coffee and it was awesome. We have a lot in common. I'm a chemist at Argonne labs in Chicago and I often say things that I wish I hadn't said. On the brighter side, sometimes I say things that mention God and He rewards me. I work with lots of international students who have never heard the word God. Would love to be able to leave the area but I'm near retirement so maybe I will. Keep blogging and adding new recipes!

      Reply
      • Laura

        October 13, 2018 at 8:38 am

        Hey Judith! Thank you for stopping by to report your success with this recipe! I used to job around Argonne all the time and took my students on field trips there! 🙂 I miss living near there so much, but can't complain about our mountains here in UT!

        Reply
    4. Chelsey

      July 12, 2018 at 7:23 am

      This looks amazing!! So frothy and the perfect pick me up! YUM!

      Reply
      • Shirley

        December 17, 2020 at 11:41 am

        5 stars
        Very good!!!

        Reply
    5. Brittany Audra @ Audra's Appetite

      July 11, 2018 at 9:23 pm

      So impressed with your pictures and all that foam! Have you tried making this without the Aer Disk Container? I have a Vitamix but don't have that attachment. Also, I agree with you...I love mochas but they are always way too sweet so this is perfect! 🙂

      Reply

    Leave a Reply Cancel 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.

    Primary Sidebar

    Search

    About Laura

    I’m Laura, a former chemistry teacher turned homeschooling mom of six beautiful babies! I create simple and delicious recipes that are tested and perfected to make cooking and baking joyful and fun!

    Click here to read more >>

    • Facebook
    • Instagram
    • Pinterest
    • RSS Feed
    • Twitter
    • YouTube

    Most Popular Recipes

    • The Best Chocolate Chip Cookie Recipe Ever
    • Best Cinnamon Rolls Recipe (Better than Cinnabon)
    • Easy Homemade Pizza Dough
    • Easy Dutch Oven No Knead Bread
    • Easy Homemade Pizza Sauce Recipe (5- Minutes)!
    • Asian Chicken Lettuce Wraps (Better than P.F. Chang's)!

    Trending now

    • Best Oatmeal Cookies
    • Best Flourless Chocolate Cake Recipe
    • Healthy Black Bean Brownies
    • Healthy Greek Yogurt Brownies
    • Best Flourless Brownies (Gluten-Free, Paleo)
    • Chocolate Chip Cookie Bars

    Footer

    ↑ back to top

    Joy Food Sunshine Logo
    • Facebook
    • Instagram
    • Pinterest
    • RSS Feed
    • Twitter
    • YouTube

    Never Miss a Recipe

    135725 shares
    • 88