🧙 Liquid Dessert Vibe
Butterbeer Latte Recipe (Hot or Iced)
This butterbeer latte recipe uses brown sugar, melted butter, cinnamon, and Three Bean Butterbeer Coffee to build a rich, creamy drink that works hot or iced — and tastes like the wizarding world version, made in your kitchen.

The Butter Is Not a Mistake.
- Melted butter with brown sugar and cinnamon is what makes this taste like actual butterbeer rather than a regular flavored latte
- Works hot or iced any time of year — same 10-minute process either way
- Butterbeer cold foam on top is technically optional and practically mandatory
- Three Bean Butterbeer Coffee does the heavy lifting so the rest of the ingredients have something real to work with
The Java Momma Twist: Three Bean Butterbeer Coffee is built specifically for this drink — the butterscotch, vanilla, and brown sugar notes in the coffee echo the butter-sugar base so the whole thing tastes like a single cohesive drink rather than coffee with stuff added to it. You could use a plain medium roast and add more brown sugar to compensate. It's not the same.
What You'll Need
For the Butter-Sugar Base:
- 2 Tbsp unsalted butter, melted
- 1 Tbsp brown sugar
- 1 tsp Korintje cinnamon
For the Latte:
- 6 oz brewed Three Bean Butterbeer Coffee (brewed strong)
- 4–6 oz whole milk
- 1 tsp vanilla extract
- 1 Tbsp brown sugar
For the Butterbeer Cold Foam:
- 3 Tbsp heavy cream
- 2 Tbsp milk
- 1 Tbsp brown sugar
- Pinch of sea salt
Optional Finish:
- Turbinado cinnamon sugar, for garnish
How To Make It
Step 1 — Make the Butter-Sugar Base (same for hot and iced)
- Melt and combine. In a small bowl or microwave-safe cup, melt the butter. Add brown sugar and cinnamon and stir until fully dissolved and smooth.
- Stir into coffee. Add the butter-sugar mixture to your brewed Three Bean Butterbeer Coffee and stir to combine. This is your flavored coffee base.
Step 2 — Build the Hot Version
- Heat and froth the milk. Warm 4–6 oz of whole milk with vanilla and the second tablespoon of brown sugar until steaming. Froth to your preferred consistency — silky and smooth works better than stiff foam here.
- Combine. Pour the frothed milk into your flavored coffee base. Stir gently.
Step 2 (Alternate) — Build the Iced Version
- Shake the coffee base. In a mason jar, combine the butter-sugar coffee base with 1 cup of ice. Seal and shake well until chilled and slightly frothy.
- Add the milk. Stir in cold milk mixed with vanilla and brown sugar. Pour into a tall glass over fresh ice.
Step 3 — Make the Butterbeer Cold Foam (same for hot and iced)
- Combine foam ingredients. Add heavy cream, milk, brown sugar, and a pinch of sea salt to a jar or small pitcher.
- Froth until creamy. Use a handheld frother for 20–30 seconds until the foam is thick and cloud-like but still pourable. It should hold its shape on top of the latte.
Step 4 — Finish and Serve
- Pour the cold foam. Spoon or pour the butterbeer cold foam over the hot or iced latte.
- Garnish and drink. Dust with turbinado cinnamon sugar if using. Drink immediately.
Swaps & Permission Slips
- Why is there butter in this latte? Butterbeer — the fictional drink this is based on — is famously rich and buttery. The melted butter emulsifies into the hot coffee and creates a silky, rich base that you can't replicate with brown sugar alone. Don't skip it the first time — try it as written, then decide.
- Dairy-free? Swap butter for coconut oil in the base — it creates a similar richness. Use barista-style oat milk for the latte and full-fat coconut cream for the cold foam.
- No Korintje cinnamon? Regular ground cinnamon works fine. Korintje is sweeter and less sharp than Vietnamese cinnamon — if you use Vietnamese, dial it back to 1/2 tsp.
- Want it stronger? Brew the Three Bean Butterbeer Coffee at a higher ratio or use a double shot of espresso as the base instead of drip coffee.
- Skip the cold foam? The latte is genuinely good without it. But the foam adds a salty-sweet contrast that elevates the whole drink — it takes 2 minutes and is worth the extra step.
The butterbeer latte recipe works hot or iced, takes about 10 minutes, and tastes like you put in considerably more effort than you actually did. Make the cold foam. Use the butter. Brew it strong.
Frequently Asked Questions
What is a butterbeer latte?
A butterbeer latte is a coffee drink inspired by butterbeer — the fictional warm drink from the Harry Potter series. It's made with a butter-brown sugar base, cinnamon, and coffee, usually finished with a sweet cold foam on top. This version uses Three Bean Butterbeer Coffee from Java Momma, which is flavored with butterscotch, vanilla, and brown sugar notes, making the whole drink taste like the wizarding world version rather than just coffee with brown sugar added.
Why does this butterbeer latte recipe use real butter?
Butterbeer — the drink this is modeled on — is rich and buttery by design. Melted butter combined with brown sugar and cinnamon creates a smooth, emulsified base that gives the latte a silky, indulgent quality you can't replicate with syrup alone. It sounds unusual in a coffee drink but it works — the butter dissolves into the hot coffee cleanly and the result is noticeably richer than a standard flavored latte.
Can I make a butterbeer latte without an espresso machine?
Yes — this recipe is designed around brewed coffee, not espresso. Brew Three Bean Butterbeer Coffee strong in a drip machine, French press, or pour-over. If you want the espresso-style version, a moka pot brewed with double grounds works well. The butter-sugar base is rich enough that the latte holds up well with any strong brew method.
What's the difference between the hot and iced butterbeer latte?
The butter-sugar base and the cold foam are the same for both versions. For hot, the milk is steamed and frothed before combining with the coffee base. For iced, the coffee base is shaken with ice in a mason jar to chill and froth it, then cold milk is stirred in. The iced version is slightly lighter in texture; the hot version is richer and more warming. Both get the cold foam on top.
How do I make butterbeer cold foam at home?
Combine 3 Tbsp heavy cream, 2 Tbsp milk, 1 Tbsp brown sugar, and a pinch of sea salt in a small jar or pitcher. Froth with a handheld milk frother for 20–30 seconds until thick, cloud-like, and pourable. It should hold its shape when spooned onto the latte rather than immediately dissolving into it. A sealed mason jar shaken vigorously for 30 seconds works if you don't have a frother.