Tree Hugger Tetradic Color Scheme

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

#79774A

#4C785C

#4C4D78

#784A65

#ADAC7C

Color names and codes

Name	HEX	RGB	HSL	CMYK
Tree Hugger	`#79774A`	121, 119, 74	57°, 24%, 38%	0, 2, 39, 53
Como	`#4C785C`	76, 120, 92	142°, 22%, 38%	37, 0, 23, 53
Skipper Blue	`#4C4D78`	76, 77, 120	239°, 22%, 38%	37, 36, 0, 53
Fig Cluster	`#784A65`	120, 74, 101	325°, 24%, 38%	0, 38, 16, 53
Stuffed Olive	`#ADAC7C`	173, 172, 124	59°, 23%, 58%	0, 1, 28, 32

Which pairs work for text

Text on background	Contrast	WCAG
Aa #4C4D78 on #ADAC7C	3.40:1	AA large
Aa #784A65 on #ADAC7C	3.02:1	AA large
Aa #4C785C on #ADAC7C	2.16:1	—
Aa #79774A on #ADAC7C	1.97:1	—
Aa #79774A on #4C4D78	1.72:1	—
Aa #4C785C on #4C4D78	1.57:1	—

CSS variables

:root {
  --color-1: #79774a; /* Tree Hugger */
  --color-2: #4c785c; /* Como */
  --color-3: #4c4d78; /* Skipper Blue */
  --color-4: #784a65; /* Fig Cluster */
  --color-5: #adac7c; /* Stuffed Olive */
}

Other schemes from Tree Hugger

More Dark Yellow tetradic palettes

Questions

What colors go with Tree Hugger?

In a tetradic scheme: Como (#4C785C), Skipper Blue (#4C4D78), Fig Cluster (#784A65), Stuffed Olive (#ADAC7C).

What is the hex code of Tree Hugger?

#79774A.