Color

Keeping our colors consistent is crucial in maintaining the integrity of our brand. This means that every web page, social graphic, and print material should abide by our color hierarchy. If you're unsure which color to use, ask someone on the design team.

For print materials, please use the provided PMS colors.

Primary Colors

Copied! Copy Hex Code GLO Navy

Copied! Copy Hex Code White

Copied! Copy Hex Code Copy Gray

Copied! Copy Hex Code GLO Pink

GLO Navy & White

GLO Navy and White are our primary brand colors. GLOMADO is an open, airy, and bright brand. As such, white is our primary background color with GLO Navy used for main headings. If you need to use a dark background, you can use GLO Navy with white text. However, dark backgrounds should not be used unless necessary for a specific design.

Copy Gray

Copy Gray should be used predominantly for body copy text.

GLO Pink

GLO Pink is a beautiful, vibrant pink. It "pops" alongside our primary white background and GLO Navy headings, which is why it is used as our primary button color. GLO Pink should only be used as a Call to Action. Occasionally, it can be used as an accent color, but only sparingly — GLO Teal, GLO Green, and GLO Blue should be used as accent colors first.

Full Color Palette

Some colors below feature a dark and light variation. These variations are primarily for web use, such as when you hover over a button or text link.

Copied! Copy Hex Code

GLO Navy - Dark

HEX:

SCSS: $color-primary-d

PMS: Not for print

Copied! Copy Hex Code

GLO Navy

HEX:

SCSS: $color-primary

PMS: Pantone 282 U

Copied! Copy Hex Code

GLO Navy - Light

HEX:

SCSS: $color-primary-l

PMS: Not for print

Brand Accent Colors

Copied! Copy Hex Code

GLO Pink

HEX:

SCSS: $accent-pink

PMS: Pantone Strong Red U

Copied! Copy Hex Code

GLO Blue

HEX:

SCSS: $accent-blue

PMS: Pantone 2935 U

Copied! Copy Hex Code

GLO Teal

HEX:

SCSS: $accent-teal

PMS: Pantone 7466 U

Copied! Copy Hex Code

GLO Green

HEX:

SCSS: $accent-green

PMS: Pantone 381 U

Additional Colors (mostly for web use)

Copied! Copy Hex Code

White

HEX:

SCSS: N/A

PMS: N/A

Copied! Copy Hex Code

Light Gray

HEX:

SCSS: $color-bg-light

PMS: Not for print

Copied! Copy Hex Code

Copy Gray

HEX:

SCSS: $color-tx

PMS: Pantone 431 C

Copied! Copy Hex Code

Accent Gray

HEX:

SCSS: $color-bdr

PMS: Not for print