Earth Tone Colors
Soil, clay, sand and bark — warm natural browns and ochres. Earth tones ground organic, outdoor and craft brands.
earthynaturalwarm59 colors
Anchor: Terracotta #C96F4A
hue 17° · HSL(54%, 54%) · best text on it: #000000 (5.9:1)
All earth tone colors
Camel
#C19A6B
hsl(33, 41%, 59%) · rgb(193, 154, 107)
Caramel
#C68E4E
hsl(32, 51%, 54%) · rgb(198, 142, 78)
Copper
#B87333
hsl(29, 57%, 46%) · rgb(184, 115, 51)
Bronze
#CD7F32
hsl(30, 61%, 50%) · rgb(205, 127, 50)
Terracotta
#C96F4A
hsl(17, 54%, 54%) · rgb(201, 111, 74)
Clay
#B66A50
hsl(15, 41%, 51%) · rgb(182, 106, 80)
Adobe
#BD6C48
hsl(18, 47%, 51%) · rgb(189, 108, 72)
Sienna
#A0522D
hsl(19, 56%, 40%) · rgb(160, 82, 45)
Espresso
#4B382A
hsl(25, 28%, 23%) · rgb(75, 56, 42)
Walnut
#5C4A3D
hsl(25, 20%, 30%) · rgb(92, 74, 61)
Mustard
#DBB42C
hsl(47, 71%, 52%) · rgb(219, 180, 44)
Chocolate (CSS)
#D2691E
hsl(25, 75%, 47%) · rgb(210, 105, 30)
Goldenrod
#DAA520
hsl(43, 74%, 49%) · rgb(218, 165, 32)
Peru
#CD853F
hsl(30, 59%, 53%) · rgb(205, 133, 63)
Saddlebrown
#8B4513
hsl(25, 76%, 31%) · rgb(139, 69, 19)
Dust
#B2996E
hsl(38, 31%, 56%) · rgb(178, 153, 110)
Bland
#AFA88B
hsl(48, 18%, 62%) · rgb(175, 168, 139)
Desert
#CCAD60
hsl(43, 51%, 59%) · rgb(204, 173, 96)
Cocoa
#875F42
hsl(25, 34%, 39%) · rgb(135, 95, 66)
Sand Brown
#CBA560
hsl(39, 51%, 59%) · rgb(203, 165, 96)
Terracota
#CB6843
hsl(16, 57%, 53%) · rgb(203, 104, 67)
Leather
#AC7434
hsl(32, 54%, 44%) · rgb(172, 116, 52)
Hazel
#8E7618
hsl(48, 71%, 33%) · rgb(142, 118, 24)
Dark Taupe
#7F684E
hsl(32, 24%, 40%) · rgb(127, 104, 78)
Clay Brown
#B2713D
hsl(27, 49%, 47%) · rgb(178, 113, 61)
Tan Brown
#AB7E4C
hsl(32, 38%, 48%) · rgb(171, 126, 76)
Dark Sand
#A88F59
hsl(41, 31%, 50%) · rgb(168, 143, 89)
Dull Brown
#876E4B
hsl(35, 29%, 41%) · rgb(135, 110, 75)
Stone (survey)
#ADA587
hsl(47, 19%, 60%) · rgb(173, 165, 135)
Earth
#A2653E
hsl(23, 45%, 44%) · rgb(162, 101, 62)
Milk Chocolate
#7F4E1E
hsl(30, 62%, 31%) · rgb(127, 78, 30)
Sandy Brown
#C4A661
hsl(42, 46%, 57%) · rgb(196, 166, 97)
Dirt Brown
#836539
hsl(36, 39%, 37%) · rgb(131, 101, 57)
Copper (survey)
#B66325
hsl(26, 66%, 43%) · rgb(182, 99, 37)
Medium Brown
#7F5112
hsl(35, 75%, 28%) · rgb(127, 81, 18)
Dark Khaki
#9B8F55
hsl(50, 29%, 47%) · rgb(155, 143, 85)
Mud Brown
#60460F
hsl(41, 73%, 22%) · rgb(96, 70, 15)
Camel (survey)
#C69F59
hsl(39, 49%, 56%) · rgb(198, 159, 89)
Sepia
#985E2B
hsl(28, 56%, 38%) · rgb(152, 94, 43)
Coffee
#A6814C
hsl(35, 37%, 47%) · rgb(166, 129, 76)
Mocha
#9D7651
hsl(29, 32%, 47%) · rgb(157, 118, 81)
Greyish Brown
#7A6A4F
hsl(38, 21%, 39%) · rgb(122, 106, 79)
Dirt
#8A6E45
hsl(36, 33%, 41%) · rgb(138, 110, 69)
Dull Orange
#D8863B
hsl(29, 67%, 54%) · rgb(216, 134, 59)
Grey Brown
#7F7053
hsl(40, 21%, 41%) · rgb(127, 112, 83)
Terra Cotta
#C9643B
hsl(17, 57%, 51%) · rgb(201, 100, 59)
Dark Peach
#DE7E5D
hsl(15, 66%, 62%) · rgb(222, 126, 93)
Mud
#735C12
hsl(46, 73%, 26%) · rgb(115, 92, 18)
Brownish
#9C6D57
hsl(19, 28%, 48%) · rgb(156, 109, 87)
Pale Brown
#B1916E
hsl(31, 30%, 56%) · rgb(177, 145, 110)
Brownish Orange
#CB7723
hsl(30, 71%, 47%) · rgb(203, 119, 35)
Dark Beige
#AC9362
hsl(40, 31%, 53%) · rgb(172, 147, 98)
Greenish Brown
#696112
hsl(54, 71%, 24%) · rgb(105, 97, 18)
Sienna (survey)
#A9561E
hsl(24, 70%, 39%) · rgb(169, 86, 30)
Terracotta (survey)
#CA6641
hsl(16, 56%, 52%) · rgb(202, 102, 65)
Dark Tan
#AF884A
hsl(37, 41%, 49%) · rgb(175, 136, 74)
Puce
#A57E52
hsl(32, 34%, 48%) · rgb(165, 126, 82)
Taupe (survey)
#B9A281
hsl(35, 29%, 62%) · rgb(185, 162, 129)
Light Brown
#AD8150
hsl(32, 37%, 50%) · rgb(173, 129, 80)
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 #9D8F49 for its anchor.