How to use the Skin Tone Palette Generator
- Pick a base tone. The ramp runs from Tone 01 (very light) to Tone 16 (very deep). Click a circle or use the arrow keys. If you already have a color from a reference photo, paste it under Or start from your own color instead — the tool keeps it exactly and reports which undertone it is closest to.
- Set the undertone. Cool leans rosy, Warm leans golden, Olive leans green-gold and slightly muted, Neutral sits between. The whole ramp updates so you can compare.
- Choose the light source. Warm light (sun, a tungsten bulb, a candle) gives golden highlights and pushes shadows toward red-violet. Cool light (open shade, an overcast sky, a north window) gives paler, slightly lilac highlights and warmer shadows.
- Adjust Shading contrast. Around 70% suits soft, flat lighting and cel-shaded styles; 120–140% suits dramatic side light. Watch the sphere and the head update as you drag.
- Take the colors with you. Click any swatch to copy its HEX, use Copy HEX list or Copy CSS variables, or download the swatch card (1600 × 900) or a Pinterest pin (1000 × 1500) with the sphere, the head and every code on it.
Why skin shadows aren’t just a darker base
Skin is translucent. Light goes a little way into it, scatters through tissue and blood, and comes back out tinted. Red light travels farthest before being absorbed, so wherever light grazes the form — along the terminator, at the edge of a nostril, through an ear — skin glows warmer and more saturated than its local color. Painters call this the blood line. Move further into the shadow and that glow fades, and the shadow picks up whatever the surroundings reflect.
That is why “pick the base and drag the brightness slider down” looks dead. Darkening a color in HSB keeps its hue and drains its chroma: the medium base #B88A68 (CIE LCh 61.1 / 28.3 / 62°) taken to 70% brightness becomes #816149: chroma falls from 28.3 to 21.0 while the hue barely moves (62.3° to 62.8°). It reads as dirty. The generator works in CIE LCh — lightness, chroma and hue angle, a space where equal steps look roughly equal — and moves all three. The hue angle runs around the color wheel: about 40° is a brick red, 60° a tan, 90° a mustard yellow and 250° a slate blue.
One base, ten swatches: the numbers
Tone 08 with a neutral undertone under warm light, at 100% contrast:
| Swatch | HEX | Lightness | Chroma | Hue |
|---|---|---|---|---|
| Highlight | #F0D2B6 |
86.0 | 18.8 | 71° |
| Light | #D6A57C |
71.3 | 31.0 | 66° |
| Base | #B88A68 |
61.1 | 28.3 | 62° |
| Midtone | #A77353 |
53.1 | 30.8 | 57° |
| Shadow | #8C5841 |
42.7 | 29.2 | 50° |
| Deep shadow | #693C31 |
30.5 | 24.0 | 40° |
| Reflected light | #9C7047 |
50.8 | 32.1 | 67° |
| Blush | #C96F59 |
56.6 | 43.5 | 40° |
| Lip | #AF5D4B |
48.8 | 40.4 | 39° |
| Vein accent | #6B7C8B |
51.2 | 10.6 | 255° |
Read the hue column top to bottom. The highlight leans toward the yellow of the light (71°), the shadow turns 13° toward red and the deep shadow 23°. Among the shading swatches, chroma is highest in the light, the midtone and the reflected light (31 to 32), not in the base, and the shadow keeps the base’s chroma (29.2 against 28.3) — the opposite of what the brightness slider does. Switch the light to Cool and the highlight drops to chroma 6.1 at 45°, a pale rosy white, while the shadow hue only moves to 56°: under a cool sky, shadows stay comparatively warm.
Undertone and light are two different settings
Undertone belongs to the person. It’s the bias that stays the same whether they stand in sunlight or under office tubes: rosy, golden, olive or neutral. Light belongs to the scene. A warm-undertoned face under a blue evening sky still has golden skin, but its highlights go cool and its shadows go warm. Mixing the two up is the usual reason a portrait looks “off” without anything being obviously wrong. Set the undertone from the subject and the light from your reference or your scene, then let them interact.
The deep end of the ramp needs the same care. Tone 16 has a base of #462C23, lightness 20.9, and its shadow keeps a chroma of 15.5 against the base’s 15.2 while the hue moves from 45° to 36°. Rich, red-brown shadows and a clear reflected light are what keep deep skin luminous; gray shadows are what make it look ashy.
Tips from practice
Never shade skin with black or gray. Black and gray drain chroma along with value, so the shadow turns muddy. If a passage needs to go darker, step down the swatches — midtone, shadow, deep shadow — instead.
Ration the highlight. The brightest swatch belongs on two or three spots: the bridge of the nose, the top of a cheekbone, maybe the lower lip. Spread it around and the face turns plastic. Most of the lit side should be Light and Base.
Keep reflected light inside the shadow family. It should never compete with the lit side. In the table it sits at lightness 50.8, below the midtone’s 53.1. If yours gets brighter than the midtone, the form starts to look lit from two directions.
Blush is a hue shift, not pink paint. On light skin it reads as rose; on deep skin it reads as a warmer, redder brown, like Tone 16’s #521F20. Glaze it over cheeks, nose tip, ears and knuckles with a soft brush at low opacity.
Sample, then simplify. Pull a mid-value skin color from a photo with the Color Picker from Image, paste it as your own color, and let the generator build the rest. A ten-swatch palette is easier to keep consistent across a comic page or a series than colors picked fresh for every panel.