DesignPLUS Theme Colors

Institutional Colors

Colors added into the following inputs will give a preview and allow you to select them to build out the CSS variables.

Next to each preview is a numbered button that corresponds with the different color variables you can set. Visit our Customizing the Theme Colors page for an explanation and examples of the variables.

Official Colors:

Accent Colors:

Other Colors:

Additional Colors:

Color Inputs

1 Primary: WCAG

Primary Contrast: WCAG

2 Primary Dark Text: WCAG

3 Secondary: WCAG

Secondary Contrast: WCAG

4 Secondary Dark Text: WCAG

5 Accent: WCAG

Accent Contrast: WCAG

6 Accent Dark Text: WCAG

7 Gray: WCAG

Gray Contrast: WCAG

8 Gray Dark Text: WCAG

9 White: WCAG

White Contrast: WCAG

10 White Dark Text: WCAG

Theme Branding Variables

Copy and paste the following into your existing CSS file or download a new file to override at a sub-account level.

Theme CSS Variables: Download CSS

Pull Colors from an Image

Use this section if you need to pull colors from an image.

Colors From Image: