Reference Guide

Skin Tone Color ChartDepth, Undertone, and Color Fit

Compare skin depth and undertone without confusing surface color, camera lighting, or seasonal color analysis.

How do I read a skin tone color chart?

Start with skin depth — fair, light, medium, tan, or deep — then compare warm, cool, neutral, and olive undertones. Your overtone is the surface color you see first and can change with sun or flushing; seasonal color analysis adds depth, undertone, and chroma to find a complete palette.

Depth and undertone answer different questions

A skin tone color chart is most useful when it separates how light or deep your skin looks from the undertone beneath it. Use this inclusive reference to find a starting point for clothing, makeup, hair, and metal colors, then test those colors against your own face.

Skin depth describes the visible lightness or darkness range of your complexion. Fair and deep are endpoints, while light, medium, and tan describe the middle range. Depth helps you judge how much visual weight a color can carry near your face, but it does not tell you whether that color is warm or cool.

Undertone is the consistent temperature underneath the surface: warm often reads golden or peachy, cool can read rosy or bluish, neutral sits between them, and olive can combine a muted green-grey cast with warm, cool, or neutral qualities. Olive is not a depth, and it is not automatically warm.

Overtone is the surface color you notice first. Sun exposure, a temporary flush, lighting, skincare, or recent irritation can shift it. A chart should therefore guide observation rather than label your body permanently. It is a color-and-style reference, not a medical classification or diagnosis.

Seasonal color analysis goes one step further. It combines undertone with depth or value and chroma, then places that combination in a palette such as Light Spring, Soft Summer, Deep Autumn, or Deep Winter. The same skin depth can appear in several seasons.

Inclusive skin tone color chart comparing fair, light, medium, tan, and deep skin depths with warm, cool, neutral, and olive undertones

Interactive color atlas

Build your depth × undertone coordinate

Choose the closest visible depth, then add the undertone that behaves most like your skin in daylight. The result is a styling starting point—not a foundation match or permanent label.

1Choose the closest visible depth

Depth describes visible lightness—not undertone, ethnicity, or season.

2Add the undertone lens

Face-test rule: look for clearer eyes, softer shadows, and more even-looking skin—not the brightest swatch.

Your color coordinate

Medium × Neutral

Your visible depth sits near the middle of the chart. Neutral undertones often balance warm and cool influences without one temperature dominating.

Start with these colors

Medium–deep color range · adjust lighter or deeper as needed

Mushroom
Denim
Rosewood
True red
Jade

Clothing balance

You can usually move across medium values easily. Repeat one lighter and one deeper note to create intentional, balanced contrast.

Makeup direction

Rose-beige, balanced red, neutral mauve, cocoa, and soft coral offer flexible starting points.

Hair direction

Look first at beige blonde, balanced brunette, soft mocha, neutral chestnut, and dimensional brown.

Metal direction

Mixed metals, champagne gold, soft silver, and rose gold are all worth comparing.

Watch for: Extremely yellow or extremely blue colors may overpower the balance. Start nearer the middle, then test intensity.

Screen color, lighting, tanning, makeup, and camera processing can shift what you see. Confirm this result with real fabric in indirect daylight; this tool is for styling guidance and does not classify health or skin conditions.

Color starting points by undertone

Warm undertones

IvoryCamelPeachTerracottaWarm teal

Warm undertones usually look balanced beside colors with golden, yellow, or peach influence. Try ivory instead of optic white, and choose terracotta, camel, warm coral, or softened teal near your face. Your depth still matters: a fair warm complexion may need lighter versions, while deep warm coloring can carry richer rust and paprika.

Cool undertones

Soft whiteRaspberryCobaltBerryBlue-red

Cool undertones tend to harmonize with blue, pink, or violet-based colors. Raspberry, blue-red, sapphire, and cool rose can bring clarity without adding yellow. Light cool coloring may prefer softened versions, while deep cool coloring can handle saturated jewel tones.

Neutral undertones

MushroomDenim blueSoft tealRosewoodBalanced red

