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.