PRIMARY COLOR PALETTE
Our primary color palette consists of two colors plus black and white and should be used on all design and marketing materials, both internally and externally.
Note: PMS colors are purposefully different from their corresponding HEX values for quality purposes. Please use the PMS/CMYK values for print-quality projects and use the RGB/HEX values for any digital projects.
UCI BLUE / PMS 7685
CMYK 93/73/11/1
RGB 0/100/164
HEX #0064A4
UCI GOLD / PMS 109
CMYK 0/16/100/0
RGB 255/210/0
HEX # FFD200
SECONDARY COLOR PALETTE
Colors from the secondary color palette may be used as complements to the primary palette.
LIGHT BLUE / PMS 549
CMYK 60/24/21/0
RGB 106/162/184
HEX #6AA2B8
LIGHT GRAY / PMS 400
CMYK 23/21/26/0
RGB 197/190/181
HEX #C6BEB5
DARK BLUE / PMS 654
CMYK 100/84/31/17
RGB 27/61/109
HEX #1B3D6D
ORANGE / PMS 715
CMYK 0/54/93/0
RGB 247/141/45
HEX #F78D2D
LIGHT YELLOW / PMS 100
CMYK 5/1/76/0
RGB 247/235/95
HEX #F7EB5F
DARK GRAY / PMS 425
CMYK 65/56/53/29
RGB 85/87/89
HEX #555759
LIME GREEN / PMS 375
CMYK 47/0/100/0
RGB 149/201/61
HEX #94C83D
CMYK (Cyan Magenta, Yellow, Black) – also referred to as “process colors,” the method by which images are printed using cyan, magenta, yellow and black. The specific numeric values refer to the percentages of each of the four process colors.
Pantone®– the proprietary color matching system used in printing to create inks and maintain color integrity; the PMS numbers refer to the Pantone® Matching System.
RGB (Red, Green, Blue) – the method by which video monitors and projectors display color; the numeric values listed in to the amount or intensity of red, green and blue in each of the colors.
PANTONE® is a registered trademark of Pantone, Inc. The colors shown here are not intended to match the PANTONE® Color Standard. See current edition of the PANTONE® Color Formula Guide for accurate color standards.
Web Accessibility
When the colors from the primary or secondary palette are used on the Web as background or foreground (text) colors, sufficient contrast between the foreground and background colors must be present. This may require additional lightening or darkening of your selected color. To check for sufficient contrast, use the WebAIM Color Contrast Checker.
