A fundamental set of core, neutral brand colors can be paired with primary hues within six color ranges: blue, teal, green, purple, violet and magenta. Each value within these ranges is tailored to work harmoniously with UCSF’s core colors, allowing vibrant and unique design expressions.

In addition to these essential hues, a unique call-to-action (CTA) blue has been specially formulated for digital applications, ensuring a consistent experience for all buttons and links while effectively engaging visitors.

Lastly, when and if needed, a set of secondary colors are available for specific use cases such as alerts or notifications within digital applications.

When displaying text or elements that are meant to be interactive, please be aware that UCSF must comply with WCAG 2.0 AA standards. Contrast levels are listed below for either navy text (#052049) or white text (#FFFFFF) on each color background.

The visual presentation of text and images of text must have a contrast ratio of at least 4.5:1, except for large text. Large text is easier to read, so the contrast requirement is reduced to 3:1. WCAG defines large text as text that is 18 pts / 24 pixels and larger, or 14 pts / 18.67 pixels if it is bold.

When using the UCSF color palette, pair navy as a base color with neutrals (white, blues, grays) and up to three additional colors. Please see the PDF brand guidelines for further details on color usage.