Beverages
This beet hot chocolate recipe transforms a classic comfort drink into something unexpectedly sophisticated, blending earthy sweetness with deep cocoa richness. Roasting the beets first intensifies their natural sugars and mellows their flavor, creating a velvety base that pairs beautifully with vegan cocoa.
What makes this recipe special is the balance—it's rich enough to satisfy chocolate cravings while offering subtle beet notes that add complexity without overpowering.
The process is straightforward: roast the beets until tender, blend them into a smooth purée, then heat it gently with plant-based milk and cocoa powder. A touch of vanilla and a pinch of cinnamon enhance the depth, while a sprinkle of sea salt rounds out the flavors.
The result is a hot chocolate that's creamy, aromatic, and subtly earthy—perfect for cozy evenings or special occasions.
This recipe delivers a luxurious texture with every sip, thanks to the natural body of roasted beets and the velvety finish of coconut or oat milk. The earthy-sweet profile makes it uniquely satisfying, whether enjoyed as a dessert or a comforting treat.
For extra indulgence, top with whipped coconut cream or a dusting of cocoa powder.
Best of all, this version is completely plant-based, making it ideal for vegan diets while still delivering restaurant-quality flavor. The roasting step ensures the beets contribute sweetness without bitterness, and the slow simmering of the chocolate mixture creates a smooth, silky consistency.
Let's make this rich, earthy hot chocolate that feels like a hug in a mug.
Ingredients for beet hot chocolate
Earthy beets meet rich cocoa in this velvety, plant-based hot chocolate—just 11 ingredients for luxurious flavor.
| Ingredient | Amount | Notes |
|---|---|---|
| Medium Beets 🍠 | 2 whole | Medium size, peeled and chopped |
| Unsweetened Coconut Milk 🥥 | 13 ½ oz | Full-fat canned for creaminess |
| Vegan Dark Cocoa Powder 🍫 | ½ cup | High-quality, unsweetened |
| Pure Maple Syrup 🍯 | ¼ cup | For natural sweetness |
| Pure Vanilla Extract 🌿 | 1 tsp | Alcohol-free preferred |
| Ground Cinnamon 🌶️ | ½ tsp | Freshly ground preferred |
| Sea Salt 🧂 | ¼ tsp | Fine grain preferred |
| Extra-Virgin Olive Oil 🫒 | 1 tbsp | For roasting beets |
| Water 💧 | 1 cup | For blending consistency |
| Whipped Coconut Cream 🥥 | ¼ cup | Optional for topping |
| Vegan Cocoa Powder 🍫 | 1 tbsp | For dusting garnish |
The beets are the secret weapon here. Medium-sized ones roast more evenly, and organic (if possible) reduces dirt concerns. Roast them until fork-tender—about 45 minutes at 400°F—so they caramelize slightly. I like to grab Trader Joe's organic beets when I can, but any clean, firm beets work. Skip the pre-cooked jarred kind—they lack depth. Roasting intensifies their natural sweetness, which balances the cocoa perfectly. If you're short on time, microwave-steamed beets (pierce, microwave 8-10 mins) are a decent shortcut, though roasting is ideal.
No full-fat coconut milk? Light coconut milk plus 1 tbsp coconut cream mimics the texture. The cocoa powder makes all the difference—Navitas or Guittard brands deliver that deep, bittersweet profile. Substituting instant cocoa? Use half the amount, but expect a thinner texture. Vanilla extract can be swapped for vanilla bean paste (use half the amount) for extra richness. The maple syrup is non-negotiable here—it's what brings out the beets' caramelized notes. No maple? Agave nectar works in a pinch, though it lacks the same depth. And yes, the salt is crucial—it rounds out the sweetness and enhances all the flavors.
Roasted beets keep 5 days in the fridge wrapped tightly, or 3 months frozen in an airtight container. The hot chocolate itself reheats beautifully—just add a splash of water or plant milk to thin it out. For make-ahead prep, blend the beet purée and store it separately from the dry ingredients. When ready to serve, combine and heat gently. The whipped coconut cream should be chilled until ready to use—it softens quickly at room temperature. Dust with cocoa powder right before serving to keep it fresh.
Why You'll Love This Recipe
- Five-Ingredient Magic: I swear by this list—roasted beets, coconut milk, cocoa, maple, and vanilla. That’s it. No fuss, no extra shopping trips, just pure, earthy-sweet warmth in a mug.
- Earthy-Sweet Symphony: The beets bring this drink alive—roasted until tender, then blended into the cocoa. It’s like a hug for your taste buds, rich and velvety with a hint of natural sweetness that cuts through the bitterness of dark chocolate.
- Morning or Midnight Fix: This isn’t just a cozy nightcap. I’ve sipped it after a long run, as a post-dinner treat, or even to start my day (yes, really). The maple syrup keeps it balanced, so it’s never cloying—just consistently, deliciously satisfying.
- Budget-Boosting Pantry Staple: Here’s what sold me—every ingredient plays double duty. That same coconut milk makes curries, the cocoa goes into cookies, and roasted beets? They’re in salads, hummus, you name it. You’re not just making hot chocolate; you’re stocking your kitchen for the week.
Step-by-step instructions for earthy-sweet beet hot chocolate
Here's how to transform roasted beets into a velvety, earthy-sweet hot chocolate with depth and complexity.
Roast the Beets for Natural Sweetness
Preheat your oven to 400°F. Toss the 2 whole medium beets (peeled and chopped into ½-inch cubes) with 1 tablespoon extra-virgin olive oil on a parchment-lined baking sheet. Spread them in a single layer so they roast evenly rather than steam.
Roast for 30-35 minutes until fork-tender and deep caramel color. You'll know they're ready when the edges are slightly crisp and the interior yields easily to a fork. The roasting process caramelizes their natural sugars, creating a deep, molasses-like flavor that pairs beautifully with chocolate.
Blend the Beet Purée
Transfer the roasted beets to a blender or food processor. Add 1 cup water and blend until completely smooth. You should end up with about 1 cup of purée. The texture should be velvety with no visible chunks—this ensures your hot chocolate will be silky rather than grainy.
Taste the purée before proceeding. It should have a rich, slightly sweet earthiness with no bitterness. If it tastes too mild, you can return it to the oven for another 5 minutes to concentrate the flavor further. This purée is the foundation of your hot chocolate's unique depth.
Create the Chocolate Base
In a medium saucepan, combine the beet purée with 13.5 oz unsweetened coconut milk, 0.5 cup vegan dark cocoa powder, 0.25 cup pure maple syrup, 1 teaspoon pure vanilla extract, 0.5 teaspoon ground cinnamon, and 0.25 teaspoon sea salt. Whisk continuously over medium heat until the mixture reaches a gentle simmer.
Simmer for 8-10 minutes, whisking frequently, until the mixture thickens to a pudding-like consistency. You're looking for a texture that coats the back of a spoon but isn't gluey. The coconut milk will create a naturally creamy base, while the cocoa powder and beet purée work together to develop that signature earthy-sweet flavor profile.
Adjust and Serve
Remove the saucepan from heat and let the hot chocolate rest for 5 minutes. This resting period allows the flavors to meld completely. Taste and adjust the sweetness if needed—you can add more maple syrup if it tastes too earthy, or a pinch more salt if it needs balance.
For serving, divide among 4 mugs. Top each with 1 tablespoon vegan cocoa powder dusted on top and a dollop of 0.25 cup whipped coconut cream. The cocoa powder adds visual contrast and enhances the chocolate flavor, while the coconut cream provides a cool, creamy counterpoint to the warm beverage. Serve immediately while still steaming hot for the best experience.
Pro Tips For Making Beet Hot Chocolate
- Roast Beets First: Peeling raw beets is a mess—roast them whole at 400°F (200°C) for 45-55 minutes until fork-tender. The skin slides off easily, and roasting deepens their earthy sweetness, which balances the cocoa perfectly. (Yes, even if you’re impatient like me, wait until they’re soft.)
- Use Cold Coconut Milk: Whisk the unsweetened coconut milk into your hot liquid after removing it from heat—adding it cold prevents curdling and keeps the texture velvety smooth. I learned this the hard way after ending up with a lumpy, sad drink that tasted more like coconut pudding than chocolate.
- Blend Beets Smooth: After roasting and peeling, pulse the beets in a food processor with a splash of water until completely smooth—no gritty bits. Strain if you’re extra particular, but I skip that step; the texture’s fine as long as it’s blended well. (Your future self will thank you for not skipping this.)
- Temper the Cocoa: Whisk the vegan dark cocoa powder into the hot liquid gradually while stirring constantly—dumping it all in at once makes clumps that ruin the silky finish. A few tablespoons at a time guarantees a rich, even color and no grainy surprises. (Does it look weird? Yes. Does it work? Every single time.)
Essential equipment for beet hot chocolate
Blender Essentials
Your blender is the workhorse for this recipe, transforming roasted beets into a silky purée that forms the hot chocolate's foundation. I recommend a high-powered blender like the Ninja BL610 or Vitamix 5200—they handle tough ingredients without overheating.
For smaller batches, a Cuisinart Smart Stick works well. The key is blending until completely smooth with no visible chunks, so your hot chocolate stays velvety. 💫
Saucepan Selection
A medium-sized, heavy-bottomed saucepan is crucial for even heating and preventing scorching. I use my All-Clad Stainless Steel 3-quart pan—it distributes heat perfectly and won't warp under medium heat.
Avoid thin aluminum pans, which can create hot spots. The saucepan should have sloped sides to help whisking and prevent spills when simmering the thick mixture.
Measuring Tools
Precision matters with this recipe, especially for the cocoa powder and spices. Invest in a digital kitchen scale (like the OXO Good Grips) for accurate measurements—cocoa powder can vary in density.
For liquids, a liquid measuring cup with clear markings ensures you get the exact 13.5 oz of coconut milk. A fine-mesh strainer also comes in handy if you prefer an ultra-smooth purée after blending.
Optional Garnish Kit
For the perfect presentation, keep these tools ready: a small offset spatula for dusting cocoa powder, a mini whisk for fluffing whipped coconut cream, and a fine-mesh sieve to sift powdered cocoa for an even finish.
I also like a small squeeze bottle (like a Glasslock) to drizzle extra maple syrup for custom sweetness at the table. These tools elevate the drink from homemade to restaurant-worthy. ✨
Temperature Tools
While not mandatory, a candy thermometer helps monitor the simmering process—aim for a gentle 180-190°F to prevent scorching. For roasting beets, an oven thermometer (like the Thermoworks Oven Thermometer) ensures your oven maintains 400°F accurately.
These tools might seem like overkill, but they're game-changers for consistent results every time. 🌡️
Storage Containers
For make-ahead prep, use airtight glass containers (like Pyrex 8-cup portions) to store beet purée separately from dry ingredients. The containers should have wide mouths for easy blending later. For whipped coconut cream, a small glass jar with a tight lid keeps it chilled and ready to use.
Label everything clearly—roasted beet purée keeps 5 days in the fridge or 3 months frozen. 🧊
Nutrition facts
Frequently asked questions
Why does this beet hot chocolate taste different from regular hot chocolate?
The roasted beets add a natural earthy-sweetness that deepens the cocoa flavor without overpowering it. The caramelization from roasting creates molasses-like notes, while the beet's natural sugars balance the bitterness of dark cocoa. This creates a more complex, sophisticated profile than traditional milk-based versions.
Can I make this recipe without roasting the beets?
Yes, but the flavor will be less developed. For a quick version, steam 10 minutes or microwave 8-10 minutes (pierced) until tender, then blend. The roasting step (30-45 mins) concentrates natural sugars and mellows the earthy taste—worth it for the best results!
How can I make this hot chocolate dairy-free and nut-free?
This recipe is already dairy-free (uses coconut milk) and nut-free! For extra safety, ensure your cocoa powder is processed in a nut-free facility. Swap coconut milk for oat milk if needed—just add 1 tbsp coconut cream for creaminess. Always check labels for cross-contamination warnings.
What if my hot chocolate turns out too thin or too thick?
Too thin? Simmer uncovered for 2-3 extra minutes to reduce. Too thick? Stir in 1-2 tbsp hot water or plant milk while whisking. The ideal consistency coats the back of a spoon but isn't gluey—adjust gradually to avoid ruining the balance.
Can I use fresh beet juice instead of roasted beets?
Fresh beet juice works but lacks depth. Use ½ cup juice + ½ cup water in place of the purée, then simmer longer (12-15 minutes) to concentrate flavors. The roasted version delivers richer caramelized notes—try both to compare!