Primavera Tetradic Color Scheme

Five colors arranged by the tetradic rule around Primavera (#6FA77A), each snapped to its nearest named color.

#6FA77A

#7181A4

#AC6B98

#A8946B

#ADD0B3

Color names and codes

Name	HEX	RGB	HSL	CMYK
Primavera	`#6FA77A`	111, 167, 122	132°, 24%, 55%	34, 0, 27, 35
English Manor	`#7181A4`	113, 129, 164	221°, 22%, 54%	31, 21, 0, 36
Violetta	`#AC6B98`	172, 107, 152	318°, 28%, 55%	0, 38, 12, 33
Sweet Sparrow	`#A8946B`	168, 148, 107	40°, 26%, 54%	0, 12, 36, 34
Pastel Mint Green	`#ADD0B3`	173, 208, 179	130°, 27%, 75%	17, 0, 14, 18

Which pairs work for text

Text on background	Contrast	WCAG
Aa #AC6B98 on #ADD0B3	2.34:1	—
Aa #7181A4 on #ADD0B3	2.31:1	—
Aa #A8946B on #ADD0B3	1.75:1	—
Aa #6FA77A on #ADD0B3	1.66:1	—
Aa #6FA77A on #AC6B98	1.41:1	—
Aa #6FA77A on #7181A4	1.39:1	—

CSS variables

:root {
  --color-1: #6fa77a; /* Primavera */
  --color-2: #7181a4; /* English Manor */
  --color-3: #ac6b98; /* Violetta */
  --color-4: #a8946b; /* Sweet Sparrow */
  --color-5: #add0b3; /* Pastel Mint Green */
}

Other schemes from Primavera

More Medium Green tetradic palettes

Questions

What colors go with Primavera?

In a tetradic scheme: English Manor (#7181A4), Violetta (#AC6B98), Sweet Sparrow (#A8946B), Pastel Mint Green (#ADD0B3).

What is the hex code of Primavera?

#6FA77A.