Neutral undertones can often move between warm and cool families, but the best version is usually balanced rather than extreme. Mushroom, denim, soft teal, rosewood, and balanced reds make useful starting points. Test depth and chroma next, because temperature alone will not choose your best palette.

Olive undertones

MossMuted coralPetrol bluePaprikaAntique gold

Olive undertones often respond well to colors with a little grey, green, or earthy complexity. Moss, petrol blue, paprika, muted coral, and antique gold can echo that quality without turning the skin overly yellow. Olive can be cool-leaning or warm-leaning, so compare both temperature and saturation.

Skin tone chart: depth × undertone

Find the closest depth row, then compare the undertone columns. Each cell gives compact starting points in this order: clothing, makeup, hair, and metal.

Skin depthWarmCoolNeutralOlive
FairIvory, peach; apricot; honey; goldSoft white, rose; berry; ash blonde; silverMushroom, teal; rose-beige; neutral brown; mixed metalsSage, muted coral; peach-rose; beige brown; antique gold
LightCamel, coral; apricot; golden brown; goldSlate blue, raspberry; rose; ash brown; silverTaupe, denim; neutral rose; beige brown; mixed metalsMoss, terracotta; terracotta-rose; olive brown; gold
MediumRust, warm turquoise; cinnamon; copper brown; goldSapphire, berry; cranberry; cool brunette; silverCocoa, denim; mauve; neutral brown; mixed metalsPetrol blue, brick; terracotta-rose; espresso; gold or bronze
TanOchre, coral; warm nude; chestnut; goldCobalt, wine; plum; cool espresso; silverTeal, rosewood; neutral berry; mocha; mixed metalsOlive, paprika; terracotta; dark neutral brown; antique gold
DeepEmerald, paprika; brick; warm espresso; goldCobalt, magenta; berry; blue-black; silverInk navy, jade; rosewood; neutral black-brown; mixed metalsDeep teal, rust; terracotta; espresso; bronze

Depth labels overlap in real life. If you sit between rows, borrow from both and let the face test decide. Olive describes a cast, not a separate depth category.

Ready to test your undertone and depth?

Compare my colors

How to use the chart in natural light

Start with a bare, rested face

Stand near a window with indirect daylight. Move makeup, bronzer, and strongly colored hair away from the face if possible. You are comparing color relationships, not judging the surface of your skin.

Find depth before undertone

Compare your overall skin, hair, and eye depth together. Fair, light, medium, tan, and deep are useful reference bands, not rigid boxes. Use the nearest row and test the neighboring row if you are between depths.

Test temperature in pairs

Hold a warm and cool version of the same color near your face, such as peach versus raspberry or cream versus soft white. Look for more even-looking skin, clearer eyes, and softer shadows rather than a brighter swatch alone.

Treat a camera result as a starting point

Use an unfiltered photo only to narrow choices. Front cameras can smooth skin, compress contrast, and shift white balance. Confirm the result with fabric or clothing in daylight before changing hair or buying a full wardrobe.

Person comparing warm, cool, neutral, and olive color swatches beside the face in indirect natural daylight

Turn a reference row into your palette

Once you have a likely depth and undertone, use our free color analysis quiz to compare the full combination against real seasonal palettes.

What a skin tone chart cannot tell you

Using overtone as undertone

A tan, flush, or temporary surface change can make a warm person look cool or a cool person look warm. Compare several drapes in consistent light instead of naming undertone from one glance.

One color family for an entire depth

Two medium complexions can have different undertones and contrast levels. Medium skin does not automatically mean camel, coral, or any other single palette.

Phone-screen color matching

White balance, exposure, filters, display settings, and indoor bulbs can shift both your skin and the swatch. A digital chart is a prompt for testing, not proof of a match.

Medical conclusions from a style chart

This guide only discusses visual color harmony for personal styling. It cannot identify health conditions, diagnose skin concerns, or replace advice from a qualified clinician.

See the chart become a season

Start my color analysis

Turn chart labels into styling choices

Use the nearest depth and undertone match, then adjust saturation and contrast to your features.

Fair or light warm skin
Optic white near the faceWarm ivory or soft cream

