UAB’s digital color palette consists of primary, secondary, accent, and neutral colors. These colors are strategically combined to create a visually complementary and accessible digital interface for our users.

Primary Colors

Primary colors should be the most prominent color on the page. Key components should be styled using primary colors.

Secondary Colors

Secondary colors are paired with primary colors in order to help give sites vibrancy and individuality. They should be sparingly used to focus on key elements or give individual distinction to a page.

Accent Colors

Accent colors are paired with primary and secondary colors to add emphasis to elements on a page without overwhelming the user. These colors should have limited use, sparingly highlighting select components on a page.

Neutral Colors

Neutral colors allow for pages to feel distinguished while having accessible readability. These colors are used for fonts and to to help create design components.

Accessibility

Extensive color testing has been done to ensure that all digital UAB color combinations are aesthetically complimentary, accessible, and legible. Our digital color palette prioritizes the accessibility of our users by following WCAG 2 level AA guidelines for web. All color combinations must pass the accessibility guidelines provided on our UAB Brand Toolkit.