Dairy-Free Blood Orange Chocolate Cake Recipe

Blood Orange Chocolate Cake combines rich chocolate flavor with bright citrus notes and a light, tender crumb. Topped with a subtly orange-infused coconut cream, this dairy-free cake is simple to make with everyday ingredients and perfect when you want something indulgent yet not heavy.

If you enjoy citrus desserts, try other orange-forward recipes on the blog such as the orange spice cake or the almond flour orange cake for more variations on this sunny flavor.

Overhead view of a frosted chocolate cake with slices being served onto pink plates.

Blood oranges bring a sweet, fragrant complexity to baked goods. Their flesh can range from pale pink to deep red, and while many recipes use them primarily for their color, this cake highlights their flavor. The recipe calls for both juice and zest to capture that fresh orange brightness. If blood oranges aren’t available, regular navel oranges work as a substitute, though the flavor may be a touch less sweet and intense.

Paired with dark cocoa, the result is reminiscent of the classic chocolate-orange candy but in a soft, tender cake form. The olive oil keeps the crumb moist and adds a pleasant richness that complements chocolate rather than competing with it. The coconut milk frosting is whipped until light and is gently flavored with a little extra orange juice and zest for balance.

Ingredients to make blood orange chocolate cake.

Notes on key ingredients

  • Blood oranges: Use fresh blood orange juice and zest for the best flavor. The recipe uses about 4 blood oranges total (juice and zest). If they’re out of season, substitute navel oranges and adjust sweetness if needed.
  • Extra virgin olive oil: Olive oil keeps the cake moist and lends a subtle savory depth that pairs well with chocolate. Choose a mild, good-quality oil so the flavor complements the cake.
  • Natural cocoa powder: This recipe is written for natural (unsweetened) cocoa powder. Natural cocoa is acidic and reacts with baking soda for proper leavening. Dutch-processed cocoa has a different acidity and has not been tested in this recipe.

How to make the cake

Preheat the oven to 325°F and grease a 9-inch springform or round cake pan. In a large bowl, whisk together the sugar, blood orange juice and zest until the sugar has begun to dissolve. Whisk in the olive oil and milk, then add the eggs one at a time, mixing until combined.

Wet ingredients being whisked together in a glass bowl.

In a separate bowl, whisk the whole wheat flour, natural cocoa powder, baking soda and salt. If your cocoa is lumpy, sift it first. Gradually fold the dry ingredients into the wet mixture, stirring until smooth and uniform.

Blood orange cake batter in a glass bowl.

Pour the batter into the prepared pan and gently tap the pan on the counter to release large air bubbles. Bake at 325°F for about 29–32 minutes, or until a toothpick inserted in the center comes out clean. Remove the cake from the oven and allow it to cool completely on a wire rack.

Chocolate cake batter poured into a springform pan.

For the frosting, chill two cans of full-fat coconut milk in the refrigerator for at least 24 hours. Scoop the solidified cream into a mixing bowl and whip on high with an electric mixer. Add the juice and zest from one blood orange and continue to whip until smooth and creamy. Spread the coconut frosting over the cooled cake, then refrigerate until the topping firms up. Finish with chocolate shavings if desired, slice, and serve.

Overhead view of blood orange chocolate cake topped with coconut milk frosting.

Storage and freezing

Because the frosting is coconut-based, the finished cake should be covered and refrigerated. An unfrosted cake can be stored at room temperature, tightly covered.

Unfrosted, the cake keeps well for 4–5 days at room temperature. Once frosted, store in the refrigerator and consume within 2–3 days. You can freeze the unfrosted cake for up to 3 months: cool completely, wrap tightly in plastic wrap, and thaw in the refrigerator or at room temperature before frosting. Freezing with the coconut frosting is not recommended, as the texture may change.

Two slices of chocolate cake on pink plates.

