Color Palette

Primary Colors

Our brand colors are a fundamental part of our visual identity. They help distinguish UC Irvine and ensure a consistent brand presence. Download our color palette to access accurate color swatches.

Primary Colors

UCI Blue: Our dominant color, representing trust, loyalty, and academic excellence.

UCI Gold: A strong color symbolizing optimism, achievement, and our bright future.

Usage Guidelines

Balance: Use UCI Blue as the primary color in your designs, with UCI Gold serving as a complement. This balance should maintain the professional and optimistic tone of the university’s brand.

Contrast: Ensure there is enough contrast between UCI Blue and UCI Gold to maintain readability and visual impact.

Consistency: Use the official color codes for UCI Blue and UCI Gold in all print and digital materials. Consistency is key to reinforcing our brand identity.

UCI Blue

  • PMS 7685
  • CMYK 93/73/11/1
  • RGB 37/87/153
  • HEX #255799

UCI Gold

  • PMS 116
  • CMYK 0/19/100/0
  • RGB 254/204/7
  • HEX #fecc07

Secondary Colors

Our secondary colors complement our primary colors adding depth and versatility to our brand palette. These colors can be used to create a wider range of visual expressions, while still maintaining a cohesive and recognizable brand identity.

Usage Guidelines

Pairing Requirement: Secondary colors cannot be used alone; they must be paired with at least one primary color (UCI Blue or UCI Gold).

Emulate Brand Feel: When using secondary colors, ensure they maintain the overall look and feel of the brand as established by the primary palette.

Hierarchy: Secondary colors should not overpower primary colors but serve as a complementary element.

Text and Headlines: Secondary colors may be used for text and headlines when paired with primary colors.

Secondary colors are recommended for background patterns and design elements. Secondary colors can also be effectively used in typography, such as for headlines or supporting text, when paired with primary colors. This combination allows for a more visually interesting and balanced design.

Darkest Blue

  • PMS 289
  • CMYK 100/86/43/48
  • RGB 0/34/68
  • HEX #002244

Dark Blue

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

Teal Blue

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

Turquoise

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

Orange

  • PMS 715
  • CMYK 0/54/93/0
  • RGB 247/141/45
  • HEX #f78d2d

Gold

  • PMS 130
  • CMYK 3/38/100/0
  • RGB 240/171/0
  • HEX #f0ab00

Dark Gray

  • PMS 425
  • CMYK 65/56/53/29
  • RGB 85/87/89
  • HEX #555759

Light Gray

  • PMS 400
  • CMYK 23/21/26/0
  • RGB 197/190/181
  • HEX #c6beb5

Accent Colors

Express the personality and unique character of the brand by adding a dynamic element to the design. Accent colors increase the versatility of the brand while creating consistency when using color guidelines below. Accent colors are intended to be used as backgrounds and supporting elements to design and must be used only in support of primary and secondary colors.

Usage Guidelines

Supportive Role: Accent colors cannot be the dominant color in any design or used alone.

Pairing Requirement: Must be used in conjunction with primary (and optionally secondary) colors to enhance the design.

Hierarchy: Accent colors should be used sparingly and never overshadow primary or secondary colors.

Text and Headlines: Accent colors may be used for emphasis in text and headlines but should not dominate the design.

Design Tool Tip:

  • Primary Only: Always allowed and preferred.
  • Primary + Secondary: Always approved together.
  • Primary + Secondary + Accent: Always approved when used in this hierarchy.

Athletics Gold

  • PMS 123
  • CMYK 0/19/89/0
  • RGB 248/207/86
  • HEX #f8cf56

Light Yellow

  • PMS 100
  • CMYK 5/1/76/0
  • RGB 247/235/95
  • HEX #f7eb5f

Green

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

Lime Green

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

Royal Blue

  • PMS 285
  • CMYK 100/45/0/19
  • RGB 0/114/206
  • HEX #00639e

Light Blue

  • PMS 549
  • CMYK 60/24/21/0
  • RGB 106/162/184
  • HEX #6aa2b8

Bright Purple

  • PMS 2602
  • CMYK 65/100/0/0
  • RGB 124/16/154
  • HEX #7c109a

Magenta

  • PMS 674
  • CMYK 13/90/0/0
  • RGB 212/98/173
  • HEX #d462ad
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.