This dairy-free Caramel Macchiato Recipe is a frothy and luxurious morning beverage, which features a homemade coconut caramel sauce and creamy oat milk foam. It’s a barista-quality vegan treat, ready to sip in just 10 minutes.
Jump to RecipeCaramel Macchiato Ingredients
The Coconut Caramel Syrup:
- 3 tbsp Coconut Sugar: Provides a deep, toffee-like flavor that mimics traditional caramel perfectly without refined white sugar.
- 1/4 cup Full-Fat Canned Coconut Milk: You must use the canned variety (shake the can well before opening). The high fat content creates a thick, glossy syrup that carton milk cannot achieve.
- Pinch of Salt: Essential to balance the sweetness and create a “salted caramel” profile.
The Drink Base:
- 1/2 cup Brewed Black Coffee (or Espresso): Strong coffee is needed to cut through the rich milk and syrup. Espresso gives the most authentic flavor.
- 1/6 tsp Vanilla Extract: A tiny drop adds the aromatic bakery scent that defines a good macchiato.
- 1/2 cup Oat Milk: Oat milk is superior for frothing compared to almond or soy because of its texture and fiber content. It creates “soft, foamy clouds.”
- 3 tbsp Prepared Caramel Syrup: From the batch above.
The Topping:
- Vegan Whipped Cream: Coconut-based whips (like Gay Lea) work beautifully.
- Extra Caramel Syrup: For the signature cross-hatch drizzle on top.

How To Make Caramel Macchiato
- Make the Caramel Syrup: In a small saucepan, combine the coconut sugar, full-fat canned coconut milk, and the pinch of salt. Place over medium heat. Stir constantly—do not walk away, as sugars can burn quickly. Cook until the mixture looks syrupy and thickens. Pull it off the heat and let it chill for a bit (it thickens more as it cools).
- Brew and Heat: Brew your strong coffee or pull a shot of espresso. While that brews, heat the oat milk in a small pot until it starts bubbling gently around the edges.
- Froth the Milk: Using a frother, whisk, or blender, froth the hot oat milk vigorously. You want to create a thick layer of foam on top.
- Assemble the Base: In your favorite mug, add 3 tablespoons of the homemade caramel syrup. Pour the hot, frothed oat milk over the syrup. Stir well immediately to dissolve the syrup into the milk, preventing a “sad caramel blob” at the bottom.
- Pour the Coffee: Gently pour the hot coffee or espresso over the milk mixture. Tip: Pouring slowly helps keep the foam intact.
- Top and Serve: Top with a dollop of vegan whipped cream and a generous drizzle of the remaining caramel syrup. Serve immediately.

Recipe Tips
- Canned vs. Carton Coconut Milk: For the syrup, you absolutely cannot substitute carton coconut beverage for canned coconut milk. The carton version is mostly water and will result in a runny, watery sauce. You need the thick cream from the can.
- Macchiato Mechanics: A traditional macchiato is “marked” by pouring espresso through the foam. By pouring the coffee in last (after the milk), you create a beautiful layered effect before stirring.
- Frothing without a Frother: If you don’t have a wand frother, pour the hot milk into a mason jar, screw the lid on tight (use a towel to hold it, it’s hot!), and shake violently for 30 seconds.
- Vanilla Note: Don’t skip the tiny amount of vanilla. It bridges the gap between the coffee bitterness and the caramel sweetness.
What To Serve With Caramel Macchiato
- Biscotti: The perfect crunchy vessel for dipping into the foam.
- Oatmeal Cookies: Pairs well with the oat milk in the drink.
- Avocado Toast: A savory breakfast contrasts the sweet drink.
- Cinnamon Bun: Lean into the coffeehouse vibe.

How To Store Caramel Macchiato
- Syrup Storage: The drink itself should be consumed immediately, but the homemade coconut caramel syrup can be stored in a sealed jar in the refrigerator for up to 1 week. It may harden in the fridge; just warm it slightly to make it pourable again.
Caramel Macchiato Nutrition Facts
- Calories: 220 kcal
- Carbohydrates: 28g
- Fat: 12g
- Protein: 2g
- Sugar: 24g
Nutrition information is estimated per drink including whip.
FAQs
You can, but almond milk tends to separate when heated and doesn’t hold foam as well as oat milk. If you use it, look for a “Barista Blend” almond milk.
Yes, provided you use certified gluten-free oat milk. The caramel sauce ingredients are naturally gluten-free.
This happens if the coconut sugar didn’t fully dissolve. Make sure to stir constantly over medium heat until the mixture is completely smooth before removing it from the stove.
Caramel Macchiato Recipe
Course: DrinksCuisine: AmericanDifficulty: Easy1
servings5
minutes5
minutes220
kcalA plant-based, cafe-style coffee drink featuring a homemade 3-ingredient coconut caramel sauce and perfectly frothed oat milk.
Ingredients
3 tbsp coconut sugar
1/4 cup canned coconut milk (full fat)
Pinch of salt
1/2 cup brewed coffee
1/6 tsp vanilla extract
1/2 cup oat milk
Vegan whip (optional)
Directions
- Simmer coconut sugar, canned milk, and salt until syrupy. Cool slightly.
- Brew coffee.
- Heat and froth oat milk.
- Add 3 tbsp syrup to mug.
- Pour in frothed milk and stir.
- Pour coffee over the milk.
- Top with whip and extra caramel.
Notes
- Use canned coconut milk for thick syrup.
- Oat milk froths best.
- Store extra syrup in the fridge.
