Tree Hugger Analogous Color Scheme

Five colors arranged by the analogous rule around Tree Hugger (#79774A), each snapped to its nearest named color.

#784848

#7C5F4A

#79774A

#627948

#4C7C4B

Color names and codes

Name	HEX	RGB	HSL	CMYK
Cocobolo	`#784848`	120, 72, 72	0°, 25%, 38%	0, 40, 40, 53
Rich Walnut	`#7C5F4A`	124, 95, 74	25°, 25%, 39%	0, 23, 40, 51
Tree Hugger	`#79774A`	121, 119, 74	57°, 24%, 38%	0, 2, 39, 53
Mown Grass	`#627948`	98, 121, 72	88°, 25%, 38%	19, 0, 40, 53
Melbourne	`#4C7C4B`	76, 124, 75	119°, 25%, 39%	39, 0, 40, 51

Which pairs work for text

Text on background	Contrast	WCAG
Aa #784848 on #79774A	1.61:1	—
Aa #784848 on #627948	1.54:1	—
Aa #784848 on #4C7C4B	1.52:1	—
Aa #784848 on #7C5F4A	1.27:1	—
Aa #7C5F4A on #79774A	1.27:1	—
Aa #7C5F4A on #627948	1.21:1	—

CSS variables

:root {
  --color-1: #784848; /* Cocobolo */
  --color-2: #7c5f4a; /* Rich Walnut */
  --color-3: #79774a; /* Tree Hugger */
  --color-4: #627948; /* Mown Grass */
  --color-5: #4c7c4b; /* Melbourne */
}

Other schemes from Tree Hugger

More Dark Yellow analogous palettes

Questions

What colors go with Tree Hugger?

In a analogous scheme: Cocobolo (#784848), Rich Walnut (#7C5F4A), Mown Grass (#627948), Melbourne (#4C7C4B).

What is the hex code of Tree Hugger?

#79774A.