Recipe tips and substitutions

  • Zesting: Cold, firm oranges are easier to zest. Zest before juicing so the fruit stays firm while you work.
  • Air bubbles: After pouring the batter into the pan, tap it gently on the counter to help trapped air escape. Be cautious with springform pans: tap lightly so batter doesn’t leak from the bottom.
  • Pan size: A regular 9-inch round pan is an acceptable alternative to a 9-inch springform. If using a smaller pan, the cake will be thicker and require additional baking time.
  • Frosting consistency: The coconut whip may seem slightly loose once you add orange juice, but it will firm up in the fridge while still retaining a silky, spreadable texture. A small amount of orange juice and zest tones down the coconut flavor and brightens the frosting.
Overhead view of blood orange cake with frosting and chocolate shavings being served onto plates.

Other dairy-free cakes to try

  • Chai Spice Cake with Spiced Cream Cheese Frosting
  • Sweet Potato Cake with Chocolate Coconut Frosting
  • Dairy-Free Buttermilk Plum Cake
  • Mini Chocolate Bundt Cakes
  • Air Fryer Chocolate Cake

If you make this blood orange chocolate cake, feel free to leave a comment with your feedback or questions.

Hungry for more? Sign up for the newsletter and follow the blog on social platforms for updates and new recipes.

If you try this recipe, please leave a review and rating below — and ask any questions you have.

📖 Recipe

Overhead of blood orange chocolate cake with slices being removed.

Blood Orange Chocolate Cake (Dairy-Free)

Ultra chocolatey with a light, tender crumb and a bright coconut-orange frosting. Simple, dairy-free ingredients make this cake easy to prepare for any occasion.

Prep Time: 20 minutes
Cook Time: 30 minutes
Cooling Time: 2 hours
Total Time: 2 hours 50 minutes
Servings: 12 slices
Author: Leanne Combden

Ingredients

For the cake:

  • 1/4 cup blood orange juice (about 3 oranges)
  • 2 tablespoons blood orange zest (about 1 orange)
  • 3/4 cup coconut sugar
  • 2/3 cup extra virgin olive oil
  • 1/2 cup unsweetened nut milk
  • 3 large eggs
  • 1 1/2 cups whole wheat flour
  • 1/2 cup natural cocoa powder
  • 1 teaspoon baking soda
  • 1/4 teaspoon kosher salt

For the frosting:

  • 2 cans full-fat coconut milk (400 ml each), chilled 24 hours
  • Juice of 1 blood orange
  • 2 teaspoons blood orange zest

Instructions

  1. Preheat oven to 325°F and grease a 9-inch springform pan.
  2. Whisk together orange juice, zest and sugar until the sugar is nearly dissolved.
  3. Add the oil and milk, then whisk in the eggs one at a time.
  4. In a separate bowl, whisk together flour, cocoa, baking soda and salt. Sift if needed.
  5. Gradually add the dry ingredients to the wet, mixing until just combined.
  6. Pour batter into the prepared pan and gently tap to release air bubbles.
  7. Bake 29–32 minutes or until a toothpick comes out clean. Cool completely on a wire rack.
  8. Scoop solid coconut cream from chilled cans and whip on high. Add orange juice and whip until creamy, then stir in zest.
  9. Spread the frosting over the cooled cake while it remains in the pan. Refrigerate until set.
  10. Top with chocolate shavings if desired, slice, and serve.
  11. Store leftovers in an airtight container in the refrigerator for 2–3 days.

Notes

  1. If you don’t have a 9-inch springform pan, a regular 9-inch round or square pan will work; a smaller pan will require more baking time.
  2. The coconut frosting may seem a bit loose after adding orange juice but will firm up in the fridge.

Nutrition Facts per Serving

Calories: 371 kcal
| Carbohydrates: 26 g
| Protein: 6 g
| Fat: 30 g
| Saturated Fat: 17 g

Nutrition information is an estimate and will vary depending on substitutions and brand choices.

Did you make this recipe or have questions?

Comments and feedback are welcome — please share your experience or ask any questions below.