Easy Homemade Butterbeer Latte with Toasted Mallow

Salted butterscotch sauce drizzled inside the glass. Marshmallow milk frothed on top. Toasted marshmallow to finish. This easy homemade butterbeer coffee recipe tastes like a theme park, costs less than a dollar to make.

Easy Homemade Butterbeer Latte with Toasted Mallow

The Sticky, Smoky Morning Savior

Because some mornings regular coffee just isn't enough to get the gears grinding, which is exactly why you need this easy homemade butterbeer coffee recipe 


easy homemade butterbeer latte recipe. Latte in tall mug with toasted marshmallow on top on wooden surface

The 'Oomph' You Deserve

  • It tastes like a theme park vacation, but you get to wear sweatpants. 
  • The salted butterscotch sauce brings rich, toasty notes without feeling like fake, flavored nonsense. 
  • It's a legitimate excuse to use a kitchen torch on a marshmallow before 9 AM, letting you laugh at the morning chaos. 

The Java Momma Twist: We use Three Beans Butter Beer Coffee here because why stop at syrup when the beans themselves can do the heavy lifting? Knowing exactly what you like is the flex, and this base cuts right through the sweet stuff.

The Blueprint

  • 4 oz. strong brewed Java Momma Three Beans Butter Beer Coffee (or espresso)
  • 3 Tbsp. Salted Butterscotch Sauce (divided)
  • 6 oz. milk of choice (warmed, or cold if having iced!)
  • 1-2 Tbsp. Marshmallow Fluff OR Toasted Marshmallow Syrup (divided)
  • Crushed ice (if making it iced)
  • Optional: Toasted marshmallow for garnish

The Method to the Mess: Easy Homemade Butterbeer Coffee Recipe

  1. Grab your tumbler and aggressively drizzle 1 tablespoon of Salted Butterscotch Sauce around the inside. Let it get messy. 
  2. Add 2 tablespoons of that butterscotch gold to the bottom of your glass, pour your brewed Three Beans Butter Beer coffee over the top, and give it a good stir.
  3. If you are enjoying your drink iced, dump your crushed ice in here!
  4. Whisk your marshmallow fluff or syrup into your milk of choice and froth to your desired consistency. Pour it directly over your coffee.
  5. Top with a toasted marshmallow, because you deserve nice things.

Swaps & Permission Slips

  • Store-bought sauce is fine: If making homemade butterscotch sounds like too much work today, buy the jarred stuff. Efficiency is an easy decision. 
  • Skip the syrup making: Use standard marshmallow fluff from the pantry instead of boiling sugar. Convenience is a valid choice. 
  • Make it The Off Switch: Swap the beans for a decaf roast so you can enjoy the wind-down ritual without the buzz. 

Put on your fat pants and drink this. You survived the week. 

Frequently Asked Questions

What is a butterbeer coffee recipe?

A butterbeer coffee recipe combines strong brewed coffee with salted butterscotch sauce and marshmallow — inspired by the fictional butterbeer drink from the Harry Potter series. This version uses Three Beans Butterbeer Coffee from Java Momma, which is flavored with butterscotch and vanilla notes, so the coffee itself carries the butterbeer character before the sauce even hits.

Can I make this butterbeer coffee iced?

Yes — the recipe works hot or iced. For iced, use cold milk instead of warmed, add crushed ice after the butterscotch and coffee layer, then pour the marshmallow milk over the top. The salted butterscotch sauce drizzle on the inside of the glass still works cold — it just takes a little more stirring to incorporate.

What's the difference between Marshmallow Fluff and toasted marshmallow syrup?

Marshmallow Fluff is a pantry staple — thick, sweet, and slightly sticky when whisked into milk. Toasted marshmallow syrup is thinner and blends more easily, giving you a cleaner froth. Both work. Fluff gives you a slightly richer, more indulgent result. Syrup is the lower-effort option. If you have a kitchen torch and want to toast an actual marshmallow on top, that's the move regardless of which you use in the milk.

Can I use a different coffee in this recipe?

You can use any bold medium or dark roast as a substitute. Three Beans Butterbeer Coffee works best because the butterscotch and vanilla notes in the coffee amplify the sauce rather than competing with it — the whole drink tastes like a single cohesive thing rather than coffee with toppings. A plain dark roast gets you close but the layered flavor won't be the same.

How do I make homemade salted butterscotch sauce?

Combine 1/2 cup brown sugar, 1/4 cup heavy cream, 2 Tbsp butter, and a pinch of sea salt in a small saucepan over medium heat. Stir until the sugar dissolves, then simmer for 3–4 minutes until slightly thickened. Remove from heat, add 1/2 tsp vanilla, and cool before using. Keeps in the fridge for 2 weeks. Store-bought butterscotch sauce is a completely valid shortcut — nobody has to know.

Previous Article Next Article

Three Beans Butterbeer & Toasted Marshmallow Coffee

Need a break from reality? This easy homemade butterbeer coffee recipe is your permission slip to enjoy a sticky, sweet, caffeinated treat.

Author
Sally Valenti
Prep Time
15 minutes
Cook Time
5 minutes
Servings
1 (plus extra syrups for the fridge)
Category

Beverage

Cuisine
American

Ingredients

  • Ingredients for the Drink:
  • 3 Tbsp Salted Butterscotch Sauce (divided)
  • 4 oz strong brewed OR espresso brewed Three Beans Butterbeer Coffee
  • 6 oz milk of choice, warmed (or cold, if having iced!)
  • 1-2 Tbsp Marshmallow Fluff OR Toasted Marshmallow Syrup (divided)
  • Toasted Marshmallow for garnish (optional)
  • Crushed ice (optional, for iced version)
  • Ingredients for Salted Butterscotch Sauce (Yields ~1 cup):
  • 4 oz butter
  • 1/2 cup brown sugar (not granulated!)
  • 1/4 tsp smoked sea salt
  • 1 tsp vanilla bean paste
  • 1/2 cup heavy cream
  • Ingredients for Toasted Marshmallow Syrup (Yields ~1.5 cups):
  • 8 large marshmallows
  • 3/4 cup granulated sugar
  • 1/4 cup brown sugar
  • 1 cup water
  • 1 tsp vanilla extract
  • A pinch of salt

Directions

  1. Make the Butterscotch Sauce: In a small saucepan, combine butter, brown sugar, smoked sea salt, vanilla bean paste, and cream. Bring to a boil over medium heat while stirring to dissolve the sugar. Once boiling, reduce heat to low and cook for 5 minutes. Remove from heat to cool. Store in an airtight jar in the fridge for 5-7 days.
  2. Make the Marshmallow Syrup: Thread 8 large marshmallows onto skewers and toast them over an open flame until beautifully browned. In a medium saucepan, combine both sugars and water. Simmer over medium-low heat until dissolved (about 3 minutes). Reduce heat to low, add the toasted marshmallows, and stir until completely dissolved (about 5 minutes). Remove from heat, stir in vanilla and salt, cool completely, and strain. Store in the fridge.
  3. Assemble the Drink: Drizzle 1 Tbsp of Salted Butterscotch Sauce around the inside of your tumbler of choice.
  4. Add 2 Tbsp of Salted Butterscotch to the bottom of your glass, pour your brewed coffee over the syrup, and stir to combine.
  5. If making an iced version, add your crushed ice now.
  6. Add Marshmallow Fluff or Syrup to your milk of choice and froth to desired consistency. Pour over the coffee in your mug.
  7. Top with extra toasted marshmallows if desired.
American Express Apple Pay Diners Club Discover Google Pay Mastercard PayPal Shop Pay Visa