Skin Tone Colors
A broad, warm mid-lightness range used for illustration and inclusive design — from pale peach to deep umber.
skinwarminclusive25 colors
Anchor: Warm Beige #E9DCC9
hue 36° · HSL(42%, 85%) · best text on it: #000000 (15.6:1)
All skin tone colors
Warm Beige
#E9DCC9
hsl(36, 42%, 85%) · rgb(233, 220, 201)
Khaki
#C3B091
hsl(37, 29%, 67%) · rgb(195, 176, 145)
Tan
#D2B48C
hsl(34, 44%, 69%) · rgb(210, 180, 140)
Camel
#C19A6B
hsl(33, 41%, 59%) · rgb(193, 154, 107)
Caramel
#C68E4E
hsl(32, 51%, 54%) · rgb(198, 142, 78)
Terracotta
#C96F4A
hsl(17, 54%, 54%) · rgb(201, 111, 74)
Burlywood
#DEB887
hsl(34, 57%, 70%) · rgb(222, 184, 135)
Peru
#CD853F
hsl(30, 59%, 53%) · rgb(205, 133, 63)
Dust
#B2996E
hsl(38, 31%, 56%) · rgb(178, 153, 110)
Pinkish Tan
#D99B82
hsl(17, 53%, 68%) · rgb(217, 155, 130)
Very Light Brown
#D3B683
hsl(38, 48%, 67%) · rgb(211, 182, 131)
Toupe
#C7AC7D
hsl(38, 40%, 64%) · rgb(199, 172, 125)
Sand Brown
#CBA560
hsl(39, 51%, 59%) · rgb(203, 165, 96)
Terracota
#CB6843
hsl(16, 57%, 53%) · rgb(203, 104, 67)
Mushroom
#BA9E88
hsl(26, 27%, 63%) · rgb(186, 158, 136)
Putty
#BEAE8A
hsl(42, 29%, 64%) · rgb(190, 174, 138)
Fawn
#CFAF7B
hsl(37, 47%, 65%) · rgb(207, 175, 123)
Sandy Brown
#C4A661
hsl(42, 46%, 57%) · rgb(196, 166, 97)
Sandstone
#C9AE74
hsl(41, 44%, 62%) · rgb(201, 174, 116)
Camel (survey)
#C69F59
hsl(39, 49%, 56%) · rgb(198, 159, 89)
Pale Brown
#B1916E
hsl(31, 30%, 56%) · rgb(177, 145, 110)
Dark Beige
#AC9362
hsl(40, 31%, 53%) · rgb(172, 147, 98)
Terracotta (survey)
#CA6641
hsl(16, 56%, 52%) · rgb(202, 102, 65)
Taupe (survey)
#B9A281
hsl(35, 29%, 62%) · rgb(185, 162, 129)
Tan (survey)
#D1B26F
hsl(41, 52%, 63%) · rgb(209, 178, 111)
Explore more
Pastel Colors
Dark Colors
Muted Colors
Vibrant Colors
Warm Gray Colors
Cool Gray Colors
Cream Colors
Off White Colors
Membership thresholds are defined in src/lib/color/collections.ts and verified by unit tests. Under deuteranopia this collection shifts to #E5DFC9 for its anchor.