Beverages
This beet hot chocolate recipe transforms a classic comfort drink into a vibrant, nutrient-packed elixir that sneaks in vegetables without sacrificing decadence. The secret lies in roasting beets until caramelized, then blending them into a rich, earthy-sweet syrup that deepens the cocoa's flavor while adding natural sweetness.
What makes this recipe special is how effortlessly it balances bold flavors—smoky beets, velvety cocoa, and warm spices—creating a drink that looks as striking as it tastes.
The process is straightforward: roast beets until tender, then puree them into a smooth syrup that blends seamlessly with cocoa, plant-based milk, and a touch of maple syrup for balance.
This method ensures the beet flavor complements rather than overpowers the chocolate, delivering a drink that's rich, slightly sweet, and subtly earthy. The result is a beverage that's perfect for cozy evenings or as a post-workout treat, offering both indulgence and a nutritional boost.
What you'll end up with is a hot chocolate that's deeper in color and flavor than traditional versions, with a velvety texture and a hint of natural sweetness from the beets. Topped with whipped coconut cream and a sprinkle of cinnamon, it becomes a showstopper—visually stunning and packed with warmth.
This recipe scales beautifully, whether you're making a single serving or a batch to share.
The beauty of this drink lies in its versatility—it works as a comforting nightcap, a post-dinner indulgence, or even a creative addition to holiday menus. The beet infusion adds antioxidants and natural sweetness, making it a healthier twist on a classic.
Ready to elevate your hot chocolate game? Here's how to make it.
Ingredients for beet hot chocolate
Roasted beets and velvety cocoa create this nutrient-packed, earthy-sweet hot chocolate experience.
| Ingredient | Amount | Notes |
|---|---|---|
| Medium Beets 🍠 | 2 whole | Red or golden, peeled and cubed |
| Extra-Virgin Olive Oil 🫒 | 2 tbsp | For roasting beets |
| Unsweetened Cocoa Powder 🍫 | ½ cup | High-quality, Dutch-processed preferred |
| Full-Fat Coconut Milk 🥥 | 13 ½ oz | Canned, for creamy texture |
| Pure Maple Syrup 🍯 | ¼ cup | Grade B for robust flavor |
| Vanilla Extract 🌿 | 1 tsp | Pure, high-quality extract |
| Ground Cinnamon 🌶️ | 1 tsp | Freshly ground preferred |
| Ground Nutmeg 🌶️ | ¼ tsp | Freshly grated for warmth |
| Pinch of Sea Salt 🧂 | ⅛ tsp | Diamond Crystal preferred |
| Coconut Cream 🥥 | ½ cup | Chilled for whipping |
| Fresh Cinnamon Sticks 🌿 | 2 whole | For garnish |
| Dark Chocolate Chips 🍫 | ¼ cup | 70% cocoa, vegan |
The beets are the star—organic red or golden varieties from the produce section work best. Look for firm, unblemished roots, and don't skip peeling them thoroughly. Whole Foods or Trader Joe's carry excellent options, but any reputable grocery store will do. For roasting, medium heat is key to caramelizing without burning. The cocoa powder should be unsweetened and high-quality—Valrhona or Guittard brands elevate the flavor profile significantly. Pre-grated cocoa loses potency quickly, so invest in a good canister if you make this often.
No full-fat coconut milk? Light coconut milk plus 1 tbsp coconut oil mimics the richness. Substituting maple syrup? Agave nectar or date syrup work, though maple's molasses notes complement the beets beautifully. Freshly ground spices make all the difference—pre-ground cinnamon loses aroma within weeks. For the chocolate chips, Enjoy Life brand ensures vegan compatibility without sacrificing quality. The coconut cream must be chilled for proper whipping—leave it in the freezer for 30 minutes before using. Short on time? Store-bought coconut whipped cream works in a pinch, though homemade tastes superior.
Roasted beets keep in the fridge for 5 days when stored in an airtight container with a paper towel to absorb moisture. The finished hot chocolate reheats beautifully—simmer gently for 2-3 minutes to restore its velvety texture. For batch prep, double the recipe and freeze in ice cube trays—thaw and heat individual portions as needed. The whipped coconut cream should be used within 2 days of whipping for best texture. Garnishes like cinnamon sticks and chocolate chips can be stored at room temperature for 2 weeks, though fresh is always better.
Why You'll Love This Recipe
- Five-Ingredient Magic: I swear, this is the kind of drink where you’ll stare at the ingredients thinking, "How is this even a thing?"—then take the first sip and realize it’s ridiculously good. The earthy sweetness of roasted beets blends seamlessly with the deep cocoa and coconut, so you barely notice the olive oil (yes, it’s there, but it makes it creamy in a way store-bought can’t touch).
- Earthy Yet Cozy: Between us, I was skeptical about beets in hot chocolate—until I tasted this. The roasted beets add this subtle, warm depth that cuts through the bitterness of the cocoa, while the maple syrup keeps it luscious without being cloying. It’s like a hug in a mug, but with more antioxidants.
- Weeknight or Wind-Down: Honestly, this is my go-to when I’m too tired to make anything fancy but still want something special. The beets roast while you do other stuff—no peeling, no chopping, just toss them in the oven. By the time they’re done, you’ve got a drink ready in minutes. (Yes, even on a Tuesday night.)
- Leftovers That Don’t Suck: Most hot chocolate gets watery or grainy if you reheat it, but this? It’s built to reheat. Just store the leftover mixture in the fridge, and when you’re craving it again, a splash of hot water or milk brings it back to life—no lumps, no fuss. My kids call it "liquid gold" for this reason alone.
Step-by-step instructions for earthy-sweet beet hot chocolate
Transform humble beets into a velvety, nutrient-rich hot chocolate that delivers deep earthy notes alongside classic cocoa warmth.
🍳 Step 1: Roast the Beets for Deep Sweetness
Preheat your oven to 400°F. Toss the 2 whole medium beets (peeled and cubed) with the 2 tablespoons extra-virgin olive oil on a parchment-lined baking sheet. Spread them in a single layer, ensuring they don't overlap—this promotes even roasting. Roast for 35-40 minutes until tender and caramelized at the edges, with a rich, jammy texture when pierced with a fork.
The roasting process concentrates the beets' natural sugars, transforming their earthy flavor into a sweet, almost honey-like depth. If you prefer softer beets, check at the 30-minute mark. Once roasted, let them cool slightly before processing—the residual heat will help extract their flavor into the hot chocolate.
👨🍳 Step 2: Blend the Roasted Beets into a Smooth Purée
Transfer the roasted beets to a blender or food processor. Add the 0.5 cup unsweetened cocoa powder, 0.25 cup pure maple syrup, and 1 teaspoon vanilla extract. Blend until completely smooth, scraping down the sides as needed. The mixture should resemble a thick, vibrant purée with no visible texture.
This blend forms the flavor base of your hot chocolate. The cocoa powder and maple syrup complement the beets' natural sweetness, while the vanilla extract adds complexity. If the purée seems too thick, add 1-2 tablespoons of hot water to achieve a pourable consistency. Taste the purée—it should balance sweetness with earthy depth, a precursor to the final drink's rich flavor profile.
🥘 Step 3: Heat the Coconut Milk Mixture
In a medium saucepan, combine the 13.5 ounces full-fat coconut milk, 1 teaspoon ground cinnamon, 0.25 teaspoon ground nutmeg, and 0.125 teaspoon sea salt. Warm the mixture over medium heat until it reaches a gentle simmer, stirring occasionally to prevent scorching. The spices will infuse into the coconut milk, creating a fragrant, aromatic base.
Simmer for 5-7 minutes until the mixture is steaming but not boiling vigorously. This step ensures the spices are fully incorporated and the coconut milk is hot enough to properly emulsify with the beet purée. Remove the pan from heat and let the mixture sit for 2 minutes—this resting period allows the flavors to meld before combining with the beet blend.
🍽️ Step 4: Combine and Whip to Creamy Perfection
Return the saucepan with the spiced coconut milk to low heat. Slowly pour in the beet purée while whisking continuously to prevent curdling. Once fully incorporated, stir in the 0.5 cup chilled coconut cream and 0.25 cup dark chocolate chips. Let the mixture heat through gently, stirring frequently, until the chocolate chips melt completely and the hot chocolate reaches a smooth, velvety consistency.
The coconut cream adds a luxurious mouthfeel, while the dark chocolate chips contribute a bittersweet contrast to the beets' natural sweetness. For a frothier texture, transfer the hot chocolate to a blender and blend briefly. Taste and adjust sweetness or spice levels as needed—this is your opportunity to fine-tune the balance between earthy and sweet.
⏰ Step 5: Serve with Garnish and Enjoy Immediately
Divide the hot chocolate into four mugs, ensuring each serving is generously portioned. Top each mug with a whole fresh cinnamon stick for garnish and a light dusting of additional unsweetened cocoa powder if desired. Serve immediately while the coconut cream retains its whipped texture and the spices are at their most aromatic.
This hot chocolate shines when enjoyed fresh, with its layers of flavor—earthy beets, rich cocoa, and warm spices—coming together in every sip. The contrast between the velvety texture and the subtle crunch of the cinnamon stick adds an extra dimension to the drinking experience. Pair it with a slice of dark chocolate or a sprinkle of sea salt to enhance the flavor profile further.
Pro Tips For Making Beet Hot Chocolate
- Roast Beets Until Soft: Peeling beets is a mess—skip it. Roast whole medium beets at 400°F (200°C) for 45-55 minutes until fork-tender. The skins slide off easily, and the flavor deepens when cooked this way. (Yes, even if you’re impatient like me.)
- Sear Cocoa for Depth: Before adding liquid, toast the cocoa powder in a dry pan over medium heat for 30 seconds—just until it smells rich and nutty. This cuts bitterness and adds complexity that plain cocoa can’t match. (I learned this the hard way after drinking bland hot chocolate for years.)
- Strain the Beet Purée: After roasting and peeling, blend the beets with a splash of coconut milk, then strain through a fine-mesh sieve. This removes grit and gives you silky-smooth hot chocolate. (Your future self will thank you—trust me.)
- Balance Sweetness Last: Add only half the maple syrup upfront, then adjust to taste at the end. Beets are naturally sweet, and coconut milk can mask flavors. Taste as you go—you can always add more syrup, but you can’t take it out. (I skip this step and always regret it.)
Dietary considerations for beet hot chocolate
Vegan-Friendly Base
This recipe skips dairy entirely, using full-fat coconut milk and coconut cream for a rich, creamy texture without animal products. The unsweetened cocoa powder provides deep chocolate flavor, while maple syrup adds natural sweetness that complements the beets' caramelized depth.
For extra protein, stir in 1 scoop vegan chocolate protein powder (like Orgain) into the hot mixture—it dissolves seamlessly and boosts nutrition without altering texture. 🌱
Gluten-Free Assurance
All ingredients in this recipe are naturally gluten-free, making it safe for those with celiac disease or gluten sensitivity. The cocoa powder, maple syrup, and spices are typically gluten-free, but always check labels—some brands add fillers like maltodextrin.
For added security, use certified gluten-free cocoa powder (like Navitas Organics) and verify your dark chocolate chips are labeled gluten-free. The coconut milk and cream are also gluten-free, so no substitutions are needed. ✨
Nut-Free Adaptations
While the recipe includes coconut, which is a nut (technically a fruit), you can easily make it nut-free by substituting oat milk for the coconut milk and cashew-free coconut whipped cream (like So Delicious coconut whipped topping).
For extra richness, blend ½ cup silken tofu with 1 tsp vanilla and 1 tsp maple syrup as a dairy-free, nut-free whipped topping alternative. The texture will be lighter but still creamy. 💫
Allergen-Friendly Swaps
For soy allergies, avoid cocoa powders containing soy lecithin—opt for brands like Lake Champlain Chocolate that specify soy-free processing. If you're sensitive to sulfites, choose sulfite-free maple syrup (like Wholesome! brand).
For egg allergies, no substitutions are needed since this recipe is entirely egg-free. Always double-check labels on spices and chocolate chips for cross-contamination warnings. 🔍
Lower-Sugar Options
To reduce sugar content, cut the maple syrup to 2 tablespoons and enhance sweetness with ½ cup roasted beet purée (strained for smoother texture). The beets' natural caramelization provides enough sweetness to balance the cocoa's bitterness.
For a sugar-free version, use monk fruit sweetener (like Lakanto)—start with 1 tablespoon and adjust to taste, as it's much sweeter than maple syrup. 💪
Nutrition facts
Frequently asked questions
Why does my beet hot chocolate look too bright red?
Roasting beets naturally mellows their color—if yours look too vibrant, they weren't cooked long enough. For deeper earthy tones, roast 5-10 minutes longer until caramelized. Alternatively, blend in 1 tablespoon cocoa powder per serving to darken the hue naturally. The flavor will be richer too!
Can I make this without roasting beets?
Yes! For a quicker version, steam or boil 2 peeled beets for 20-25 minutes until tender, then blend with 1 tablespoon beet powder (available in health stores) and 2 tablespoons maple syrup to mimic the roasted flavor. The texture will be slightly thinner but still delicious.
How do I fix grainy hot chocolate after blending?
Strain the beet purée through a fine-mesh sieve before mixing with coconut milk to remove any fibrous bits. For extra smoothness, blend the hot chocolate again after adding coconut cream, or whisk vigorously for 2 minutes to emulsify. A splash of hot water can also help thin stubborn lumps.
Is this drink safe for kids?
The beets provide natural sweetness and nutrients like folate, while the cocoa offers antioxidants. For picky eaters, reduce the cinnamon to ½ teaspoon and add 1 teaspoon vanilla extract for extra kid-friendly flavor. Serve warm (not piping hot) with marshmallows or a sprinkle of cocoa powder.
Can I make this ahead of time?
Prepare the beet purée up to 5 days ahead and store it refrigerated. Reheat the coconut milk mixture separately, then combine with the purée when ready to serve. For the whipped coconut cream, whip it fresh before serving—it won't hold its texture when reheated. The spices retain flavor well, so you can pre-mix them with the coconut milk too!