Mocha Latte

February 01, 2021

Jump To Recipe

This recipe was developed and photographed by Sadie Radinsky, author of the Whole Girl blog. Published with permission. For more, follow Sadie @sadieradinsky.

This mocha latte recipe by Sadie Radinsky brings the coffeehouse flavors you crave to your kitchen counter. No need to wait in the early morning line at your neighborhood coffee shop any time you want a caffeinated beverage. Learn how easy it can be to make your own mocha latte at home.

In celebration of her new book, Whole Girl: Live Vibrantly, Love Your Entire Self, and Make Friends with Food, Sadie shares one of her delectable latte recipes from her cookbook. Whole Girl includes 45 gluten-free, paleo treat recipes as well as empowering insights, advice, and well-being practices to help us embrace and celebrate every part of our selves. Order your copy of Sadie’s Whole Girl book today.

If you’re anything like us (and we suspect you are), you love a good coffeehouse copycat drink. From our keto caramel macchiato to our toasted marshmallow Dalgona coffee to our chai frappuccino, we can’t help but get creative with our collagen to craft trendy coffee drinks and new spins on classic warm and cold brew coffee drinks. Try this mocha latte recipe if you like the flavor of warm cocoa amped up with espresso.

What Is a Mocha Latte?

Mocha coffee is named after the type of coffee beans used to make the brew. Harvested from arabica coffee beans, which possess a sweeter flavor, mocha coffee beans taste a bit like chocolate. To enhance these slightly sweet, earthy, and a touch bitter notes, baristas often add chocolate syrup or cocoa to mocha coffee drinks.

Mocha lattes contain brewed mocha coffee or espresso combined with steamed or frothed milk and either powdered cocoa, chocolate syrup or sauce, or both. Some recipes for mocha lattes include hot chocolate.

What Is the Difference Between a Mocha Latte and a Regular Latte?

In its simplest form, a regular latte combines espresso shots and steamed or frothed milk. Some customers enjoy added syrup or sweetened powders to flavor their lattes—vanilla, pumpkin spice, and caramel tend to be popular, seasonal picks. No-dairy milk alternatives continue to rise in popularity, and most coffeehouses offer steamed or frothed coconut, almond, soy, and even oat milks. These no-dairy milks do not froth as voluminously as full-fat dairy milk, however.

Mocha Latte Recipe

Time: 5 minutes

Servings: 2


  • 4 shots of fresh espresso*
  • 1 cup hot water*
  • ½ cup full-fat coconut milk
  • 2 scoops Primal Kitchen Collagen Peptides or Primal Kitchen Chocolate Coconut Collagen Fuel
  • 2 Tbsp. raw shelled hemp seeds or hemp hearts
  • 2 Tbsp. coconut butter
  • 1 ½ Tbsp. cacao powder, plus more for topping
  • ¼ tsp. ground cinnamon
  • 8 to 12 drops liquid monk fruit extract or pure liquid stevia extract, to taste
  • 2 Tbsp. organic dried rose petals, for topping (optional)

*Barista’s Tip: If you don’t have espresso, replace the 4 shots of espresso and 1 cup hot water with 2 cups hot coffee. For a coffee-free option, you could use 2 cups strongly brewed dandelion tea.

How to Make a Mocha Latte

  • Place all ingredients (except the rose petals) in a high-speed blender and blend, starting on low.
  • Slowly turn blender speed up to high, continuing to blend until everything is smooth and frothy. Taste it, add more monk fruit extract, if desired, and blend again.
  • Pour into 2 mugs, top with extra cacao powder and rose petals, if using, and serve.

Nutrition info (per serving):

Calories: 234

Carbs: 6 grams

Fat: 18 grams

Protein: 17 grams

Nutrition info calculated using Cronometer.

How Do You Make an Iced Mocha Latte?

To make an iced mocha latte, follow these easy steps:

  1. Brew/pull espresso shots and pour into a cup or mason jar. Set aside to cool on the counter for 10 minutes, or make the night before and place in an airtight container in the refrigerator overnight.
  2. Place the coconut milk (can or box) in the refrigerator overnight to cool.
  3. Blend 1 cup of room-temperature water with half a cup of cold coconut milk, 2 scoops Collagen Peptides, 2 Tbsp. raw shelled hemp seeds or hemp hearts, 2 Tbsp. coconut butter, 1 ½ Tbsp. cacao powder, ¼ tsp. ground cinnamon, and 8 to 12 drops liquid monk fruit extract or pure liquid stevia extract, to taste.
  4. Pour mocha lattes into two glasses filled halfway with ice cubes. Top each latte with more cacao powder, and enjoy.

Can a Mocha Latte Be Vegan?

Yes, a mocha latte can be vegan. Make a vegan version of Sadie’s mocha latte by omitting the Collagen Peptides. Read the ingredients label of the cacao powder you use; pure cacao or cocoa powders should not include animal products.

You might also like these other coffeehouse copycat recipes:



0 item(s)
away from FREE SHIPPING within the US
🎉 Congrats! You've unlocked FREE SHIPPING!
Sign in or create an account to unlock FREE SHIPPING at $25 within the US!
Spend $60.00, GET FREE Original Buffalo Sauce