This Gluten-Free, Dairy-Free Chocolate & Vanilla Cake is the perfect indulgence for those with dietary restrictions, without compromising on flavor or texture. With layers of rich chocolate and fluffy vanilla cake, topped with dairy-free frosting, it’s a delightful treat for all. Whether you’re celebrating a special occasion or simply craving something sweet, this cake is sure to impress!

Ingredients
Vanilla Cake – Wet Ingredients:
- ¾ cup dairy-free Greek yogurt
- ¼ cup vegetable oil
- ½ cup plant-based butter (softened)
- 1 cup oat milk (room temperature)
- 1 tablespoon vanilla extract
- 6 large eggs (room temperature)
Vanilla Cake – Dry Ingredients:
- 2 ¾ cups gluten-free flour
- 3 tablespoons cornstarch
- 2 ¼ cups sugar
- 4 teaspoons baking powder
- ½ teaspoon salt
Chocolate Cake – Wet Ingredients:
- ⅔ cup sugar
- 1 teaspoon apple cider vinegar
- 1 tablespoon vanilla extract
- ¼ cup brown sugar
- 2 large eggs
- ⅓ cup vegetable oil
- ⅔ cup boiling water
Chocolate Cake – Dry Ingredients:
- ¾ teaspoon baking powder
- ½ cup cocoa powder
- ¾ cup + 2 tablespoons 1:1 gluten-free flour
- ½ teaspoon baking soda
- ¼ teaspoon salt
Instructions
Preparation:
- Preheat your oven to 350°F (175°C).
- Lightly grease three 8-inch cake pans and line the bottoms with parchment paper. You can bake all three cakes at once if desired.
Vanilla Cake:
- In a large bowl, combine all wet ingredients (Greek yogurt, vegetable oil, plant butter, oat milk, vanilla extract, and eggs). Mix to combine thoroughly.
- In a stand mixer, beat the butter and half of the sugar on high for 1½ minutes until light and fluffy.
- Add the remaining sugar and vegetable oil and continue mixing for about a minute until well incorporated.
- Add eggs, one at a time, mixing thoroughly after each addition. Then add vanilla extract and mix until just combined.
- Gradually add half of the dry ingredients to the wet mixture, followed by the milk and yogurt. Once incorporated, add the remaining dry ingredients and mix until completely combined. The batter will be thick and pudding-like.
- Divide the vanilla batter evenly between two prepared cake pans.
Chocolate Cake:
- In a bowl, whisk together all dry ingredients (gluten-free flour, cocoa powder, baking powder, baking soda, and salt).
- Add vegetable oil, eggs, sugar, brown sugar, apple cider vinegar, vanilla extract, and boiling water to the dry mixture. Mix on medium speed for 3-4 minutes until fully combined.
- Pour the chocolate batter into the third cake pan, spreading it evenly.
- Bake all three cakes for 30-35 minutes, or until a toothpick inserted into the center comes out clean.
- Allow the cakes to cool for at least 1 hour before frosting.
Frosting & Assembly:
- Prepare your frosting according to the package directions or your preferred dairy-free frosting recipe.
- To assemble, flip the first vanilla cake over, so the flat bottom is on top. Spread a layer of vanilla frosting over the top.
- Place the chocolate cake on top of the frosted vanilla cake, making the bottom the top. Frost the chocolate cake with more vanilla frosting.
- Stack the second vanilla cake on top. Spread chocolate frosting over the top and sides of the entire cake.
- Optionally, garnish with shaved chocolate.
Why You’ll Love This Recipe
This cake is not only gluten-free and dairy-free but also incredibly moist and flavorful. With its rich layers of chocolate and vanilla, it’s a crowd-pleaser that everyone will enjoy—whether they have dietary restrictions or not. The combination of oat milk, plant butter, and Greek yogurt ensures a soft, tender texture, while the balance of flavors makes each bite irresistible.
Tips
- Make sure all ingredients, especially the eggs and oat milk, are at room temperature for better batter consistency.
- If your batter seems too thick, you can add a splash more oat milk to adjust the consistency.
- Use high-quality cocoa powder for the best chocolate flavor in the cake.
- For extra moisture, cover the cakes with a kitchen towel while cooling to prevent them from drying out.
Variations and Substitutions
- Flour: You can swap the gluten-free flour blend with any other 1:1 gluten-free flour substitute, though results may vary.
- Sweeteners: You can substitute the sugar with coconut sugar or another sweetener of your choice.
- Frosting: Use coconut whipped cream or a vegan buttercream if you want a different frosting option.
FAQs
Can I make this cake ahead of time?
Yes, you can bake the cakes ahead of time and store them in an airtight container for up to 2 days before frosting. Alternatively, you can freeze the cakes and thaw them before frosting.
Can I use a different type of non-dairy milk?
Absolutely! Almond milk or coconut milk would also work well in this recipe.
Is this recipe nut-free?
Yes, this recipe is nut-free if you use oat milk and avoid any nut-based butter or frosting.
Serving Suggestions
- This cake is perfect for birthdays, celebrations, or any special occasion.
- Serve with a cup of tea or coffee for a delicious dessert.
- For an extra touch, serve with fresh berries or a scoop of dairy-free ice cream.
Enjoy this indulgent, allergy-friendly cake that’s both delicious and suitable for a variety of dietary needs!
Gluten-Free, Dairy-Free Chocolate & Vanilla Cake Recipe
8
servings30
minutes1
hour35
minutesIngredients
Vanilla Cake – Wet Ingredients:
¾ cup dairy-free Greek yogurt
¼ cup vegetable oil
½ cup plant-based butter (softened)
1 cup oat milk (room temperature)
1 tablespoon vanilla extract
6 large eggs (room temperature)
Vanilla Cake – Dry Ingredients:
2 ¾ cups gluten-free flour
3 tablespoons cornstarch
2 ¼ cups sugar
4 teaspoons baking powder
½ teaspoon salt
Chocolate Cake – Wet Ingredients:
⅔ cup sugar
1 teaspoon apple cider vinegar
1 tablespoon vanilla extract
¼ cup brown sugar
2 large eggs
⅓ cup vegetable oil
⅔ cup boiling water
Chocolate Cake – Dry Ingredients:
¾ teaspoon baking powder
½ cup cocoa powder
¾ cup + 2 tablespoons 1:1 gluten-free flour
½ teaspoon baking soda
¼ teaspoon salt
Directions
- Preparation:
- Preheat your oven to 350°F (175°C).
- Lightly grease three 8-inch cake pans and line the bottoms with parchment paper. You can bake all three cakes at once if desired.
- Vanilla Cake:
- In a large bowl, combine all wet ingredients (Greek yogurt, vegetable oil, plant butter, oat milk, vanilla extract, and eggs). Mix to combine thoroughly.
- In a stand mixer, beat the butter and half of the sugar on high for 1½ minutes until light and fluffy.
- Add the remaining sugar and vegetable oil and continue mixing for about a minute until well incorporated.
- Add eggs, one at a time, mixing thoroughly after each addition. Then add vanilla extract and mix until just combined.
- Gradually add half of the dry ingredients to the wet mixture, followed by the milk and yogurt. Once incorporated, add the remaining dry ingredients and mix until completely combined. The batter will be thick and pudding-like.
- Divide the vanilla batter evenly between two prepared cake pans.
- Chocolate Cake:
- In a bowl, whisk together all dry ingredients (gluten-free flour, cocoa powder, baking powder, baking soda, and salt).
- Add vegetable oil, eggs, sugar, brown sugar, apple cider vinegar, vanilla extract, and boiling water to the dry mixture. Mix on medium speed for 3-4 minutes until fully combined.
- Pour the chocolate batter into the third cake pan, spreading it evenly.
- Bake all three cakes for 30-35 minutes, or until a toothpick inserted into the center comes out clean.
- Allow the cakes to cool for at least 1 hour before frosting.
- Frosting & Assembly:
- Prepare your frosting according to the package directions or your preferred dairy-free frosting recipe.
- To assemble, flip the first vanilla cake over, so the flat bottom is on top. Spread a layer of vanilla frosting over the top.
- Place the chocolate cake on top of the frosted vanilla cake, making the bottom the top. Frost the chocolate cake with more vanilla frosting.
- Stack the second vanilla cake on top. Spread chocolate frosting over the top and sides of the entire cake.
- Optionally, garnish with shaved chocolate.

Leave a Reply