A warmer near-neutral keeps the outfit light without creating a stark cool contrast.

Fair or light cool skin
Yellow-beige knitwearSoft rose, slate, or cool taupe

Cooler muted shades support rosy or blue qualities without adding surface yellow.

Medium neutral skin
Very orange rust as a defaultBalanced teal or rosewood

Balanced colors let neutral skin show its flexibility without forcing a warm cast.

Tan olive skin
Flat yellow-beige blousePetrol blue, moss, or muted coral

Complex earthy colors usually work better with olive depth than a single yellow-heavy neutral.

Deep cool skin
Pale grey with little contrastSapphire, magenta, or ink navy

Richer cool shades carry enough depth and chroma to stay visible near a deep complexion.

Any depth, uncertain undertone
Choosing a full makeup shade from a chartTest two undertone options on the jaw in daylight

A controlled side-by-side test is more useful than treating a screen swatch as an exact match.

Move from a skin tone chart to a season

Skin depth is only one input in seasonal color analysis. Check undertone, contrast, and chroma next, then use a season as a palette shortcut rather than a permanent label.

Check your undertone first

Learn more

Use a dedicated undertone comparison when your surface color, tanning, or camera lighting makes warm, cool, neutral, and olive difficult to separate.

Light Spring

Learn more

A warm-neutral, light, clear combination that may suit fair through medium skin when peach, ivory, and fresh turquoise create harmony.

Deep Autumn

Learn more

A warm-neutral, deep, rich combination where warm olive, tan, or deep skin can carry rust, paprika, espresso, and forest green.

Deep Winter

Learn more

A cool-neutral, deep, clear combination that can appear across many skin depths when ink navy, jewel tones, and crisp contrast look most balanced.

Find colors that suit you

Learn more

Move from a chart row to a personalized clothing-color preview when you want to see warm, cool, neutral, and olive options on your own coloring.

Browse all 16 color seasons

Learn more

See how the four parent seasons divide into specific palettes, then compare the dimensions that a simple skin chart cannot show.

Use the chart as a beginning, not a box

The most useful skin tone chart helps you ask better questions: how deep is your coloring, what undertone repeats beneath the surface, and how much contrast can you carry? Once you test those answers against real colors, a personal color analysis can turn a broad reference into a practical palette for your wardrobe and beauty choices.

Stop guessing — preview every color on you

Preview Yourself In Your Palette

Get my personalized palette

Want to see these colors on you? What Colors Look Good on Me — free to try.

Frequently Asked Questions About Skin Tone Color Chart

What is a skin tone color chart?

A skin tone color chart is a visual reference for comparing complexion depth and undertone. It can help you organize fair, light, medium, tan, and deep depth alongside warm, cool, neutral, and olive qualities, but it cannot choose an exact foundation or season by itself.

What is the difference between skin tone and undertone?

Skin tone usually describes the visible surface depth of your complexion, while undertone describes the warmer, cooler, neutral, or olive quality beneath it. Your surface can change with sun and lighting; undertone is generally more consistent but still needs comparison in good light.

How do I know if my undertone is warm, cool, neutral, or olive?

Compare warm and cool fabric pairs beside your bare face in indirect daylight. Warm undertones often harmonize with cream and peach, cool undertones with soft white and raspberry, neutral undertones with balanced versions of both, and olive undertones with complex muted greens, blue-greens, and earthy colors.

Can my skin tone change over time?

Your visible depth can look lighter or deeper after sun exposure, seasonal changes, or different lighting. That is why you should retest the surface color of makeup or clothing in current daylight, while treating undertone and seasonal analysis as separate questions.

Does skin depth determine my color season?

No. Skin depth is one dimension. A seasonal result also considers undertone, value, chroma, and overall contrast, so fair, medium, tan, and deep complexions can appear in several seasons.

Are online skin tone charts accurate?

Online charts are useful for narrowing your starting point, not for exact color matching. Camera exposure, white balance, screen settings, makeup, and indoor bulbs can change what you see. Confirm any chart suggestion with fabric or clothing in indirect natural light.