MyPCC colors
Starting in 2011 for its 50th anniversary, PCC 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 PCC website to use this new visual identity. In June 2016, MyPCC followed with an update of its own.
Jump to a component:
Primary colors
See PCC’s primary colors.
Accent colors
Accent colors in MyPCC are most often used in icons or for the background of alert messages. The main PCC 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 how to use Sass variables 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 PCC’s supporting colors.