Beverages
This baked hot chocolate recipe transforms a simple mug of cocoa into a decadent, restaurant-worthy dessert with a crispy chocolate top and velvety swirls—no burnt edges in sight.
The secret lies in a precise balance of sugar, chocolate, and eggs that creates that coveted crunch while keeping the center silky smooth.
I've perfected this technique over years of testing, and it consistently delivers the same results as my favorite café hot chocolate, but with the convenience of baking at home.
The magic happens at 350°F, where the top forms a golden, crackly crust while the interior remains rich and gooey. You'll start with quality chocolate—dark, semi-sweet, or even white—for customizable flavors, then layer in a touch of cornstarch for that signature texture.
The recipe is designed to be foolproof, with clear steps that prevent common pitfalls like overbrowning or a watery center.
By the time it emerges from the oven, you'll have a dessert that looks as impressive as it tastes—crispy on top, swirled with melted chocolate, and topped with marshmallows or whipped cream for extra indulgence.
It's the perfect treat for cozy nights in, holiday gatherings, or when you want to impress guests without spending hours in the kitchen.
Best of all, this recipe scales effortlessly—whether you're baking one mug for a quick indulgence or a full casserole for a crowd. The instructions are straightforward, and the ingredients are likely already in your pantry. Let's get started on creating your own bakery-style hot chocolate experience.
Ingredients for baked hot chocolate
Quality chocolate, crispy texture secrets, and velvety swirls—here's what turns simple cocoa into bakery-worthy decadence.
| Ingredient | Amount | Notes |
|---|---|---|
| Dark Chocolate Chips 🍫 | 1 ½ cups | Semi-sweet or dark, 60-70% cocoa |
| Granulated Sugar 🍚 | 1 cup | Light brown preferred for caramel notes |
| Unsalted Butter 🧈 | ½ cup | Cold, cubed for even melting |
| Large Eggs 🥚 | 2 whole | Room temperature for smooth batter |
| All-Purpose Flour 🌾 | ½ cup | Sifted for light texture |
| Cornstarch 🌾 | 2 tbsp | Key for crispy crust texture |
| Whole Milk 🥛 | ½ cup | Warmed for smooth incorporation |
| Vanilla Extract 🌸 | 1 tsp | Pure, high-quality vanilla |
| Salt 🧂 | ¼ tsp | Fine sea salt preferred |
| White Chocolate Chips 🍫 | ¼ cup | For swirls, optional but recommended |
| Mini Marshmallows 🍫 | ½ cup | For topping, store-bought or homemade |
| Heavy Whipping Cream 🥛 | ¼ cup | Whipped for serving, full-fat version |
The chocolate is non-negotiable. Ghirardelli or Guittard chips melt perfectly, but any high-quality semi-sweet (60-70% cocoa) works. I always grab a 24-oz bag from Trader Joe's—their dark chocolate chips are my go-to. For the butter, Land O'Lakes unsalted is my standard, but any good-quality brand works. The key is keeping it cold until it hits the oven—cubed butter melts more evenly. If you're using white chocolate for swirls, Almond Joy chips are my favorite—they're sweeter and melt smoothly without seizing.
No dark chocolate chips? Melt a 6-oz bar of dark chocolate and let it cool slightly before mixing—just be patient if it thickens. Running short on butter? Coconut oil works in a pinch, but it adds a subtle coconut flavor. The cornstarch is crucial for that signature crackly top—don't skip it. For the milk, whole milk is best, but 2% works if that's what you've got. The vanilla extract should be pure—Nestlé or McCormick are reliable brands. Want to skip the white chocolate swirls? A drizzle of melted dark chocolate over the top after baking adds richness without extra effort.
This keeps beautifully—3 days in the fridge sealed tightly, or 1 month in the freezer if you're prepping ahead. I always bake an extra mug because it reheats perfectly in the microwave (30 seconds, covered). For serving, whip the cream right before adding it—full-fat gives the best texture. Store the marshmallows separately until serving so they stay fluffy. The baked hot chocolate actually tastes better the next day as the flavors meld, so make a double batch if you can.
Why You'll Love This Recipe
- I’ll be real: I make a double batch and stash it in the fridge. The texture holds up beautifully for 4-5 days, and it reheats in seconds in the microwave. Plus, the ingredients are cheap and easy to find—no specialty items, just pantry staples. Budget-friendly and foolproof.
- No Mixing Madness: I swear by this recipe because it’s basically a dump-and-bake. Melt the butter, toss in the chocolate chips and sugar, then fold in the eggs and flour—no whisking, no measuring cups out, no stress. The eggs and flour create that perfect thick, fudgy texture without overworking it.
- Rich Without Bitterness: Here’s what sold me—the dark chocolate chips melt into a velvety layer, but the sugar and butter keep it from being too heavy. It’s like a grown-up version of hot chocolate: deep, satisfying, and just sweet enough to hit the spot without leaving you in a sugar crash.
- Breakfast or Dessert?: Between us, this is my secret weapon for lazy mornings or impromptu dessert nights. Serve it warm with a scoop of vanilla ice cream for a decadent treat, or cut into squares and pack them for school lunches—kids (and adults) will devour them.
Step-by-step instructions for baked hot chocolate with crunchy top
Here's how to create a decadent baked hot chocolate with a perfect crispy crust and silky center.
Preheat and Prepare the Baking Dish
Preheat your oven to 350°F and generously butter a 9-inch round cake pan. I like to use a springform pan for easy release, but a standard cake pan works too. Line the bottom with parchment paper for extra insurance against sticking—this dessert is worth the effort to prevent any mess.
While the oven heats, sift together the 0.5 cup all-purpose flour and 2 tbsp cornstarch in a medium bowl. This combination creates that signature crispy crust we're after. Set aside—we'll need it shortly. The cornstarch is particularly important here as it helps develop that satisfying crunch while keeping the interior tender.
Melt Butter and Mix Dry Ingredients
In a separate large bowl, melt the 0.5 cup unsalted butter in 30-second bursts in the microwave, stirring between each interval. You want it completely melted but not hot—just warm enough to blend smoothly with the other ingredients. Add the 1 cup granulated sugar and whisk until fully combined and the mixture looks pale and fluffy.
In a small bowl, whisk together the 2 whole large eggs, 0.5 cup whole milk, 1 tsp vanilla extract, and 0.25 tsp salt. This egg mixture is the secret to that silky, custard-like texture in the center. The warm milk helps incorporate everything smoothly without scrambling the eggs.
Combine Wet and Dry Ingredients
Gradually pour the egg mixture into the butter-sugar mixture while whisking constantly. This slow incorporation prevents lumps from forming. Then, gently fold in the sifted flour-cornstarch mixture until just combined—you should still see some streaks of flour. Overmixing develops gluten and can make the crust tough.
At this point, fold in the 1.5 cups dark chocolate chips and 0.25 cup white chocolate chips using a spatula. I like to press some of the chocolate against the sides of the pan to create those beautiful marbled swirls when we bake it. The contrast between dark and white chocolate adds visual appeal and depth of flavor.
Bake Until Set with Crispy Top
Pour the batter into your prepared pan and smooth the top with a spatula. Bake for 25-30 minutes until the edges are set and the center still appears slightly underdone—it should jiggle gently when shaken. The top should be golden brown with crispy edges, but the center should remain soft and fudgy.
Here's a crucial tip: Don't overbake. The dessert continues cooking as it cools, and you want that perfect balance between a crispy crust and a silky interior. When you pull it from the oven, let it cool in the pan for 10 minutes before running a knife around the edges to loosen it.
Top and Serve Warm
While the hot chocolate cools slightly, spread the 0.5 cup mini marshmallows evenly over the top. For extra decadence, whip the 0.25 cup heavy whipping cream to soft peaks and dollop it around the edges. The warm marshmallows will soften slightly, creating a gooey contrast to the crispy crust.
Slice when the center is just warm enough to melt the marshmallows slightly but not so hot it burns your tongue. Serve immediately with a sprinkle of cocoa powder or extra chocolate shavings. Each bite should deliver that perfect combination of crispy top, creamy center, and melted marshmallow goodness—truly a dessert experience worth recreating.
Pro Tips For Making Baked Hot Chocolate
- MELT CHOCOLATE SLOWLY: Dump the chips straight into the warm butter and sugar mix, then let the oven do the work—no microwave. I learned this the hard way after trying to rush it and ending up with grainy, uneven pockets of melted chocolate. The oven’s gentle heat (around 350°F) ensures everything melts smoothly while you mix the batter.
- WHISK EGGS UNTIL PALE: Don’t just stir the eggs—whisk them until they’re noticeably lighter in color and nearly triple in volume. This incorporates air, which keeps your baked hot chocolate fluffy instead of dense. I was skeptical until I tried it; the difference in texture is night and day.
- WEIGH YOUR FLOUR: Scooping flour from the bag packs in too much air, leading to a dry, crumbly texture. Use a kitchen scale for precision—1 cup of all-purpose flour should weigh about 120 grams. This isn’t the prettiest method, but it’s the tastiest, especially when you’re baking something as delicate as this.
- BAKE UNTIL EDGES CRISP: Pull the dish out when the edges are set but the center still looks slightly underdone—it’ll keep cooking off the heat. Overbaking turns the top rubbery, and nobody wants that. Give it 5–10 minutes under foil to finish if needed; your future self will thank you.
Creative variations of this dish
Individual Mug Version
For a single-serving treat, divide the batter evenly among 4-6 ramekins or oven-safe mugs (I use 12-ounce ceramic mugs from Bed Bath & Beyond). Bake at 350°F for 15-18 minutes—the smaller size cooks faster.
Top each mug with 2 tbsp mini marshmallows and a dollop of whipped cream for a cozy, individual dessert. This method is perfect for quick indulgence or when you're feeding one person. 🍫
White Chocolate Twist
Swap out 1 cup of dark chocolate chips for white chocolate chips to create a sweeter, creamier version. Add ½ tsp orange zest for a citrusy note that pairs beautifully with the marshmallows.
I like to drizzle melted dark chocolate in a zigzag pattern over the top before baking for extra visual appeal. The contrast of flavors is unexpected but delicious. 🌸
Spiced Chai Version
Infuse the batter with warm spices by adding 1 tsp ground cinnamon, ½ tsp ground ginger, and ¼ tsp ground cloves to the dry ingredients. Simmer ¼ cup whole milk with 1 chai tea bag for 5 minutes, then cool and use in place of regular milk.
Top with a sprinkle of cinnamon sugar for a cozy, aromatic twist. Perfect for fall or holiday gatherings. 🌶️
Espresso Boost
For a mocha-inspired version, add 2 tbsp instant espresso powder to the dry ingredients and reduce the sugar to ¾ cup. The espresso enhances the chocolate flavor without adding bitterness.
Whisk in 1 tbsp heavy cream with the eggs for extra richness. This variation is ideal for coffee lovers or when you want a more intense chocolate experience. ☕
Vegan Adaptation
Replace the eggs with ¼ cup aquafaba (chickpea brine) or flax eggs (1 tbsp ground flaxseed + 3 tbsp water per egg). Use vegan butter and dairy-free milk (I recommend oat milk for creaminess).
Add 1 tbsp cornstarch to compensate for the lack of eggs. The texture will be slightly denser but still delicious. Top with vegan marshmallows or coconut whipped cream. 🌱
Kids' Friendly Version
Reduce the cocoa intensity by using 1 cup semi-sweet chocolate chips and ½ cup milk chocolate chips. Add ½ cup crushed Oreos to the batter for extra crunch and appeal to kids.
Top with sprinkles or rainbow-colored marshmallows for a fun, colorful dessert. This version is a hit at parties and keeps little ones excited about baking. 🎨
Nutrition facts
Frequently asked questions
Can I make this in the microwave instead of the oven?
Yes! For a quick version, divide the batter into 4 microwave-safe mugs (12 oz each). Microwave on high for 1 minute 30 seconds, then rotate the mugs and microwave for another 1 minute. The texture won't be as crispy as oven-baked, but it's still delicious with marshmallows on top.
Why did my baked hot chocolate turn out too dry?
Overbaking is the most common cause—pull it out when the center still jiggles slightly (25-30 minutes at 350°F). Another culprit could be too much cornstarch (stick to 2 tbsp). For extra moisture, add 1 tbsp milk to the batter before baking. The perfect texture should be crispy on top with a fudgy center.
How do I store leftovers?
Keep baked hot chocolate in an airtight container in the fridge for 3 days or freeze for 1 month. Reheat in the microwave for 20-30 seconds (covered) until warm—it reheats beautifully! For best texture, add fresh marshmallows and whipped cream when serving. The flavors actually improve overnight!
Can I make this without eggs?
Replace the 2 eggs with ¼ cup aquafaba (chickpea brine) or 2 flax eggs (2 tbsp ground flax + 6 tbsp water). Add 1 tbsp extra cornstarch to compensate for the lack of eggs. The texture will be slightly denser but still delicious. For a vegan version, use dairy-free butter and milk.
What's the secret to the perfect crispy top?
The cornstarch and proper baking time are key! Sift the flour and cornstarch together for even distribution, and bake until the edges are set but the center still jiggles slightly. Avoid opening the oven door early—this causes the top to sink. A 9-inch pan works best for even heat distribution.