Ä¢¹½´«Ã½

MyÄ¢¹½´«Ã½ colors

Starting in 2011 for its 50th anniversary, Ä¢¹½´«Ã½ began updating its visual identity. Turquoise and sapphire are the new signature colors, with other accent colors used where needed. In February 2016, the Web Team updated the main Ä¢¹½´«Ã½ website to use this new visual identity. In June 2016, MyÄ¢¹½´«Ã½ followed with an update of its own.

Jump to a component:

Primary colors

See Ä¢¹½´«Ã½’s primary colors.

Accent colors

Accent colors in MyÄ¢¹½´«Ã½ are most often used in icons or for the background of alert messages. The main Ä¢¹½´«Ã½ website uses different accent colors, mostly in callouts.

How to use for Accent colors

Add in the HTML or CSS (see “development info�).

Development info for Accent colors

Stylesheet location: /pcc/styles/helpers/_variables.scss

Use the HEX in HTML. See in CSS.

Example of Accent colors

Emerald

$green, #16a67d, rgb(22, 166, 125)

Ruby

no variable, #e0563f, rgb(158, 12, 15)

Gold

no variable, #ffd13e, rgb(255, 209, 62)

Rose quartz

no variable, #fddbda, rgb(253, 219, 218)

Supporting colors

See Ä¢¹½´«Ã½’s supporting colors.