Beverages
This baked hot chocolate recipe transforms your favorite mug cake into a decadent dessert that tastes like a warm hug in every bite. The secret lies in rich cocoa powder, velvety eggs, and pockets of gooey chocolate chips that melt into a luscious center—no microwave required.
It’s the perfect balance of comfort and indulgence, ready in just 20 minutes with minimal effort.
What makes this recipe special is its foolproof technique: a simple mix of pantry staples that bakes into a moist, fudgy cake with a crispy edge.
The key is using high-quality cocoa powder and melting chocolate chips directly in the batter, ensuring every bite delivers that signature hot chocolate flavor with a satisfying texture. Unlike traditional mug cakes, this version stays warm and tender, making it ideal for cozy nights or dessert cravings.
Imagine serving this warm, with a dusting of powdered sugar and a scoop of vanilla ice cream melting into the center. The aroma alone will have everyone gathering around the table, while the rich, chocolatey goodness satisfies even the most serious sweet tooth.
It’s the kind of dessert that feels like a treat without requiring hours in the kitchen.
Best of all, this recipe scales effortlessly—whether you're baking for one or feeding a crowd. The instructions are straightforward, and the ingredients are likely already in your pantry. Let’s get started on creating this comforting, melt-in-your-mouth dessert that’s as easy as it is delicious.
Ingredients for baked hot chocolate
Pantry staples that turn into the coziest hot chocolate dessert you'll ever make.
| Ingredient | Amount | Notes |
|---|---|---|
| All-Purpose Flour 🌾 | ½ cup | Sifted for light texture |
| Unsweetened Cocoa Powder 🍫 | ⅓ cup | High-quality Dutch-processed |
| Granulated Sugar 🍚 | ½ cup | White or light brown |
| Packed Brown Sugar 🍚 | ¼ cup | For caramel notes |
| Large Eggs 🥚 | 2 whole | Room temperature preferred |
| Unsalted Butter 🧈 | ½ cup | Melted, full-fat version |
| Vanilla Extract 🌿 | 1 tsp | Pure extract preferred |
| Milk 🥛 | ½ cup | Whole milk for richness |
| Chocolate Chips 🍫 | ¾ cup | Semi-sweet or milk |
| Baking Powder 🧂 | ½ tsp | Aluminum-free preferred |
| Salt 🧂 | ¼ tsp | Fine sea salt |
| Powdered Sugar 🍚 | 2 tbsp | For dusting after baking |
| Vanilla Ice Cream 🍦 | 1 cup | Optional serving suggestion |
The cocoa powder is where the magic happens—Ghirardelli or Hershey's Special Dark are my go-tos, but any high-quality Dutch-processed will do. The difference? Smoother flavor and less bitterness. Brown sugar adds depth, but if you only have white, add a pinch of molasses to mimic that caramel note. Chocolate chips? Ghirardelli or Nestlé Toll House melt perfectly, but store-bought bags work too. The butter should be full-fat—none of that low-fat nonsense—and melted just until smooth, no lumps. Eggs at room temperature mix in easier, but if yours are cold, just let them sit out for 10 minutes.
No cocoa powder? Melted dark chocolate plus extra flour works in a pinch (use 2 oz chocolate + 2 tbsp flour). Short on chocolate chips? Chop a chocolate bar—just make sure it's at least 60% cacao. Vanilla extract is non-negotiable here, but if you're out, vanilla bean paste works too. The milk can be swapped for half-and-half or heavy cream for extra richness. For a lighter texture, fold in whipped egg whites at the end. And if you're feeling fancy, add a pinch of cinnamon or espresso powder to the batter for complexity.
This keeps beautifully for 3 days in an airtight container at room temperature, or 1 week in the fridge. Reheat in 10-second bursts in the microwave—just enough to warm through. The powdered sugar dusting? Do it right before serving so it stays crisp. I like to make a double batch and freeze half for quick treats later. Portion into ramekins if baking for one—perfect for individual servings. And trust me, it's even better the next day when all the flavors meld together.
Why You'll Love This Recipe
- Here’s what sold me: it’s the perfect way to end a meal without adding another dish to the table. Serve it warm with whipped cream or ice cream, and suddenly, dinner feels like a cozy nightcap. (Yes, even on a Tuesday night.)
- No Mixing Madness: I swear by this recipe because it’s one bowl—no measuring cups juggling, no last-minute scrambling for ingredients. Just toss the flour, cocoa, sugars, and eggs into a bowl, mix until smooth, and pop it in the oven. My kids think it’s magic (and honestly, so do I).
- Rich Without Guilt: That combo of unsweetened cocoa and brown sugar? It’s like dessert got a grown-up glow-up. The eggs add a silky texture that makes it feel indulgent, but the flour keeps it sturdy enough to slice—no one will believe it’s not from a bakery.
- After-Dinner Secret Weapon: Here’s what sold me: it’s the perfect way to end a meal without adding another dish to the table. Serve it warm with whipped cream or ice cream, and suddenly, dinner feels like a cozy nightcap. (Yes, even on a Tuesday night.)
Step-by-step instructions for baked hot chocolate mug cake
Here's how to make this rich, gooey mug cake that tastes like dessert for breakfast.
Preheat and Prepare Your Tools
Preheat your oven to 375°F. Grab a standard-sized mug—one that holds about 12 ounces—and lightly grease it with a bit of the melted butter using a paper towel. This prevents sticking and makes cleanup easier. I like to use a small ramekin or even a coffee mug for this recipe—the key is the right size for even baking.
While the oven heats, measure out all your dry ingredients: the 0.5 cup all-purpose flour, 0.33 cup unsweetened cocoa powder, 0.5 cup granulated sugar, 0.25 cup packed brown sugar, 0.5 teaspoon baking powder, and 0.25 teaspoon salt. Sift them together in a medium bowl to remove any lumps and ensure an even texture. This step is crucial—it prevents dense spots in your cake.
Mix Wet Ingredients and Combine
In a separate bowl, melt the 0.5 cup unsalted butter in the microwave for 30-45 seconds or until completely liquid. Let it cool slightly—it should be warm but not hot to the touch. Add the 2 whole large eggs, 1 teaspoon vanilla extract, and 0.5 cup milk to the melted butter and whisk until smooth.
Now, gradually pour the wet ingredients into the bowl with the dry ingredients. Stir with a spatula until just combined—you should see a thick, fudgy batter with no dry spots. Be careful not to overmix; a few streaks of flour are fine. Fold in the 0.75 cup chocolate chips by hand, making sure they're evenly distributed throughout the batter.
Bake to Golden Perfection
Spoon the batter into your prepared mug, filling it about ¾ full. Place the mug on a baking sheet to catch any potential spills. Bake for 12-15 minutes until the edges are golden brown and a toothpick inserted in the center comes out with a few moist crumbs (not wet batter). The top should look slightly cracked, which is a good sign—it means the cake is set but still moist inside.
Real talk: Don't overbake this. The cake will continue cooking slightly as it cools, and you want that gooey center. If you're unsure, err on the shorter side—you can always pop it back in for a minute if needed. The moment it's done, remove it from the oven and let it cool for 1 minute before serving.
Serve Warm with Ice Cream
While the cake is still warm, dust the top generously with the 2 tablespoons powdered sugar using a fine-mesh sieve. This adds a sweet, snowy finish that pairs perfectly with the rich chocolate. For the ultimate treat, serve it immediately with a scoop of 1 cup vanilla ice cream on the side or even dolloped right on top of the cake.
Here's the thing—this cake is best enjoyed right away when it's still warm and gooey. The contrast of the warm cake with the cold ice cream is what makes this dessert feel extra special. If you're serving it to kids or a crowd, you might want to prepare an extra mug or two—this recipe disappears fast!
Pro Tips For Making Baked Hot Chocolate
- Preheat Pan, Not Just Oven: I learned this the hard way—skipping the pan preheat means your hot chocolate cake will steam instead of brown. Slide your baking dish into a 425°F (220°C) oven for 5 minutes while preheating. That extra step guarantees a crisp top and even edges.
- Sift That Cocoa: Lumpy cocoa powder is the silent killer of smooth baked hot chocolate. Sift it twice—once before mixing with dry ingredients, again after adding wet—especially if your cocoa powder is the clumpy kind. Trust me, your texture will thank you.
- Don’t Overmix the Batter: This isn’t pancake batter. Stir the eggs and sugars until just combined—no streaks, but no frothy peaks either. Overmixing incorporates too much air, leading to a dense, cakey texture instead of that light, fudgy hot chocolate you’re after.
- Use Room-Temp Eggs: Cold eggs? They’ll curdle in the oven, leaving you with a weird, grainy texture. Pop those eggs out of the fridge 30 minutes before baking (or microwave them for 10 seconds if you’re in a rush). Warm eggs blend smoothly and bake evenly—no surprises.
Pro cooking tips for this recipe
Temperature Precision
Your oven’s temperature is the secret weapon here—set it to 375°F and let it fully preheat for 10-15 minutes before baking. I’ve found that using an oven thermometer (like the Thermoworks Oven Thermometer) ensures accuracy, since home ovens can run 25°F hotter or cooler than the display.
If your cake edges brown too quickly but the center stays undercooked, lower the temp to 350°F for the last 2-3 minutes to prevent burning while still achieving that gooey finish. 🌡️
Mug Size Matters
Not all mugs are created equal! Use a 12-ounce ceramic mug (like those from Ziploc Mugs or Pyrex ramekins) for even baking. Smaller mugs (8 ounces) will overbake, while larger ones (16+ ounces) may leave the center undercooked.
Pro tip: If you’re using a coffee mug, check for "oven-safe" markings—glass mugs without these can crack. For extra insurance, place your mug on a parchment-lined baking sheet to catch any spills.
Butter Temperature Hack
Melted butter should be warm but not hot—think lukewarm, like a fresh cup of tea. If it’s too hot, it’ll cook the eggs instantly and make your cake dense. Microwave in 15-second bursts, stirring between each, until just melted.
Let it cool for 2 minutes before mixing with eggs. I’ve ruined batches by skipping this step—trust me, the texture difference is night and day. 🧈
Chocolate Chip Magic
Use semi-sweet or milk chocolate chips (like Ghirardelli or Nestlé Toll House) for the best melt. Fold them in last to prevent sinking to the bottom. For a restaurant-worthy touch, swap ¼ cup of the chips with chopped dark chocolate (70% cacao)—it adds depth.
Avoid white chocolate here; it doesn’t melt as smoothly and can make the cake greasy. If you’re feeling fancy, toss the chips in 1 tsp flour before folding to keep them suspended in the batter.
Baking Time Cheat Sheet
Baking time varies by oven, but aim for 12-15 minutes at 375°F. The cake is done when a toothpick comes out with a few moist crumbs (not wet batter). Overbaking = dry cake; underbaking = gooey center but raw edges.
If your mug is thick (like stoneware), reduce time by 1-2 minutes. For a double batch, bake two mugs side by side—they’ll cook evenly if placed 1 inch apart on the rack. 🕒
Post-Bake Perfection
Let the cake rest for 1 full minute after baking—this lets the steam redistribute for a moist texture. Dust with powdered sugar immediately while still warm to create that snowy finish. For extra decadence, top with a scoop of vanilla ice cream or a drizzle of melted chocolate.
If storing, cool completely, then wrap tightly in plastic wrap. Reheat in 10-second microwave bursts—just enough to warm through without drying it out. The first bite is always the best! 💫
Nutrition facts
Frequently asked questions
Can I make this baked hot chocolate in a regular oven instead of a mug?
For a single serving, use a 6-ounce ramekin or small oven-safe dish. For larger batches, divide the batter into 4-ounce portions in mini loaf pans or greased muffin tins. Bake at 375°F for 10-12 minutes—the smaller the container, the faster it'll cook.
Why did my baked hot chocolate turn out dry or crumbly?
Overbaking is the #1 culprit—remove it when edges are golden but the center still looks slightly underdone. Another common mistake is using too much flour or cocoa powder. Stick to the measurements and avoid substituting with baking cocoa (it's more bitter and less moist). Also, make sure your butter is only warm, not hot when mixing.
Can I make this recipe without eggs?
Yes! Replace the 2 eggs with 2 tbsp applesauce + 1 tsp baking soda for moisture, or use ¼ cup unsweetened applesauce + 1 tbsp melted butter. For binding, add 2 tbsp ground flaxseed + 3 tbsp water (let sit for 5 minutes to gel). The texture will be slightly denser but still delicious.
How can I make this vegan?
Swap the butter for ½ cup coconut oil or vegan butter, use flax eggs (2 tbsp ground flax + 6 tbsp water), and replace milk with almond or oat milk. For richness, add 2 tbsp melted coconut cream to the batter. The chocolate chips should be vegan-certified. The result will be equally fudgy and decadent!
Can I add other mix-ins besides chocolate chips?
Try ½ cup crushed Oreos for cookie dough flavor, ¼ cup chopped nuts (like pecans or hazelnuts), or 1 tsp instant coffee powder for a mocha twist. For extra gooeyness, fold in ¼ cup caramel sauce after baking. Just reduce chocolate chips by ¼ cup to maintain balance.