Makeup Shade Matcher

Stephanie Ben-Joseph headshot Stephanie Ben-Joseph

Introduction: Why Foundation Shade Matching Matters

Finding a foundation that truly matches your skin can feel confusing. Between different brand names, numbers, and undertone labels, it is easy to end up with a base that looks too ashy, too orange, or simply flat. This Makeup Shade Matcher is designed to simplify the process by focusing on two key ideas: your undertone and your skin depth. By combining them into a simple code like “Warm 4” or “Neutral 7,” you get a practical starting point that you can take into stores or use when shopping online.

This guide explains what undertone and depth mean, how the matcher uses them, and what to do with your result. You will also find a comparison table, a worked example, and clear limitations so you know exactly what this tool can and cannot do.

Understanding Undertones

Your undertone is the subtle color that comes through from beneath the surface of your skin. It does not change significantly with sun exposure, breakouts, or seasonal shifts. Most people fall into one of three categories:

Knowing your undertone helps you choose foundations, concealers, and even lip and cheek colors that appear more natural. A product with the wrong undertone can make you look dull, grey, or overly orange, even if the depth is correct.

Quick checks to figure out your undertone

If you are not sure which undertone you have, try a few of these simple checks. None of them is perfect on its own, so look at the overall pattern:

Use these cues to choose the undertone option (Warm, Cool, or Neutral) in the form above.

Determining Your Skin Depth

Depth (sometimes called shade level or intensity) describes how light or deep your skin appears, independent of undertone. On this tool’s scale, depth ranges from 1 (very fair) to 10 (very deep). Many people fall somewhere between 3 and 7, but there is no “better” or “worse” number—this is only a way to describe your coloring.

To use the calculator, you simply enter a number from 1 to 10. If you are unsure, think about where you might sit on this simplified range:

You can adjust the number up or down after seeing your result if it does not feel accurate.

A simple numeric view of depth

The depth scale can be thought of as a straightforward numeric line:

Depth = 1 , 2 , , 10

Each step up the scale represents a gradual move from lighter to deeper skin tones. The tool does not assign any judgment to these numbers—they are simply a way to label depth consistently across different brands and product lines.

How the Makeup Shade Matcher Works

The calculator combines your chosen undertone (Warm, Cool, or Neutral) with your selected depth (1–10) to create a simple shade code. Technically, it is doing a very lightweight mapping:

This label is brand‑agnostic. It does not try to guess exact shade names from specific companies. Instead, it gives you language you can use when browsing or speaking with a beauty advisor. Many brands follow a similar logic by pairing letters and numbers, for example “W4,” “C3,” or “N7.” Your result makes it easier to narrow down which of those you should test first.

How to Interpret Your Result and What to Do Next

Once you submit the form, you will see a result such as “Warm 4” or “Neutral 6.” Here is how to use it effectively:

  1. Match the undertone label: Look for products labelled with the same undertone. For example, a “Warm 4” result suggests trying shades with warm, golden, or yellow undertone descriptions.
  2. Use the depth number as a starting point: If you are a 4 on this scale, you can start by trying shades that sit near the light‑to‑medium area of a brand’s range. A 9 or 10 suggests focusing on the deeper end of the lineup.
  3. Cross‑check with shade charts: Many websites show their foundation swatches in order. Look for the segment of the chart that roughly aligns with your depth number, then filter by undertone.
  4. Test on the jawline in natural light: Swatch two or three possible shades along your jaw and slightly down onto the neck. The best match will visually “disappear” into your skin.

If a shade looks almost right but not perfect, you may only need a small adjustment. For example, if your result is “Cool 5” but every cool 5‑level shade looks slightly too pink, you might try a neutral undertone at the same depth instead.

Worked Example: From Inputs to a Practical Shade Code

Imagine a user named Taylor who has the following features:

Taylor uses the checks above and decides they have a warm undertone. Based on where they usually fall in foundation lines, they choose a depth of 5 in the calculator.

After submitting the form, the tool outputs: “Warm 5”.

Here is how Taylor might use that code:

  1. They browse a brand’s foundation page and filter for warm undertone shades.
  2. They scroll toward the middle of the depth lineup, checking shades that sit around the midpoint of the range.
  3. They select two warm medium shades (for example, “Warm 4” and “Warm 5” in that brand’s naming system) and swatch them along the jawline.
  4. In daylight, they notice that the lighter one almost disappears, while the deeper one looks slightly too rich. They decide the lighter option is best for all‑over foundation, and they could even keep the deeper shade for bronzing or summer.

In this way, the simple “Warm 5” result did not have to match a product name exactly—it narrowed the field and guided Taylor to shades that were very likely to work.

Comparison Table: Undertones and Depth Levels at a Glance

Use this table as a quick reference when choosing your inputs and reading your result.

Category Option / Range What It Usually Looks Like Common Cues
Undertone Warm Golden, peachy, or yellow cast to the skin. Greenish veins; gold jewelry looks flattering; may tan more easily than burn.
Undertone Cool Pink, rosy, or slightly bluish cast. Blue or purple veins; silver jewelry looks flattering; may burn before tanning.
Undertone Neutral Balanced between warm and cool; no strong color cast. Veins appear mixed; both gold and silver jewelry look fine.
Depth band 1–2 (very fair to fair) Very light skin tones that are often first or second in a brand’s range. May struggle to find shades light enough; easily see redness or flushing.
Depth band 3–4 (light to light‑medium) Light tones that are common in many ranges but not the palest. Often called “light” or “light/medium” by brands.
Depth band 5–6 (medium to tan) Middle of the lineup in many ranges. Often labelled “medium,” “medium/tan,” or “tan.”
Depth band 7–8 (tan to medium‑deep) Richer tones that sit in the deeper half of ranges. Sometimes described as “deep tan” or “medium‑deep.”
Depth band 9–10 (deep to very deep) Deepest tones in most ranges. May find fewer choices in limited shade lineups.

Common Shade‑Matching Mistakes

Even with a good starting code, shade matching can go wrong. Watch out for these frequent issues:

Adjusting a Shade That Is Not Quite Right

If a foundation you bought is close but not perfect, you do not always need to replace it. You can often adapt it using a few techniques:

Your shade code from the matcher can guide which way to adjust. If your product is cooler than your “Warm 6” result, you might focus on adding warmth; if it is deeper than your “Neutral 3” result, you might use it in smaller amounts.

Limitations and Assumptions of This Shade Matcher

This tool is meant to give you a helpful starting point, not a guaranteed perfect match. It works under several important assumptions and has clear limits you should be aware of:

Because of these limits, you should treat your result as an informed starting point. Whenever possible, confirm your match by swatching a few shades in person and seeing how they look after sitting on the skin for several minutes.

Next Steps and Related Topics

After you have your undertone and depth code, you can:

To build an even smoother base, it can also help to learn more about skin preparation, concealer matching, and how different finishes (matte, natural, dewy) interact with your skin type. Exploring those topics alongside this shade matcher will give you a more complete, confidence‑building routine.

Choose your undertone and depth to see a suggested shade code.

Embed this calculator

Copy and paste the HTML below to add the Makeup Shade Matcher - Find Your Perfect Foundation to your website.