GPSColor

Primary Colors

Our palette is built with a limited
selection of colors from the broader
UC San Diego palette. It relies
primarily on navy and gold, as well as
ample negative space. We commonly
use the color “Sand” as a neutral
tone for backgrounds.
We lean on a set of secondary tints
and neutrals to add accent elements
to layouts. This helps ensure thatGPS shares a common look withthe overall university brand, but also
retains its own aesthetic.
When printing the tints and neutrals as Pantone spotcolors, refer to the color section of the UC San Diegobrand guidelines.

Brand Guidelines | Visual Language

UC San Diego NavyUC San Diego Gold

Pantone 2767
C100 M86 Y42 K42
R24 G43 B73#182B49

Pantone 1245
C6 M35 Y99 K18
R198 G146 B20#C69214UC San Diego Gold (10% shade) #B28312*Tints

Green (50% tint)
C30 M9 Y46 K0
R183 G203 B157
#B7CB9DNeutrals

UC San Diego Blue(50% tint)
C49 M18 Y11 K0
R128 G177 B205
#80B1CD

Orange (50% tint)
C4 M24 Y43 K0
R254 G196 B128
#FEC480*See page 2for guidance

UC San Diego Gold(50% tint)
C12 M18 Y53 K0R227 G201 B138
#E3C98A

Cool GrayStoneStone (50% tint)

SandC30 M22 Y17 K57
R116 G118 B120
#747678

C10 M11 Y17 K27
R182 G177 B169
#B6B1A9

C13 M11 Y13 K0
R219 G216 B212
#DBD8D4C4 M6 Y10 K0
R245 G240 B230
#F5F0E61

GPS

The primary palette should have a strong
presence in every communication. Secondarycolors should always be supported by ournavy and gold.
These color combinations meet WCAG Level
AA accessibility requirements for digital
media. For type size and color, always makechoices that meet or exceed standards oflegibility. Use your best judgment for print.
When designing for digital applications, refer to thecolor section of the UC San Diego brand guidelines
and the color accessibility guide.

SEENOTE

NeutralsThis symbol indicates thatthe color combination issuitable only for graphics
or for large text (which isdefined as boldface text
at 14 pt. or larger, or any
text at 18 pt. or larger).

#B28312NOTE
For text on white or sandcolored backgrounds,
UC San Diego Goldis not accessible for
digital applications. In
these instances, use theapproved 10% shade of UCSan Diego Gold, #B28312.
Text must be set at 18pt. or larger; if the text isboldface, it must be set at14 pt. or larger.

Neutrals

When you’re setting type, use this chart
to help you choose accessible color
combinations for your text and background.
Open areas in the grid represent pairings thatare unpleasant or otherwise incompatible
with accessible design.

BACKGROUND COLOR
Tints

Color
Accessibility

Primary

Primary

FOREGROUND/TEXT COLOR
Tints

SEENOTE2

Most Commonly Used GPS Branding
Color Combinations (Accessible, WCAG AA)
https://webaim.org/resources/contrastchecker/?fcolor=182B49&bcolor=E3C98A█ Navy blue: #182B49█ Gold (50% tint): #E3C98A
https://webaim.org/resources/contrastchecker/?fcolor=182B49&bcolor=FFFFFF█ Navy blue: #182B49█ White: #FFFFFF
https://webaim.org/resources/contrastchecker/?fcolor=182B49&bcolor=C69214█ Navy blue: #182B49█ Gold: #C69214
https://webaim.org/resources/contrastchecker/?fcolor=182B49&bcolor=F5F0E6█ Navy blue: #182B49█ Sand: #F5F0E6
https://webaim.org/resources/contrastchecker/?fcolor=B28312 &bcolor=F5F0E6█ Gold* (10% Shade): #B28312█ Sand: #F5F0E6
Note: 10% Shade Gold can ONLY be used as text color and NOT a background color.
Also it must be “large text” to be accessible; “large text” is defined as 14 pt and bold orlarger, or 18 pt or larger.
https://webaim.org/resources/contrastchecker/?fcolor=B28312&bcolor=FFFFFF█ Gold* (10% Shade): #B28312█ White: #FFFFFF
Note: 10% Shade Gold can ONLY be used as text color and NOT a background color.
Also it must be “large text” to be accessible; “large text” is defined as 14 pt and bold orlarger, or 18 pt or larger.