Our Color Palette

Color-Palette-Use

Color is a powerful communication tool and an integral part of branding.

The UTMB Health corporate palette consists of a family of primary, complementary and neutral colors, with options specific to  print and digital applications.

These colors help others consistently recognize our visual materials, and they convey the mood and tone of our brand in an engaging way.

You'll notice the colors below are divided into two sections: a PRINT palette and a DIGITAL/WEB color palette. The print palette offers up the institutional colors as originally introduced and designed for offline use. The digital colors are optimized for online use, and tweaked to comply with ADA web requirements related to accessibility, screen legibility and contrast.

Print Palette

Primary Palette

The primary colors are the colors of our logo:
UTMB Health Red and UTMB Health Gray

Always use the correct colors to reproduce our brand colors in any medium.

UTMB Red

CMYK (0, 88, 82, 0)

RGB (255, 31, 46)

UTMB Gray

CMYK (40, 30, 20, 66)

RGB (52, 61, 69)

COMPLEMENTARY Palette

The secondary palette contains colors that complement our primary brand colors. Like UTMB Health Red, our secondary colors are bright and upbeat. However, the secondary colors always play a supporting role to our primary palette. They may be used as solids or screened back, as shown.

UTMB Blue

CMYK (75, 40, 0, 0)

RGB (64, 153, 255)

75%
50%
25%

UTMB CoolGray3

CMYK (8, 5, 6, 13)

RGB (204, 211, 209)

75%
50%

UTMB Orange

CMYK (0, 55, 90, 0)

RGB (255, 115, 25)

75%
50%
25%

UTMB Green

CMYK (30, 4, 65, 30)

RGB (125, 171, 62)

75%
50%
25%

UTMB Purple

CMYK (25, 96, 15, 60)

RGB (77, 4, 87)

75%
50%
25%

Neutral Palette

The neutral palette contains soft, neutral colors that are designed to support and enhance our primary and secondary colors. They may be used as solids or screened back, as shown.

UTMB Tan

CMYK (3, 5, 25, 5)

RGB (235, 230, 182)

75%
50%

UTMB Beige

CMYK (0, 7, 23, 1)

RGB (252, 235, 194)

75%
50%

Web & Digital Palette

Primary Palette

The primary colors are the colors of our logo:
UTMB Health Red and UTMB Health Gray

UTMB Red

Web Color: #da1f12

Text Color: .red

Background: .red-bg

UTMB Gray

Web Color: #444444

Text Color: .gray

Background: .gray-bg

COMPLIMENTARY Palette

Blue Light

Web Color: #daecfa

Text Color: .blue-light

Background: .blue-light-bg

Blue

Web Color: #1f57a7

Text Color: .blue

Background: .blue-bg

Teal Light

Web Color: #94cacd

Text Color: .teal-light

Background: .teal-light-bg

Teal

Web Color: #4e7c8c

Text Color: .teal

Background: .teal-bg

Orange Light

Web Color: #ffaf5f

Text Color: .orange-light

Background: .orange-light-bg

Orange

Web Color: #bf5700

Text Color: .orange

Background: .orange-bg

Green Light

Web Color: #c3cb9b

Text Color: .green-light

Background: .green-light-bg

Green

Web Color: #626e25

Text Color: .green

Background: .green-bg

Grayscale Palette

Gray Light

Web Color: #c9cac8

Text Color: .gray-light

Background: .gray-light-bg

Gray Mid

Web Color: #c767676

Text Color: .gray-mid

Background: .gray-mid-bg

Gray Dark

Web Color: #111111

Text Color: .gray-dark

Background: .gray-dark-bg

Black

Web Color: #000000

Text Color: .black

Background: .black-bg

Gray 1

Web Color: #111111

Text Color: .gray-1

Background: .gray-1-bg

Gray 2

Web Color: #222222

Text Color: .gray-2

Background: .gray-2-bg

Gray 3

Web Color: #333333

Text Color: .gray-3

Background: .gray-3-bg

UTMB Gray

Web Color: #444444

Text Color: .gray-4

Background: .gray-4-bg

Gray 5

Web Color: #555555

Text Color: .gray-5

Background: .gray-5-bg

Gray 6

Web Color: #666666

Text Color: .gray-6

Background: .gray-6-bg

Gray 7

Web Color: #777777

Text Color: .gray-7

Background: .gray-7-bg

Gray 8

Web Color: #888888

Text Color: .gray-8

Background: .gray-8-bg

Gray 9

Web Color: #999999

Text Color: .gray-9

Background: .gray-9-bg

Gray a

Web Color: #aaaaaa

Text Color: .gray-a

Background: .gray-a-bg

Gray B

Web Color: #bbbbbb

Text Color: .gray-b

Background: .gray-b-bg

Gray C

Web Color: #cccccc

Text Color: .gray-c

Background: .gray-c-bg

Gray D

Web Color: #dddddd

Text Color: .gray-d

Background: .gray-d-bg

Gray E

Web Color: #eeeeee

Text Color: .gray-e

Background: .gray-e-bg

White

Web Color: #ffffff

Text Color: .gray-f

Background: .gray-f-bg

Best Practices

Use only the approved color palette. Our colors have been carefully chosen to work well with our corporate palette.

Remember there is a print and a digital color palette. There is a difference for a reason. Use the appropriate palette for the project being developed.  

Use accent colors carefully.

Accent colors don't dominate a design, they complement our corporate color palette.

Do not sample colors. The 'eye dropper' or color sampling tool is inaccurate. For best color reproduction, follow the numbers in the color guidelines above.