Web & Digital
Color Palette

The WGU web and digital color palette has been designed to strengthen the brand across a wide array of communication mediums. It offers a variety of bold, flexible options for communicating the WGU message. The colors used in WGU brand communications should be reproduced according to the print and web specifications given here and should not be altered in any way. Do not tint the color palette colors or change color opacity/transparency.

USE OF COLOR

Primary Colors

WGU Blue is the priority, core color of our brand and should always appear on designed assets as a unifying factor. Primary colors must be complemented with a neutral, accent, or both. Usage encompasses a wide range of visual elements.

Midnight

Primary 
Color

Hex: 001731

RGB (0, 23, 49)

Blue Midnight

Primary
 Color

Hex: 002855

RGB (0, 40, 85)

Neutral Colors

Neutral colors serve to complement primary and accent colors, bringing balance to any visual asset. Neutrals break up space and are ideal for text-heavy backgrounds and other graphic elements.

Light Blue

Neutral 
Color

Hex: EEF6F9

RGB (238, 246, 249)

Light Grey

Neutral 
Color

Hex: F1F1F1

RGB (241, 241, 241)

Grey

Neutral 
Color

Hex: A7A7A7

RGB (167, 167, 167)

Accent Colors

Accent colors should always be used alongside the primary WGU Blue. Accent use should be focused on illustrations, icons, data visualization, and graphic elements.

Medium Blue

Accent 
Color

Hex: 0070F0

RGB (0, 112, 240)

Sky Blue

Accent 
Color

Hex: 46B1EF

RGB (70, 177, 239)

Lime Green

Accent 
Color

Hex: 97E152


RGB (151, 225, 82)

Midnight Gradient

Hex: 001731 | 002855

The Midnight gradient is used the same way as the solid Midnight color—with images and white text overlaid. One example is a webpage footer. This gradient is for website use only.

Medium Blue Gradient

Hex: 002855 | 0070F0

The Medium Blue gradient is often used for CTA components and quotes. For example, a home page banner that says "Ready to start your WGU journey?" with an "Apply Now" button. This gradient is for website use only.

color combinations

When combining colors, the following rules apply:

  • Utilize WGU Blue on designs.

  • Use the proper HEX codes when using this palette. Do not eyeball or guess at a specific color.
  • Use high contrast colors for text or buttons. Text must be legible and WCAG compliant.

HEADLINE

New Paragraph

HEADLINE

New Paragraph

Improper color combinations

The following combinations of background and text colors SHOULD NOT be used:

Grey Text

Light Grey Text

Blue Midnight Text

Grey Text

Light Grey Text

Midnight Text

Grey Text

Light Grey Text

WhiTE Text

Light Blue Background

Light Grey Text

Light Blue Text

WHITE Text

White Background

Grey Text

Sky Blue Text

Lime Green Text

Blue MIDNIGHT Text

Grey Text

Light Grey Text

Medium Blue Text

Sky Blue Text

Lime Green Background

LIGHT GREY TEXT

Sky BLUE Text

MEDIUM BLUE Text

LIME GREEN Text

Grey Background

Grey Text

WHITE TEXT

LIGHT BLUE Text

LIGHT GREY TEXT

Light Grey Background