Cookies and Cream Protein Mug Cake

Go Back

Recipe Image

Notes

–+ servings

Smaller Normal Larger

Cookies and Cream Protein Mug Cake

Print Recipe Pin Recipe

Servings

Calories 310 kcal

Ingredients

3 tablespoons oat flour sub almond flour or all-purpose 1:1
2 tablespoons vanilla protein powder cookies and cream protein powder works even better
1/2 tablespoon coconut sugar or maple syrup
1/2 teaspoon baking powder
3 Oreo cookies (or any chocolate sandwich cookie), crushed 2 mixed into batter, 1 crumbled on top
1/4 cup milk any milk works

Instructions

Notes

Flour swaps: Almond flour or all-purpose work 1:1. Oat flour gives the best texture.
Protein powder: Cookies and cream protein powder is the best call here — the flavor is even more on point.
Cookie swap: Any chocolate sandwich cookie works — Trader Joe's Joe-Joes, Newman-O's, or Back to Nature Classic Creme are great alternatives.
Sweetener: Swap coconut sugar for maple syrup or honey (start with 1 teaspoon).
Do not overcook. Slightly underdone is always better in a mug cake — pull it when the center looks just barely set.

Nutrition

Calories: 310kcalProtein: 30g

Tried this recipe?Let us know how it was!

