Iconic primary

Our colors—black, white, and red—are intended to be used in a specific hierarchy. 


Red should be used to reinforce the Northeastern brand and should be incorporated into every piece of collateral.

Supporting and prestige colors

Supporting colors: Try using NU Canvas and NU Cool Black instead of pure white and black for a more comfortable feel with less visual vibration.

Prestige colors: NU Bold Gold and NU Light Gold are reserved for special use and should be just 5% of the overall design where used. It is best used in metallic shades in physical formats. (Mostly for the Office of the President)

Digital applications

Supporting colors: Try using NU Canvas and NU Cool Black instead of pure white and black for a more comfortable feel with less visual vibration.

Prestige colors: NU Bold Gold and NU Light Gold are reserved for special use and should be just 5% of the overall design where used. It is best used in metallic shades in physical formats. (Mostly for the Office of the President)


Accessibility

All branded activations – including both digital and print – should meet WCAG 2.1 AA accessibility standards at a minimum. See Color ratios below to see contrast standards for our brand colors.

For training and access to accessibility information specific to WordPress, please visit Accessibility at Northeastern.


Color ratios

Ensure sufficient color contrast between text and backgrounds-a minimum ratio of 4.5:1 for body text and 3:1 for large text (at least 18 pt / 24 pt or bold and at least 14 pt / 18.5 pt).

User interface components (including focus indication and boundaries) and graphic objects should have a minimum ration of 3:1.

Use the chart below to check contrast for our brand colors. For other colors, use this free tool to ensure you meet minimum requirements. Do not use AI tools to check contrast as these may not capture colors accurately.

Hex codes for our brand colors are:
Black | 000000
White | FFFFFF
Red | C8012E
Gold | A4804A

Color combinationPreviewRatioAA PassAAA Pass
Black on white21:1Regular text
Large text
UI and graphics
Regular text
Large text
White on black21:1Regular text
Large text
UI and graphics
Regular text
Large text
Red on white5.9:1Regular text
Large text
UI and graphics
Large text
White on red5.9:1Regular text
Large text
UI and graphics
Large text
Black on gold5.8:1Regular text
Large text
UI and graphics
Large text
Gold on black5.8:1Regular text
Large text
UI and graphics
Large text
Black on red3.6:1Large text
UI and graphics
Fail
Red on black3.6:1Large text
UI and graphics
Fail
Gold on white3.6:1Large text
UI and graphics
Fail
White on gold3.6:1Large text
UI and graphics
Fail
Gold on red1.6:1Fail Fail
Red on gold1.6:1FailFail