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
#3399cc

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
#ffb300
Yellow $uclayellow
#ffe800
Dark Blue $ucladarkblue
#0055a6
Lite Blue $uclaliteblue
#00a5e5

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
#ffff00
Green Neon $uclagreenneon
#00ff87
Pink Neon $uclapinkneon
#ff00a5
Lite Blue Neon $uclaliteblueneon
#00ffff
Purple Neon $uclapurpleneon
#8237ff

Gradients