GLOBAL Alert Overide

Vight condensed lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergr sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consedipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Colors


Beyond our logo, color is the most recognizable aspect of our brand. Our color palette helps audiences identify us at a glance. The way we use color sets the mood for each piece and reflects our heritage and surroundings. Our communications draw on three color palettes to unite them.

Note: Many of these colors should look familiar because most of them, including the primary orange and blue, have not changed. Several colors in the secondary and accent palettes have changed, so even if they look similar to those you’ve used in the past, use this guide to ensure that you are using the correct colors.

Color Ratios

Our color palette is bold and distinctive. It relies primarily on our traditional colors of orange and blue – and generous white space. Secondary colors are used for deeper content levels in layouts.

Note: Always use the color values listed in this section when using color builds. They have been adjusted for the best screen and print reproduction and may not match Pantone Color Bridge breakdowns.

Primary Colors Supporting Colors

Our Colors

At our core, we are orange and blue.

With that in mind, this palette unifies the brand’s colors, reflecting our institution’s philosophy and mission.

Note: Always use the color values listed in this section when using color builds. They have been adjusted for the best screen and print reproduction and may not match Pantone Color Bridge breakdowns.

Our Colors

Gradients

Two color gradients are available for use. They pair our Core Blue with Dark Blue and our Core Orange with Alachua.

Note: Premade gradient swatches are available for download at our online brand center. Go to Downloads, and under Brand Toolkit, choose Color Swatches. To build your own, please follow the guidelines below.

Gradients Colors

Secondary Palette

Orange and blue should drive most marketing, campus, and alumni materials, but sometimes other colors are needed. 

Secondary palette colors are best suited for internal communications, but they may also be used in long-form communications where more colors are needed for variety, infographics, and icons. Large fields of these colors should be avoided. Be sure that our primary orange and blue are always the most prominent colors. 

Under no circumstances should any of these colors become the predominant color for a school, center, institute, or department.

Secondary Palette Colors

Neutral Palette

Neutral tones can add depth, warmth, sophistication, and richness to our communications. Note, however, that white should be used more frequently and prominently than these neutrals. 

Note: White is an indispensable color. Rather than viewing it as a blank area, see it as a break. Please don’t rush to fill it: it can focus attention on what is there rather than drawing attention to what isn’t. Always balance color, typography, and graphic elements with open space. 

Note: We only use black for long passages of body copy. Never use it in any other way.

Neutral Palette Colors

Color Numbers

COLORCOLOR NAMEPMSCMYKRGBHEX
Core OrangeCORE ORANGEPMS 1720 | 70 | 100 | 0250 | 70 | 22#FA4616
Core BlueCORE BLUEPMS 287100 | 60 | 0 | 200 | 33 | 165#0021A5
BottlebrushBOTTLEBRUSHPMS 17950 | 96 | 82 | 1211 | 39 | 55#D32737
AlachuaALACHUAPMS 1300 | 32 | 100 | 0242 | 169 | 0#F2A900
GatorGATORPMS 773178 | 3 | 84 | 2234 | 136 | 72#22884C
Dark BlueDARK BLUEPMS 655100 | 73 | 0 | 610 | 38 | 87#002657
PerennialPERENNIALPMS 765146 | 98 | 1 | 35106 | 42 | 96#6A2A60
BlackBLACKPMS BLACK0 | 0 | 0 | 1000 | 0 | 0#000000
Cool Grey 11COOL GREY 11COOL GRAY 1144 | 34 | 22 | 7752 | 55 | 65#343741
Cool Grey 3COOL GREY 3COOL GRAY 38 | 5 | 7 | 16199 | 201 | 200#C7C9C8
Warm Grey 1WARM GREY 1WARM GREY 110 | 10 | 11 | 0216 | 212 | 215#D8D4D7
WhiteWHITEWHITE0 | 0 | 0 | 0255 | 255 | 255#FFFFFF

Digital Palette

Like printed colors, screen-based colors should be consistent across multiple pages and sites, and a limited color palette is well-suited for digital applications. 

All communications should follow the brand’s core color palette. The hexadecimal values of our core palette have been optimized for accessibility on light and dark backgrounds, which can be found above. 

To learn more about using the UF Brand Colors with dark mode, download the following presentation: Designing for Dark Mode.

For additional information, contact us using the form at the bottom of this page.

Color Consistency:
Use hexadecimal values to ensure that colors are consistent across print and screen applications. Hexadecimal values of our colors are adjusted for AA Normal Text Compliance (tested on webaim.org color contrast checker).

AA-Compliant Color Formulas for Screen Applications

Ensuring adequate text and visual media contrast can help people with visual impairments navigate content more easily. 

The Web Content Accessibility Guidelines (WCAG) provide a set of international standards developed by the Worldwide Web Consortium (W3C), the web’s governing body. 

AA Level compliance is a vital contrast standard for displaying text and images in both the foreground and the background. The goal of this accommodation is to help ensure that our online content is equally accessible and user-friendly to all users. 

Because of their quick impact and smaller size, communication pieces on the web (such as web ads) should only feature our orange and blue colors. In the examples here, we’ve outlined a short list of compliant and non-compliant color pairings for our core colors. 

This list is not comprehensive; it’s essential to check accessibility for every piece you create. For additional guidance on web accessibility, visit webaim.org/resources/contrastchecker.

Note: Large text is typically defined as 14 points or larger and bold.

AA-Compliant Color Formulas