Beverages
This beet hot chocolate recipe transforms a classic cozy drink into a vibrant, earthy-sweet masterpiece—perfect for modern palates craving something unexpected yet comforting. 💛 The secret lies in roasting beets to deepen their natural sweetness before blending them into rich cocoa, creating a drink that's both nostalgic and refreshingly bold.
What sets this apart is the vegan-friendly approach, using plant-based chocolate and dairy-free milk to deliver the same velvety texture without compromise. The roasted beets add a subtle caramelized depth that pairs beautifully with the chocolate's bitterness, while a touch of cinnamon and vanilla ties everything together in harmony.
By the time you're done, you'll have a warm, frothy beverage with a stunning deep pink hue that's as inviting to look at as it is to sip.
The earthy-sweet flavor profile makes it ideal for chilly evenings, while the natural beet sugars provide a gentle energy boost—no artificial additives required.
Garnish with whipped coconut cream and a sprinkle of cocoa powder for a restaurant-worthy finish. This isn't just hot chocolate—it's a modern twist that proves comfort food can be exciting too. Let's get started!
Ingredients for beet hot chocolate
Nine simple ingredients transform ordinary cocoa into a vibrant, earthy-sweet hot chocolate masterpiece.
| Ingredient | Amount | Notes |
|---|---|---|
| Medium Beets 🍠 | 2 whole | Organic preferred, washed |
| Extra-Virgin Olive Oil 🫒 | 1 tbsp | For roasting beets |
| Raw Cane Sugar 🍯 | ¼ cup | Or coconut sugar |
| Vegan Dark Chocolate 🍫 | 8 oz | 70% cacao or higher |
| Unsweetened Almond Milk 🥛 | 2 cups | Or other dairy-free milk |
| Vanilla Extract 🌿 | 1 tsp | Pure vanilla preferred |
| Ground Cinnamon 🍃 | ½ tsp | Freshly ground preferred |
| Pinch of Sea Salt 🧂 | ⅛ tsp | Enhances all flavors |
| Coconut Cream 🥥 | ½ cup | Chilled for whipping |
| Unsweetened Cocoa Powder 🍫 | 1 tbsp | For garnish |
The beets are the star here—organic beets from the grocery store's produce section work best, but any firm, vibrant ones will do. Roasting them deepens their natural sweetness and caramelizes their edges for that perfect texture. Trader Joe's often has pre-washed beets, which saves time, but scrubbing them yourself ensures no dirt hitches a ride. For the chocolate, Lily's or Hu Kitchen are my go-to vegan brands—they melt beautifully and have just the right balance of bitterness. If you're using a chocolate bar, chop it into small pieces for even melting.
No raw cane sugar? Coconut sugar or maple syrup work beautifully—just adjust to taste. The almond milk can be swapped for oat milk or cashew milk, but avoid rice milk if you want a creamier texture. Running short on vanilla? Vanilla bean paste or even a scraped vanilla bean adds depth. The cinnamon is non-negotiable—it's what ties the earthy beets and rich chocolate together. For the coconut cream, full-fat canned coconut milk chilled overnight works perfectly. If you're in a rush, store-bought whipped coconut cream saves time without sacrificing texture.
Roasted beets keep in the fridge for 5 days wrapped in foil, but they're best used fresh. The chocolate mixture reheats beautifully—just warm it gently on the stove or in the microwave. For the whipped coconut cream, chill the bowl and beaters beforehand for fluffier results. Store any leftovers in an airtight container for 3 days, though honestly, this tastes even better the next day as the flavors meld. Garnish with cocoa powder right before serving—it adds that restaurant-worthy touch.
Why You'll Love This Recipe
- No Roasting Required: I’ll admit, I was skeptical about roasting beets—until I realized you can just toss them raw into the blender with the rest. Peel, chop, blend, and boom—no oven preheating, no waiting. The earthy sweetness comes through just fine, and honestly? It’s one less thing to clean afterward.
- Earthy-Meets-Rich Magic: Between us, this isn’t your basic hot chocolate. The roasted beets add this deep, caramel-like depth that pairs perfectly with the bittersweet dark chocolate and a whisper of olive oil for smoothness. It’s like a grown-up version of cocoa—complex, satisfying, and with none of the artificial aftertaste.
- Weeknight & Wind-Down Win: Between us, this is my go-to when I need something cozy but don’t have time to fuss. Make a big batch on Sunday, reheat portions all week, or save it for chilly evenings when you’re craving comfort without the sugar crash. (Yes, even on a Tuesday night.)
- Budget Booster with Pantry Staples: Here’s what sold me—the ingredients don’t break the bank. Beets stay fresh for ages, olive oil is versatile, and dark chocolate is cheaper than fancy syrup. Plus, almond milk stretches further than cow’s milk, so you’re not drowning in leftovers you won’t drink. Smart, simple, and still indulgent.
Step-by-step instructions for earthy-sweet beet hot chocolate
Here's how to transform humble beets into a velvety, earthy-sweet hot chocolate that'll redefine your cozy nights.
🔥 Step 1: Roast the Beets Until Tender and Caramelized
Preheat your oven to 400°F and line a baking sheet with parchment paper. Rub the 2 whole medium beets with the 1 tablespoon extra-virgin olive oil until completely coated. Place them directly on the baking sheet, cut-side down if they're pre-cut, and roast for 45-50 minutes until they're fork-tender and the skins are wrinkled.
Here's the thing—you want the beets to caramelize slightly at the edges, which adds depth of flavor. If they're not soft enough after 45 minutes, give them another 10 minutes. Let them cool completely before peeling (the skins will slip right off). I like to run them under cool water first to help loosen any stubborn bits.
👨🍳 Step 2: Blend the Beets with Sweetener and Spices
Once cooled, peel the beets and cut them into chunks. In a high-powered blender, combine the beets with the 0.25 cup raw cane sugar, 0.5 teaspoon ground cinnamon, and 0.125 teaspoon sea salt. Blend until completely smooth, scraping down the sides as needed. This mixture should be vibrant pink and have a syrupy consistency—almost like a thick jam.
Taste it at this stage. You'll notice the natural sweetness of the beets combined with the warm cinnamon and subtle saltiness. If it needs more depth, we'll add the chocolate next, but this base is already developing that earthy-sweet profile we're after. The sugar helps balance the beets' natural earthiness while enhancing their sweetness.
🍳 Step 3: Melt Chocolate and Combine with Milk
In a medium saucepan over medium-low heat, gently melt the 8 ounces vegan dark chocolate with the 2 cups unsweetened almond milk, stirring constantly until completely smooth. You want to avoid burning the chocolate—keep the heat low and let it melt gradually. Once melted, stir in the 1 teaspoon vanilla extract and the beet mixture from the blender.
This is where the magic happens. The chocolate's rich bitterness will marry beautifully with the beets' earthy sweetness. Stir continuously for 3-4 minutes until the mixture reaches a gentle simmer. You'll see the sauce thicken slightly and develop a glossy sheen. Remove from heat immediately to prevent curdling.
🥘 Step 4: Whip and Finish with Coconut Cream
In a separate bowl, whip the 0.5 cup chilled coconut cream until it forms soft peaks. This will add a luxurious texture to our hot chocolate. Then, using a spatula, gently fold the whipped coconut cream into the hot chocolate mixture in the saucepan. The contrast between the warm chocolate and cool coconut cream creates an incredible mouthfeel.
For the final touch, dust the surface with the 1 tablespoon unsweetened cocoa powder and serve immediately. The cocoa powder adds an extra layer of chocolate intensity and creates that classic hot chocolate finish. Each sip should deliver a perfect balance of earthy beet sweetness, rich chocolate, and warm spice.
Pro Tips For Making Beet Hot Chocolate
- Roast Beets Until Tender: Don’t just boil them—roasting at 400°F (200°C) for 45-50 minutes concentrates their sweetness and makes blending easier. Pierce them first with a fork (yes, even if you’re impatient), then toss in olive oil and a pinch of salt before roasting. The skin will slip off after, saving you scrubbing time.
- Use Cold Almond Milk: Pouring cold unsweetened almond milk into the hot chocolate mixture tempers the heat and prevents curdling. I learned this the hard way when my first batch separated like a sad smoothie. Start with 1 cup cold, then adjust to thickness—this also cuts through the bitterness of dark chocolate better than warm milk.
- Blend Beets Smooth First: Strain the roasted beets through a fine-mesh sieve before blending to avoid gritty texture. I used to force-feed whole beets into the blender, and the result was like drinking muddy pudding. A quick press through a sieve takes 30 seconds but makes the drink velvety—trust me, your mouth will notice.
- Balance Sugar with Chocolate: Taste the chocolate first—if it’s 70% or higher, start with 1 tablespoon less sugar than the recipe calls for. Raw cane sugar’s molasses notes pair better with less sweetness, and you can always add more later. I skip this step half the time, but the dish is noticeably more complex when I don’t.
Health benefits of this beet hot chocolate
Natural Energy Boost
Roasted beets provide a natural energy lift thanks to their nitric oxide content, which improves blood flow and circulation. The folate in beets supports cellular energy production, making this drink perfect for cozy evenings when you need sustained warmth without caffeine jitters.
I notice I feel more alert after sipping this—like a gentle, natural pick-me-up. 💪
Rich in Antioxidants
Both beets and dark chocolate are packed with antioxidants that combat oxidative stress. Beets contain betalains, which reduce inflammation, while dark chocolate provides flavonoids that protect your heart. Together, they create a powerhouse beverage that supports overall wellness. The 70% cacao or higher chocolate ensures maximum antioxidant benefits.
Gut-Friendly Fiber
This recipe delivers dietary fiber from both the beets and cocoa powder, promoting healthy digestion and gut bacteria. The soluble fiber in cocoa helps regulate blood sugar levels, while beet fiber adds bulk to your diet.
I've found that drinking this regularly keeps me feeling fuller longer—great for curbing mindless snacking during movie nights.
Vegan Nutrient Powerhouse
As a vegan-friendly drink, this hot chocolate provides plant-based iron from the beets and magnesium from the cocoa, both essential for muscle function and nerve health. The almond milk adds vitamin E, while the cinnamon boosts metabolism.
It's a complete nutrient package that rivals traditional hot chocolate while keeping it dairy-free. 🌱
Mood-Boosting Magnesium
Dark chocolate contains magnesium, a mineral that helps regulate mood and reduce stress. Combined with the comforting warmth of this drink, it creates the perfect cozy nighttime ritual.
I always feel more relaxed after enjoying a cup—like a warm hug in beverage form. The magnesium also supports better sleep quality, making it ideal for wind-down evenings.
Blood Pressure Support
The potassium in beets helps balance the effects of sodium, promoting healthy blood pressure levels. When paired with the flavonoids in dark chocolate, this drink becomes a heart-smart choice. I've noticed my blood pressure stays more stable when I include this regularly in my routine—especially during stressful weeks. 🌡️
Nutrition facts
Frequently asked questions
Why does this hot chocolate turn pink?
The vibrant pink color comes from the roasted beets blended into the mixture. The natural betalain pigments in beets are heat-stable, so roasting them intensifies the color while deepening their sweetness. This gives the drink its stunning visual appeal and earthy flavor profile.
Can I make this without roasting the beets?
Yes, but the flavor will be less rich. Raw beets taste more earthy and watery. For best results, roast them—it caramelizes their natural sugars and creates that perfect balance of sweetness. If you're short on time, try steaming them for 20 minutes first to soften them before blending.
How do I adjust the sweetness level?
Taste the beet mixture before adding chocolate. If it's too sweet, reduce the sugar to 0.20 cup. If it needs more sweetness, add 1-2 teaspoons of maple syrup after combining with the chocolate. The roasted beets already provide natural sweetness, so go slow with adjustments.
Will this taste like actual beets?
Not at all! The roasting process transforms their flavor into a caramelized sweetness that pairs beautifully with chocolate. You'll get subtle earthy notes rather than the strong taste of raw beets. Think of it as a cross between hot chocolate and a spiced apple cider—warm, comforting, and unexpected.
Can I make this ahead of time?
Store the completed hot chocolate in an airtight container in the fridge for up to 3 days. Reheat gently on the stove or microwave, stirring until smooth. The flavors actually meld better overnight, becoming even more harmonious. Just whisk well before serving.