Butterbeer Latte
This post may contain affiliate links.
This Butterbeer Latte is the magic you never knew you needed in your life. It’s like sipping a piece of Hogwarts right in your own cozy kitchen. So, wands at the ready, muggles! Get brewing and transform your coffee break into a delightful wizarding adventure!
Make it a meal and serve this delicious latte with a Homemade McGriddle, French Toast Casserole, or Fluffy Buttermilk Waffles!
Why You’ll Love This Easy Latte
- Dreamy Butterscotch Syrup: This syrup will last up to two weeks!
- Easy to Customize: Control the sweetness with more or less syrup, use different coffee types, serve warm or iced.
- Family Favorite: This flavor is a HUGE hit with the family!
It’s the last week in July, which means I am in full swing Harry Potter Party mode. As most fans will remember, Harry’s birthday is July 31. We are celebrating with a week long movie marathon AND so many new HP inspired recipes, starting with this butterbeer coffee!
They mention butterbeer A LOT in the books and movies. It’s a drink that everyone loves and tastes insanely delicious as a coffee. A touch of butter flavor with a sweet butterscotch finish. You are about to fall in love with this easy homemade latte.
Looking for the classic Warm Butterbeer Recipe? I’ve got you covered!
Before You Start Brewing
So, what exactly is a butterbeer latte?
This easy coffee recipe combines espresso with the wizarding flavor of butterbeer. I opted for a homemade butterscotch syrup with a touch of butter for an authentic flavor experience that will transport you right back to Harry Potter World in Universal Studios. It also happens to be a fairly popular order at Starbucks! Here are the butterbeer latte ingredients you need:
- Water: You start the recipe by creating a simple syrup. Cook water and sugar until it dissolves and you’re set!
- Sugars: Both granulated and brown sugar is needed. One for the simple syrup, and one for the butterscotch.
- Salt: Just a pinch to help heighten flavor.
- Butter: It wouldn’t be butterbeer without the butter. I used unsalted, but you can use salted and skip the pinch of salt that is called for.
- Vanilla: Pure vanilla extract helps to bring all of the flavors together.
- Coffee: For a warm drink, opt for espresso or strong brewed coffee. For iced, use cold brew, espresso, or strong brewed.
- Milk: I’ve used whole milk, 2%, coconut milk, and soy with success.
Jesseca’s Recipe Review
This latte hits all the cozy notes. It’s sweet, buttery, and just the right amount of coffee kick. It tastes like something straight out of a café, but it’s way cheaper and honestly better because you control the sweetness. I love making a batch of the syrup on Sunday so I can have a little magic in my mornings all week.
Tip from Jesseca:
If you want a true coffeehouse finish, top your latte with whipped cream and a drizzle of the syrup itself instead of caramel. It adds a warm butterscotch flavor that feels like fall in a cup.
How To Order A Butterbeer Latte At Starbucks
If you are waiting in line at the coffee chain, and wondering how to order a Butterbeer Latte from Starbucks, try asking for a whole milk steamer with 2 pumps caramel, 2 pumps toffee nut, 2 pumps cinnamon dolce, and 1 shot espresso. This order is for a tall. Be sure to adjust for larger sizes.
Butterbeer Coffee Syrup
The secret to this latte’s magic is the butterbeer-inspired syrup. It’s rich, buttery, and layered with caramel notes from brown sugar and butter, basically dessert in liquid form. Think of it as a mix between a classic butterscotch sauce and a Starbucks-style dolce syrup.
Storage tip: Once cooled, store the syrup in a glass jar or airtight container in the fridge for up to two weeks. It will thicken slightly as it chills, so just warm it for a few seconds before using.
Try it with: Drizzle over vanilla ice cream, stir into hot cocoa, or add a spoonful to warm milk for a caffeine-free “Butterbeer Steamer.”
Tools to Make You Feel Like a Barista at Hogwarts
- Cold Brew Maker: For under $20 you can get a cold brew maker (affiliate) that is SO EASY to use. This is the one I have, and used in the photos, and it makes a super smooth cold brew that is barista worthy.
- Espresso Maker: Did you know you can get an espresso machine (affiliate) for around $30? This is the one I have and I love it. It doesn’t take up too much space and makes a killer shot of joe.
- Iced Coffee Glasses: AKA an insulated tumbler (affiliate). There is nothing worse than having your ice melt and drown out the flavor of your coffee.
Questions Before You Brew
You can, but it’s risky. Without it, it’s easy to undercook (and end up with a thin syrup) or overcook (and burn the sugar). If you don’t have one, watch for the mixture to turn a deep amber and pull away slightly from the sides of the pan.
They’re close cousins! This version has a bit of champagne-like tang from the vinegar and a slightly lighter, more buttery flavor than traditional butterscotch.
Yes, swap the butter for a plant-based alternative like Miyoko’s or Earth Balance. The texture stays silky, and the flavor is still rich.
Totally. It won’t taste quite the same, but if you’re short on time, grab a butterscotch or caramel coffee syrup and add a pinch of salt to mimic the butterbeer vibe.
Nope! Despite the name, this butterbeer syrup is completely alcohol-free and kid-friendly.
Store it in an airtight jar in the fridge for up to two weeks. Reheat briefly in the microwave or let it sit at room temp for 10–15 minutes before using.
Whole milk or oat milk makes the creamiest latte, but any milk works. For a lighter option, try 2% or almond milk—it still pairs perfectly with the syrup’s buttery flavor.
Want to save this recipe?
Enter your email below & we’ll send it to your inbox. Plus get great new recipes from us every week!
Harry Potter Butterbeer Latte Recipe
Ingredients
For the Butterbeer Syrup
- ½ cup water + 1 tablespoon (divided)
- ½ cup granulated sugar
- 2 tablespoons brown sugar
- ¼ teaspoon salt
- 1 tablespoon butter
- ⅛ teaspoon vanilla extract
For the Latte
- 2 oz espresso (or ¼ cup strong brewed coffee or cold brew)
- ¼ cup milk of choice (steamed or cold)
- 1 –2 tablespoons Butterbeer Syrup (to taste)
- Whipped cream and caramel drizzle (optional)
Instructions
Make the Syrup
- In a small saucepan, combine ½ cup water and granulated sugar. Bring to a simmer for about 1 minute, just until the sugar dissolves. Remove from heat and set aside.
- In a tall pot, combine brown sugar, 1 tablespoon water, salt, and butter over medium heat. Stir occasionally until melted and dissolved.
- Continue simmering until the mixture reaches 300°F (or turns a deep amber color).
- Carefully whisk in half of the simple syrup you set aside. It will foam up—go slow to avoid splattering.
- Add the remaining syrup and cook for 1 more minute, or until smooth. Stir in vanilla extract. Let cool completely before storing.
Make the Latte (Hot):
- Add 1–2 tablespoons of syrup to your mug.
- Pour in espresso or coffee and stir to combine.
- Add steamed milk and top with whipped cream and a drizzle of syrup or caramel, if desired.
Make It Iced:
- Fill a tall glass with ice.
- Add 1–2 tablespoons of syrup and milk first.
- Top with coffee or espresso, stir well, and enjoy.
Notes
- Syrup thickens as it chills. Warm slightly before using.
- Great for mixing into hot cocoa, drizzling over desserts, or adding to cold brew.
Storage
Cool syrup completely and store in an airtight jar in the refrigerator for up to 2 weeks. Reheat gently or let sit at room temperature before using.The nutrition facts provided are calculated using a third-party tool and are estimates only. Actual nutritional content may vary based on the ingredients and brands you use, as well as portion sizes. For accurate results, please consult a registered dietitian or nutritionist.
More Of My Favorite Coffee Recipes
- Coconut Horchata Latte
- Dirty Chai Latte
- Iced Vanilla Latte (fan favorite)
- Coconut Milk Latte
- Caramel Iced Coffee
