Sunscreen Before or After Moisturizer: The Right Way to Layer

by: Linda Robison / Facial Fitness Specialist @ ABZ

Does this sound familiar? You’ve just washed your face or you’re about to put on makeup, holding two bottles and thinking, “Wait… does sunscreen go before or after moisturizer?”

Been there. And yes—the order does matter.

Whether you're using a mineral sunscreen, a chemical one, or a moisturizer with SPF, I’ll break it down simply with tips that make sense.

☀️ Summer tip: Sunscreen and makeup can play nice—you just have to layer it right. Here’s the trick that holds up in the heat.

What goes first: moisturizer or sunscreen?

Short answer: It depends on the type of sunscreen.

• Chemical sunscreen goes before moisturizer.
• Mineral (physical) sunscreen goes after moisturizer.

Why: Chemical sunscreens need to absorb into your skin to work properly. Moisturizer can block that absorption. Mineral sunscreens sit on top of the skin, so they can go on last.

Not sure which type of sunscreen you have?

Here’s a quick cheat sheet:

• Chemical sunscreen ingredients: Avobenzone, Octinoxate, Oxybenzone
• Mineral sunscreen ingredients: Zinc oxide, Titanium dioxide

Does the type of moisturizer matter?

Yes! Moisturizer can affect how well your sunscreen performs.

Best moisturizers for layering under sunscreen:

• Lightweight gels with hyaluronic acid
• Creams with ceramides or peptides

Avoid:

• Heavy, greasy creams
• Oils (they can break down sunscreen)

How long should you wait between moisturizer and sunscreen?

Let your moisturizer absorb for 1 to 3 minutes before applying sunscreen.

Why it works:

• Prevents pilling
• Helps sunscreen grip the skin better

ABZ Tip: In a rush? Blot with a tissue before applying sunscreen to speed things up.

Can I apply sunscreen right after moisturizer?

If it’s mineral: Yes.

If it’s chemical: Wait 1–3 minutes to let the moisturizer sink in.

Quick tip: If your sunscreen label says "apply to clean, dry skin," it’s probably a chemical formula.

FAQs: Sunscreen and moisturizer layering

Once you've figured out moisturizer vs. sunscreen, what about makeup?

Ok, you’ve nailed the right order for moisturizer and sunscreen, but you might be wondering how makeup fits in—especially if you wear foundation daily.

How to layer sunscreen with makeup

If you wear makeup (like I do), here’s how to make sure your SPF still works:

1. Cleanser + Toner
2. Moisturizer (light layer)
3. Sunscreen (SPF 30+)
4. Primer (optional)
5. Makeup (foundation, concealer, etc.)

Need to reapply SPF later? Use a sunscreen mist or brush-on powder—it refreshes UV protection without smudging your look.

Want that sun-kissed glow—without the sun?

If you're like me and wear SPF daily (especially on your face), you might miss that warm, golden look. That’s why I use a self-tanning face mist—it layers beautifully over sunscreen and makeup without interfering with your routine.

My go-to is the St. Tropez Self Tan Purity Face Mist. It sprays on super fine, dries quickly, and gives a soft, gradual glow without streaks. I spritz it on after sunscreen and makeup—no rubbing needed. Bonus: it’s made with hyaluronic acid, so it hydrates while it tans. Win-win.

🧡 Tip: This mist works beautifully on mature skin, especially if you want a touch of color without sun exposure.

See how I use it for a healthy glow without UV damage.

My favorite sunscreens for layering with makeup

I like using tinted mineral sunscreens because they give me sun protection and light coverage. It’s like having a sheer foundation built in—great for evening out discoloration and skipping heavy makeup.

These are the two I use most days:

Colorescience Total Protection Face Shield SPF 50

Lightweight liquid SPF 50 with PA+++ for high UVA protection. It also guards against pollution, blue light, and infrared. Comes in Original, Matte, and Bronze finishes. (Learn what PA+++ means and why it gives better anti-aging protection.)

CeraVe Hydrating Mineral Sunscreen SPF 30 - Tinted

A creamy, sheer SPF with zinc oxide, ceramides, niacinamide, and hyaluronic acid. It hydrates and gives your skin a healthy glow—perfect for daily wear.

Looking for more options?
Check out my full list of chemical-free face sunscreens. All lightweight, effective, and great for layering with makeup.

Quick Tips:

• If you're using a chemical sunscreen, apply it before moisturizer and wait 1–3 minutes to let it absorb.
• For mineral sunscreens, you can apply them right after moisturizer.
• Reapply sunscreen at least every two hours, especially if you're swiming or sweating.

Final thoughts:

Don’t overthink it!

Mineral goes on top. Chemical goes on clean bare skin. That’s the golden (and simple) rule. The most important thing? Use sunscreen every day—rain or shine, indoors or outdoors.

Otherwise, you’re not just risking wrinkles—you could end up with sunspots on your face that are much harder to deal with later. Trust me, I learned that the hard way. 😔

See How I Got  Rid of My Sunspots Without Expensive Treatments.

Want more simple skincare tips that actually make a difference? Join the ABZ Club for updates, product finds, and smart skincare how-tos.

Before you go ....

Please tap on the💙in the bottom right corner if you found this page helpful. Also, Let’s CONNECT! Click the buttons below to follow me on social media.

Thanks so much!

FREE! Download this Cheek Shaper Video to help lift and firm your cheeks, giving you a more youthful, refreshed look! 💖