...

For Background Color	Legible Text Color
White Light 200	Black Gray-700 Dark-500 Dark-300 Gray-700 Brand-700 Brand-500 Info-500
Light 500	Black Gray-700 Dark-500 Dark-300 Gray-700 Brand-700 Brand-500* (3:1) for large size only
Dark 500 Dark 400	White Light 300 Light 500 Accent A Accent B Brand 500* (3:1) for large size only
Dark 300	White Light 300 Light 500 Accent A Accent B

On light

...

On Dark

...

Dos and Don’ts

Color combinations to avoid with edX’s brand theme colors applied.

Warning
Do not use white text on Accent A (Isotope Blue)

Tip
You may use black text on Accent A (Isotope Blue).

Image Added

Versions Compared