Style Guide

New UCLA Color Palette

Primary Color

The primary color of the UCLA brand remains unchanged. UCLA Blue is our most significant visual identifier. Class name can be changed from sass value by dropping the $. To make it a background color use: background-classsname

UCLA Blue $uclablue

Secondary Colors

A secondary palette, including the existing UCLA Gold, has been developed to respect and complement the tradition of blue and gold while adding an additional level of brightness to the palette.

UCLA Gold $uclagold
Yellow $uclayellow
Dark Blue $ucladarkblue
Lite Blue $uclaliteblue

Tertiary Colors

A tertiary palette has been developed to add a sense of forward-thinking energy and vibrancy to the brand. When used as an accent to the primary and secondary colors, the concept of optimism and limitless opportunity is fully brought to life.

PLEASE NOTE: In order to maintain maximum vibrancy to these colors, they will appear slightly different between screen and print. Due to printing limitations, the CMYK values are slightly duller than ideal. If your budget allows, select one tertiary color from the palette to include in your project and print it as a spot to bring the vibrancy fully to life in print.

Yellow Neon$uclayellowneon
Green Neon $uclagreenneon
Pink Neon $uclapinkneon
Lite Blue Neon $uclaliteblueneon
Purple Neon $uclapurpleneon