Grasshopper Triadic Color Scheme

Five colors arranged by the triadic rule around Grasshopper (#77824A), each snapped to its nearest named color.

#77824A

#447382

#824E78

#A2B37A

#2F484E

Color names and codes

Name	HEX	RGB	HSL	CMYK	OKLCH
Grasshopper	`#77824A`	119, 130, 74	72°, 27%, 40%	8, 0, 43, 49	58.4% 0.080 118
Wild River	`#447382`	68, 115, 130	195°, 31%, 39%	48, 12, 0, 49	52.8% 0.056 220
Graphic Grape	`#824E78`	130, 78, 120	312°, 25%, 41%	0, 40, 8, 49	49.8% 0.091 334
Serpentine	`#A2B37A`	162, 179, 122	78°, 27%, 59%	9, 0, 32, 30	73.9% 0.080 122
Dad’s Coupe	`#2F484E`	47, 72, 78	192°, 25%, 25%	40, 8, 0, 69	38.4% 0.032 214

Which pairs work for text

Text on background	Contrast	WCAG
Aa #A2B37A on #2F484E	4.29:1	AA large
Aa #824E78 on #A2B37A	2.80:1	—
Aa #77824A on #2F484E	2.35:1	—
Aa #447382 on #A2B37A	2.30:1	—
Aa #447382 on #2F484E	1.86:1	—
Aa #77824A on #A2B37A	1.83:1	—

CSS variables

:root {
  --color-1: #77824a; /* Grasshopper */
  --color-2: #447382; /* Wild River */
  --color-3: #824e78; /* Graphic Grape */
  --color-4: #a2b37a; /* Serpentine */
  --color-5: #2f484e; /* Dad’s Coupe */
}

Other schemes from Grasshopper

More medium green triadic color schemes

Questions

What colors go with Grasshopper?

In a triadic scheme: Wild River (#447382), Graphic Grape (#824E78), Serpentine (#A2B37A), Dad’s Coupe (#2F484E).

What is the hex code of Grasshopper?

#77824A.