Color Palette

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. Use the PMS/CMYK values for printed materials 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 – UCI

Colors from the secondary color palette may be used as complements to the primary palette.

To be used in all non-patient-facing material.

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 53/0/96/0
  • RGB 122/184/0
  • HEX #7ab800

Secondary Color Palette – UCI Health

Only to be used in patient-facing material.

Brick Red

  • PMS 201
  • CMYK 7/100/65/32
  • RGB 152/30/50
  • HEX #981e32

Purple

  • PMS 2613
  • CMYK 74/98/2/12
  • RGB 99/29/118
  • HEX #631d76

Teal Blue

  • PMS 7461
  • CMYK 98/24/1/3
  • RGB 0/131/190
  • HEX #0083b3

Green

  • PMS 362
  • CMYK 78/2/98/9
  • RGB 63/165/53
  • HEX #3f9c35

Dark Blue

  • PMS 654
  • CMYK 100/84/31/17
  • RGB 27/61/109
  • HEX #1b3d6d

Tertiary Color Palette – UCI Health

Only to be used in patient-facing material.

Dark Orange

  • PMS 200
  • CMYK 3/100/66/12
  • RGB 183/18/52
  • HEX #b71234

Bright Purple

  • PMS 2602
  • CMYK 68/100/0/0
  • RGB 124/16/154
  • HEX #631d76

Turquoise

  • PMS 3125
  • CMYK 89/0/20/0
  • RGB 0/176/202
  • HEX #00b0ca

Lime Green

  • PMS 375
  • CMYK 53/0/96/0
  • RGB 122/184/0
  • HEX #7ab800

Yellow

  • PMS 116
  • CMYK 0/12/100/0
  • RGB 254/203/0
  • HEX #fecb00
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. 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.
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.

Web Accessibility

When the colors from the primary, secondary or tertiary palettes 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.