/* ============================================================ KELKOOKS RECIPE CARD — BROMA-INSPIRED Big photo, editorial type, screenshot-worthy PASTE LOCATION: WP Admin → WP Recipe Maker → Settings → Style tab → "Recipe CSS" textarea → Save Changes ============================================================ */ /* --- Card shell --- */ .wprm-recipe-container { font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif; background: #fdfcf8; border: none !important; border-radius: 20px; padding: 0; margin: 48px auto; max-width: 720px; overflow: hidden; box-shadow: 0 2px 6px rgba(0,0,0,0.04), 0 24px 48px -12px rgba(0,0,0,0.10); color: #1a1a1a; transition: transform 0.4s ease, box-shadow 0.4s ease; } /* --- Hero photo (recipe image at top of card) --- */ .wprm-recipe-image, .wprm-recipe-image img, .wprm-recipe-container .wprm-recipe-image-container img { width: 100% !important; height: auto !important; max-height: 520px; object-fit: cover; display: block; margin: 0 !important; border-radius: 0 !important; } /* --- Inner content padding (everything except hero) --- */ .wprm-recipe-container > *:not(.wprm-recipe-image-container):not(.wprm-recipe-image) { padding-left: 40px; padding-right: 40px; } .wprm-recipe-container .wprm-recipe-name, .wprm-recipe-container .wprm-recipe-summary, .wprm-recipe-container .wprm-recipe-meta-container, .wprm-recipe-container .wprm-recipe-ingredients-container, .wprm-recipe-container .wprm-recipe-instructions-container, .wprm-recipe-container .wprm-recipe-notes-container, .wprm-recipe-container .wprm-nutrition-label-container, .wprm-recipe-container .wprm-recipe-tags-container, .wprm-recipe-container .wprm-recipe-header { padding-left: 40px !important; padding-right: 40px !important; } /* --- Title --- */ .wprm-recipe-name, .wprm-recipe .wprm-recipe-name { font-family: 'ABeeZee', 'Playfair Display', Georgia, serif !important; font-size: 2.4rem !important; font-weight: 700 !important; line-height: 1.1 !important; color: #0f0f0f !important; text-align: center !important; margin: 36px 0 12px !important; letter-spacing: -0.02em !important; } /* --- Summary / description --- */ .wprm-recipe-summary { font-size: 1.02rem !important; line-height: 1.65 !important; color: #555 !important; font-style: normal !important; text-align: center !important; margin: 0 auto 28px !important; max-width: 520px; } /* --- Meta row (times, servings, course) as quiet pill chips --- */ .wprm-recipe-times-container, .wprm-recipe-meta-container { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 10px !important; background: transparent !important; padding: 20px 40px !important; margin: 0 !important; border-top: 1px solid #ece9e0 !important; border-bottom: 1px solid #ece9e0 !important; } .wprm-recipe-time, .wprm-recipe-servings-container, .wprm-recipe-course-container, .wprm-recipe-cuisine-container { background: transparent !important; border: none !important; padding: 4px 10px !important; font-size: 0.78rem !important; text-transform: uppercase !important; letter-spacing: 0.08em !important; font-weight: 600 !important; color: #1a1a1a !important; } .wprm-recipe-time-label, .wprm-recipe-servings-label, .wprm-recipe-course-label, .wprm-recipe-cuisine-label { color: #a59f8f !important; font-weight: 500 !important; margin-right: 6px !important; } /* --- Action buttons (Print, Pin, Save) --- */ .wprm-recipe-print, .wprm-recipe-pin, .wprm-recipe-favorite, .wprm-recipe-jump { background: #0f0f0f !important; color: #fff !important; border: none !important; border-radius: 999px !important; padding: 12px 24px !important; font-weight: 600 !important; font-size: 0.78rem !important; text-transform: uppercase !important; letter-spacing: 0.1em !important; transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease !important; cursor: pointer !important; } .wprm-recipe-print:hover, .wprm-recipe-pin:hover, .wprm-recipe-favorite:hover, .wprm-recipe-jump:hover { background: #c18c5d !important; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(193,140,93,0.35) !important; } /* --- Section headers (Ingredients, Instructions, Notes) --- */ .wprm-recipe-ingredients-header, .wprm-recipe-instructions-header, .wprm-recipe-notes-header, .wprm-recipe-equipment-header { font-family: 'ABeeZee', 'Playfair Display', Georgia, serif !important; font-size: 1.5rem !important; font-weight: 700 !important; color: #0f0f0f !important; margin: 36px 0 18px !important; padding: 0 !important; border: none !important; letter-spacing: -0.01em !important; text-transform: none !important; position: relative; padding-left: 20px !important; } .wprm-recipe-ingredients-header::before, .wprm-recipe-instructions-header::before, .wprm-recipe-notes-header::before, .wprm-recipe-equipment-header::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 4px; height: 70%; background: #c18c5d; border-radius: 2px; } /* --- Ingredients list --- */ .wprm-recipe-ingredient { padding: 14px 0 !important; border-bottom: 1px solid #f1efe8 !important; font-size: 1rem !important; line-height: 1.5 !important; color: #2a2a2a !important; } .wprm-recipe-ingredient:last-child { border-bottom: none !important; } .wprm-recipe-ingredient-amount, .wprm-recipe-ingredient-unit { font-weight: 700 !important; color: #c18c5d !important; } .wprm-recipe-ingredient-name { color: #1a1a1a !important; font-weight: 500 !important; } .wprm-recipe-ingredient-notes { color: #8a8479 !important; font-size: 0.88rem !important; font-style: italic !important; } .wprm-checkbox-container input[type="checkbox"] { accent-color: #c18c5d !important; width: 18px !important; height: 18px !important; margin-right: 12px !important; } /* --- Instructions with big numbered bubbles --- */ .wprm-recipe-instructions { counter-reset: wprm-step; list-style: none !important; padding: 0 40px !important; } .wprm-recipe-instruction { counter-increment: wprm-step; position: relative; padding: 20px 0 20px 60px !important; border-bottom: 1px solid #f1efe8 !important; font-size: 1.02rem !important; line-height: 1.65 !important; color: #2a2a2a !important; } .wprm-recipe-instruction:last-child { border-bottom: none !important; } .wprm-recipe-instruction::before { content: counter(wprm-step); position: absolute; left: 0; top: 20px; width: 40px; height: 40px; background: #0f0f0f; color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 0.95rem; font-family: 'ABeeZee', Georgia, serif; box-shadow: 0 4px 12px rgba(0,0,0,0.15); } /* --- Notes block (Broma-style callout) --- */ .wprm-recipe-notes-container { background: #f7f3ea !important; border-left: 4px solid #c18c5d !important; border-radius: 4px; padding: 24px 28px !important; margin: 24px 40px !important; } .wprm-recipe-notes { font-size: 0.96rem !important; line-height: 1.7 !important; color: #3a3a3a !important; } /* --- Nutrition --- */ .wprm-nutrition-label-container { background: transparent !important; border: 1px solid #ece9e0 !important; border-radius: 12px !important; padding: 24px !important; margin: 28px 40px !important; } .wprm-nutrition-label-text-nutrition-container { display: inline-block; padding: 8px 14px; margin: 3px; font-size: 0.85rem; } .wprm-nutrition-label-text-nutrition-label { color: #a59f8f !important; font-weight: 500 !important; text-transform: uppercase; font-size: 0.7rem; letter-spacing: 0.08em; } .wprm-nutrition-label-text-nutrition-value { color: #0f0f0f !important; font-weight: 700 !important; font-size: 1rem !important; } /* --- Keywords / tags footer --- */ .wprm-recipe-tags-container { margin: 24px 0 0 !important; padding: 24px 40px !important; border-top: 1px solid #ece9e0 !important; font-size: 0.82rem !important; color: #8a8479 !important; text-align: center; } .wprm-recipe-keyword { background: transparent; border: 1px solid #ece9e0; padding: 6px 14px; border-radius: 999px; margin: 3px; display: inline-block; color: #3a3a3a !important; font-weight: 500; transition: background 0.2s ease, color 0.2s ease; } .wprm-recipe-keyword:hover { background: #c18c5d; color: #fff !important; border-color: #c18c5d; } /* --- Mobile optimization (thumb-friendly) --- */ @media (max-width: 720px) { .wprm-recipe-container { margin: 32px 0; border-radius: 0; max-width: 100%; } .wprm-recipe-image, .wprm-recipe-image img { max-height: 380px; } .wprm-recipe-container > *:not(.wprm-recipe-image-container):not(.wprm-recipe-image), .wprm-recipe-container .wprm-recipe-name, .wprm-recipe-container .wprm-recipe-summary, .wprm-recipe-container .wprm-recipe-meta-container, .wprm-recipe-container .wprm-recipe-ingredients-container, .wprm-recipe-container .wprm-recipe-instructions-container, .wprm-recipe-container .wprm-recipe-notes-container, .wprm-recipe-container .wprm-nutrition-label-container, .wprm-recipe-container .wprm-recipe-tags-container { padding-left: 24px !important; padding-right: 24px !important; } .wprm-recipe-name, .wprm-recipe .wprm-recipe-name { font-size: 1.9rem !important; margin: 28px 0 10px !important; } .wprm-recipe-summary { font-size: 0.96rem !important; } .wprm-recipe-times-container, .wprm-recipe-meta-container { padding: 18px 24px !important; } .wprm-recipe-instructions { padding: 0 24px !important; } .wprm-recipe-instruction { padding-left: 52px !important; } .wprm-recipe-instruction::before { width: 36px; height: 36px; } .wprm-recipe-notes-container { margin: 20px 24px !important; padding: 20px 22px !important; } .wprm-recipe-tags-container { padding: 20px 24px !important; } .wprm-recipe-print, .wprm-recipe-pin, .wprm-recipe-favorite, .wprm-recipe-jump { padding: 14px 22px !important; font-size: 0.82rem !important; min-height: 44px; } } /* --- Print-friendly (when user hits Print) --- */ @media print { .wprm-recipe-container { box-shadow: none !important; border: 1px solid #ddd !important; } }

Cookies and Cream Protein Mug Cake

Ingredients 1x2x3x

Instructions

Notes

Nutrition

Ingredients