Protoss Tetradic Color Scheme

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

#E0C778

#7BE892

#6495ED

#E56CC0

#F2E8CC

Color names and codes

Name	HEX	RGB	HSL	CMYK
Protoss	`#E0C778`	224, 199, 120	46°, 63%, 67%	0, 11, 46, 12
Ragweed	`#7BE892`	123, 232, 146	133°, 70%, 70%	47, 0, 37, 9
Guilliman Blue	`#6495ED`	100, 149, 237	219°, 79%, 66%	58, 37, 0, 7
Explicit Pink	`#E56CC0`	229, 108, 192	318°, 70%, 66%	0, 53, 16, 10
Sphere	`#F2E8CC`	242, 232, 204	44°, 59%, 87%	0, 4, 16, 5

Which pairs work for text

Text on background	Contrast	WCAG
Aa #6495ED on #F2E8CC	2.43:1	—
Aa #E56CC0 on #F2E8CC	2.38:1	—
Aa #7BE892 on #6495ED	1.95:1	—
Aa #7BE892 on #E56CC0	1.91:1	—
Aa #E0C778 on #6495ED	1.79:1	—
Aa #E0C778 on #E56CC0	1.74:1	—

CSS variables

:root {
  --color-1: #e0c778; /* Protoss */
  --color-2: #7be892; /* Ragweed */
  --color-3: #6495ed; /* Guilliman Blue */
  --color-4: #e56cc0; /* Explicit Pink */
  --color-5: #f2e8cc; /* Sphere */
}

Other schemes from Protoss

More Light Yellow tetradic palettes

Questions

What colors go with Protoss?

In a tetradic scheme: Ragweed (#7BE892), Guilliman Blue (#6495ED), Explicit Pink (#E56CC0), Sphere (#F2E8CC).

What is the hex code of Protoss?

#E0C778.