Skin Tones and Inclusive Color

Most colors in this library are abstract - a wavelength, a swatch, a coordinate. Skin color is not. It is attached to people, to identity and representation, and it carries a long history of being handled badly by technology. A camera that "can't see" a dark face, a foundation range that stops at medium, a hand-tracking sensor that ignores some users - these are color failures with real human cost.

The good news is that skin color is also tractable. It arises from a small set of pigments, it can be measured with a single well-chosen number, and the design practices that include every tone are concrete and learnable. This article walks the chain from biology to measurement to design - and the demos let you build skin tones, classify them, and watch how light changes them.

Skin gets its color from three pigments and a lot of scattering. Melanin - made by melanocytes in the epidermis - is the dominant one: more melanin makes skin deeper and shifts it toward brown. It comes in two forms, brown-black eumelanin and reddish pheomelanin. Beneath it, hemoglobin in the blood adds red and pink, which is why skin flushes or pales with blood flow. A little carotene contributes yellow. Because all of this sits in translucent, layered tissue, the result is a soft, continuous tone rather than a flat paint chip. Mix the pigments yourself.

For decades the default reference was the Fitzpatrick scale (1975) - six types, I through VI. But Fitzpatrick was built by a dermatologist to predict sunburn and UV response, not to represent appearance, and its six steps crowd light skin while lumping a vast range of darker tones into the last one or two types. Tech teams adopted it anyway, and inclusivity suffered.

The modern answer is the Monk Skin Tone (MST) scale, developed by sociologist Dr. Ellis Monk and released openly in 2023. Its 10 tones are spaced to be more representative across the real human range, and it has been adopted for testing search results, cameras, and AR. More steps, better spacing - a reference that includes more people. Step through it.

Scales are useful for communication, but research and cosmetics need a number. The standard is the Individual Typology Angle (ITA), computed from CIELAB: ITA = arctan((L* − 50) / b*) × 180/π. It collapses skin color into one angle - high and positive for very light skin, sweeping down through intermediate and tan, to low and negative for deep skin. Because it lives in a perceptual, device-independent space, two labs measuring the same arm get the same number. Move a sample through Lab space and watch its ITA and class.

Skin tone is never seen in isolation - it is seen under a light, through a sensor, on a display. Each link can distort it. The most notorious example is the Shirley card: for decades, photo labs calibrated film and prints using reference cards of a light-skinned woman, so emulsions and processing were literally tuned for light skin and rendered darker skin poorly. Auto white balance, exposure metering, and compression have all carried similar biases. Change the light and watch the same skin shift.

Inclusive skin-tone work shows up across product design. The common thread is simple: test and represent across the whole range, not just the middle of it.

A handful of habits keep skin-tone work respectful, accurate, and genuinely inclusive.

Six questions on skin pigments, the Fitzpatrick and Monk scales, ITA, and inclusive design. Instant feedback, no scores recorded - a wrong answer comes with a short explanation.

Skin tone ties together how light is colored, how cameras record it, how the eye stabilizes it, and how we design for everyone.