Beverages
This beet hot chocolate recipe transforms your cozy nighttime ritual with an earthy-sweet depth that surprises even the most skeptical cocoa lovers. Roasted beets add natural sweetness and a velvety texture, while warm spices like cinnamon and nutmeg create a comforting, almost spiced-latte richness.
The result isn’t just a drink—it’s a sensory experience that feels like a hug in a mug, perfect for chilly evenings or when you crave something familiar yet unexpected.
The secret lies in blending roasted beets into a silky puree, which infuses the hot chocolate with a subtle, carrot-like sweetness and a smooth mouthfeel. Unlike store-bought versions, this recipe avoids artificial colors or excessive sugar, relying instead on the natural depth of cocoa and the beet’s earthy notes.
The process is straightforward: roast the beets until tender, blend them into a puree, and slowly incorporate it into a simmering base of plant-based milk, cocoa, and spices.
What you’ll end up with is a rich, velvety hot chocolate with a stunning deep-purple hue and layers of flavor—creamy, slightly sweet, and warmly spiced. The beet’s natural sugars caramelize gently during roasting, adding a depth that pairs beautifully with the bitterness of dark cocoa.
Top it with whipped coconut cream and a sprinkle of cinnamon for a finish that feels indulgent yet balanced.
This recipe works equally well as a solo treat or a shared indulgence, and the beet puree can be made ahead for convenience. Whether you’re introducing someone to the idea of beet-infused drinks or simply craving a twist on a classic, this version delivers comfort with a modern edge.
Let’s get started!
Ingredients for beet hot chocolate
Roasted beets and rich cocoa create this velvety, earthy-sweet hot chocolate—naturally vibrant and cozy.
| Ingredient | Amount | Notes |
|---|---|---|
| Medium Beets 🍠 | 2 whole | Organic preferred, peeled and cubed |
| Extra-Virgin Olive Oil 🫒 | 2 tbsp | For roasting beets, high quality |
| Unsweetened Almond Milk 🥛 | 2 cups | Vanilla or plain, refrigerated |
| Unsweetened Cocoa Powder 🍫 | ½ cup | High-quality, Dutch-processed |
| Maple Syrup 🍁 | ¼ cup | Grade B for robust flavor |
| Ground Cinnamon 🌿 | 1 tbsp | Freshly ground for warmth |
| Ground Nutmeg 🌶️ | ½ tsp | Freshly grated preferred |
| Vanilla Extract 🌸 | 1 tsp | Pure, high-quality vanilla |
| Pinch of Salt 🧂 | ¼ tsp | Kosher or sea salt |
| Coconut Cream 🥥 | ½ cup | Chilled for whipping, full-fat |
| Fresh Cinnamon Sticks 🌿 | 2 whole | For garnish, optional |
The beets are the star here—organic is ideal since they absorb flavors easily. Grab medium-sized ones from Whole Foods or your local farmers market for the best quality. Roasting them until tender brings out their natural sweetness, which blends beautifully with the cocoa. If you can't find organic, regular beets work fine, but scrub them well to remove any dirt. For extra convenience, some stores sell pre-peeled beets, but I always peel mine myself—the skin can be a bit gritty even when washed. The olive oil should be extra-virgin for roasting; California Avocado Ranch is my go-to, but any good-quality brand will do.
No maple syrup? Agave nectar or date syrup works just as well for that natural sweetness. The cocoa powder is non-negotiable—Dutch-processed gives a smoother finish, while natural cocoa adds more bitterness. For a lighter version, swap almond milk for oat milk or coconut milk, though almond milk has the best neutral flavor here. Freshly ground spices make all the difference—Penzeys or bulk bins at natural food stores are perfect for this. If you're in a pinch, pre-ground spices work, but they lose potency faster. The coconut cream needs to be full-fat for proper whipping—Trader Joe's has a great option at a reasonable price.
Roasted beets keep well in the fridge for 5-7 days once peeled and cubed, covered with water. The hot chocolate itself reheats beautifully—just add a splash of milk or water and stir until smooth. For make-ahead convenience, store the beet puree separately and mix it in fresh when ready. The whipped coconut cream should be used within 2 days for the best texture, but you can store the unwhipped cream in the fridge for up to 1 week. Garnish with cinnamon sticks right before serving to keep them fresh and aromatic.
Why You'll Love This Recipe
- No Roasting Needed: I peel and spiralize those beets in minutes—no oven, no waiting. Just toss them into simmering almond milk and olive oil, and let the stovetop do the work while you stir up the cocoa.
- Earthy Chocolate Twist: Honestly, the beets add this deep, almost caramel-like sweetness that makes the cocoa taste richer—not bitter, not overly sweet, just right. It’s like a grown-up version of hot chocolate that still feels like a treat.
- Kid-Approved Secret Weapon: Between us, my picky 8-year-old now asks for this after school. The maple syrup balances the earthiness perfectly, and the creamy almond milk makes it feel indulgent without being too heavy.
- Budget-Friendly Luxury: A single beet lasts for three servings, and the rest of the ingredients are pantry staples. I’ve made this for $2 a mug—feels fancy, costs like a snack. Plus, leftovers reheat beautifully.
Step-by-step instructions for earthy-sweet beet hot chocolate
Transform humble beets into a velvety, earthy-sweet hot chocolate that's richer than traditional versions.
Roast the Beets Until Tender and Caramelized
Preheat your oven to 400°F and line a baking sheet with parchment paper. Toss the 2 whole medium beets (peeled and cubed) with the 2 tablespoons extra-virgin olive oil until evenly coated. Spread them in a single layer, leaving space between each cube.
Roast for 30-35 minutes until the beets are fork-tender and their edges develop a deep caramelized crust. You'll know they're ready when they yield easily to pressure and smell sweetly nutty. Let them cool slightly before handling—they'll be hot!
Blend the Roasted Beets with Spices and Liquid
Transfer the roasted beets to a high-speed blender. Add the 2 cups unsweetened almond milk, 0.5 cup unsweetened cocoa powder, 0.25 cup maple syrup, 1 tablespoon ground cinnamon, 0.5 teaspoon ground nutmeg, 1 teaspoon vanilla extract, and 0.25 teaspoon pinch of salt. Secure the lid and blend until completely smooth, scraping down the sides as needed.
This is where the magic happens—the roasted beets infuse their earthy sweetness into the chocolate base. The spices will bloom beautifully from the heat of the liquid, creating a complex, warming flavor profile. If the mixture seems too thick, add 1-2 tablespoons of hot water to help it blend smoothly.
Simmer the Chocolate Mixture
Pour the blended mixture into a medium saucepan and place it over medium-low heat. Stir gently for 8-10 minutes until it reaches a gentle simmer, being careful not to let it boil over. The chocolate should thicken slightly and develop a luxurious, velvety texture.
Here's the thing—this low-and-slow approach prevents the cocoa from seizing and ensures the beets' natural sweetness melds perfectly with the chocolate. Stir occasionally to distribute the heat evenly. If you notice any lumps forming, use a whisk to break them up gently.
Whip the Coconut Cream and Assemble
While the chocolate simmers, chill the 0.5 cup coconut cream in the refrigerator for 10 minutes to firm it up slightly. Using an electric mixer, whip the coconut cream until it forms soft peaks—just firm enough to hold its shape when spooned.
Ladle the warm chocolate into mugs, leaving room at the top for the coconut cream. Spoon the whipped coconut cream over the chocolate, creating a beautiful contrast between the deep cocoa and the pale, creamy topping. The temperature difference will make the coconut cream melt slightly as it sits, creating an elegant marbled effect.
Garnish and Serve Immediately
Garnish each serving with one of the 2 whole fresh cinnamon sticks, pressing them lightly into the whipped coconut cream. The cinnamon adds a fresh, aromatic note that complements the deep chocolate flavor. Serve immediately while the chocolate is still warm and the coconut cream is at its peak texture.
This hot chocolate is best enjoyed fresh—each sip delivers a perfect balance of earthy beet sweetness, rich cocoa, and warming spices. The contrast between the velvety chocolate and the light coconut cream topping makes it feel extra luxurious. Don't skip the cinnamon sticks; they elevate the presentation and add a subtle, fresh aroma that ties everything together.
Pro Tips For Making Beet Hot Chocolate
- ROAST BEETS UNTIL SOFT: I used to microwave them for speed, but roasting at 400°F (200°C) for 45-50 minutes with a drizzle of olive oil—no peeling—gives you that deep, caramelized sweetness without turning your drink bitter. The skins slide right off after cooling.
- STRAIN BEET JUICE THOROUGHLY: Skip the food mill if you’re in a hurry, but a fine-mesh sieve or cheesecloth catches all the gritty bits that’ll make your hot chocolate taste like you’re drinking sand. I learned this the hard way after tasting a mouthful of texture that wasn’t supposed to be there.
- WHISK COCOA FIRST: Mix the cocoa powder with a splash of warm almond milk before adding the rest—this prevents clumping like nothing else. After burning three batches with lumps, I finally realized cocoa powder hates being thrown into cold liquid. Stir it in like you’re making a paste first.
- SWAP MAPLE FOR DATE SYRUP: If you’re watching sugar or want extra earthiness, swap the maple for date syrup. It’s less processed, caramelizes better when heated, and pairs with the beets’ natural sweetness without overpowering the chocolate. (Yes, even if you’re skeptical—it works.)
Common mistakes when making perfect results
Over-Roasting Beets
Beets can easily turn from tender and sweet to dry and bitter if left in the oven too long. I’ve made this mistake more than once—once, I walked away for just 5 minutes and came back to find my beets completely charred.
Aim for 30-35 minutes at 400°F, testing with a fork. If they’re still firm, give them another 5 minutes, but don’t let them darken past a deep caramelized hue. Over-roasted beets will make your hot chocolate taste harsh and ashy. 🌡️
Skipping the Blending Step
Some people try to cut corners by just mashing the roasted beets with a fork, but this leaves behind fibrous chunks that make your hot chocolate gritty. I once served a version with unevenly mashed beets, and my guests kept asking, “Is this supposed to taste like dirt?”
Use a high-speed blender to achieve a completely smooth puree—this ensures every sip is velvety and free of texture surprises. A Vitamix or Ninja blender works best for this task.
Boiling the Mixture
One of the biggest rookie mistakes is letting the hot chocolate mixture boil vigorously. This causes the cocoa to seize and creates a grainy texture. I learned this the hard way when I got distracted and let my pot bubble over.
Always maintain medium-low heat and stir gently to prevent lumps. If you see any clumps forming, whisk them out immediately. The goal is a slow, gentle simmer—not a rolling boil. 🔥
Using Low-Quality Cocoa
Not all cocoa powders are created equal, and using a cheap, natural cocoa can make your hot chocolate taste bitter and one-dimensional. I once used a store-brand cocoa that left my hot chocolate tasting like dirt.
Opt for Dutch-processed cocoa powder—brands like Valrhona or Ghirardelli make a noticeable difference. The Dutch-processed version dissolves more smoothly and adds a richer, less acidic flavor that pairs beautifully with the beets’ earthy sweetness.
Ignoring the Coconut Cream Temperature
If your coconut cream isn’t chilled enough before whipping, it won’t hold its shape properly. I’ve tried whipping warm coconut cream straight from the can, and it just turns into a soupy mess. Always chill the 0.5 cup coconut cream for at least 10 minutes before whipping.
This ensures it forms soft, fluffy peaks that stay stable on top of your hot chocolate. Pro tip: Use a hand mixer for best results—it’s more reliable than a whisk for this step.
Over-Sweeting the Drink
Maple syrup is delicious, but it’s easy to go overboard and make your hot chocolate cloyingly sweet. I’ve accidentally doubled the amount once, and the result was more like a dessert than a drink. Stick to the 0.25 cup maple syrup measurement and taste as you go.
The roasted beets already add natural sweetness, so you don’t need much extra. If you prefer it sweeter, add just 1-2 teaspoons more at a time until you reach your ideal balance. 🍁
Nutrition facts
Frequently asked questions
Why does this hot chocolate have a purple hue?
The stunning color comes from the roasted beets! When blended into the chocolate base, their natural pigments create that deep purple hue while adding earthy sweetness. Unlike artificial colors, this hue fades slightly as the drink cools, revealing the rich cocoa underneath. It's what makes this version visually unique and naturally vibrant.
Can I make this without roasting the beets?
Yes, but the flavor will be less developed. Raw beets add a watery, slightly bitter taste that doesn't complement the chocolate well. For best results, roasting caramelizes their natural sugars, creating a sweeter, smoother puree. If you're short on time, try steaming the beets for 15-20 minutes—it's a quicker alternative that still softens them nicely.
How can I make this recipe dairy-free?
This recipe is already dairy-free! The almond milk and coconut cream provide creamy textures without any dairy products. For extra richness, you can substitute the coconut cream with cashew cream (blend soaked cashews with water) or silken tofu-based whipped cream. The beet puree works perfectly with all plant-based milks.
Will this taste like actual beets?
Not at all! The roasting process transforms the beets into a sweet, caramelized puree that blends seamlessly with the chocolate. You'll get subtle earthy notes (like carrot or sweet potato) rather than the strong beet flavor. Think of it as a sophisticated twist on classic hot chocolate—rich, velvety, and surprisingly sophisticated.
Can I make this ahead of time?
Prepare the beet puree up to 3 days ahead and store it in the fridge. When ready to serve, simply reheat the puree with fresh milk and cocoa, then top with whipped coconut cream. The coconut cream should be whipped fresh for best texture, but you can store unwhipped cream in the fridge for 1 week. The flavors actually improve after resting overnight!