UC Irvine Brand

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.

Notes

UCI Blue

Our dominant color, representing trust, loyalty, and academic excellence.

UCI Gold

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

Swatches

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

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.

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.

Notes

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.

Swatches

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

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.

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.

Notes

Primary Only

Always allowed and preferred.

Primary + Secondary

Always approved together.

Primary + Secondary + Accent

Always approved when used in this hierarchy.

Swatches

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

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.

Color Models

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.

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.