Portland Community College | Portland, Oregon Portland Community College

Color

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.

Development info

  • Stylesheet location: /source-v6/styles/base/_variables.scss

Primary colors

Turquoise

$teal, #008099, rgb(0, 128, 153)

Turquoise text on a white background isn’t accessible – use #00819c or dark turquoise instead.

Sapphire

$blue, #263c53, rgb(38, 60, 83)

Accent colors

Emerald

$green, #1c8464, rgb(26, 132, 100)

Amber

$orange, #c7502a, rgb(199, 80, 78)

Amethyst

$purple, #70485b, rgb(112, 72, 91)

Ruby

$red, #9e0c0f, rgb(158, 12, 15)

Supporting colors

Light gray

$light-gray, #e9e9e9, rgb(233, 233, 233)

Dark gray

$dark-gray, #333333, rgb(51, 51, 51)

Medium gray

$medium-gray, #c1c1c1, rgb(193, 193, 193)

Dark turquoise

$dark-teal, #00667a, rgb(0, 102, 122)