UTMB Brand Color Palette

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

The UTMB Health corporate palette consists of a family of primary and complementary colors, with color mode 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.

The colors are optimized to comply with ADA requirements related to accessibility, legibility and contrast.

Download the Brand Color Palette Poster

Brand Colors

Primary

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

Brand Palette

UTMB Red

WEB:
Hex #da1f12
RGB (218,31,18)

PRINT:
Pantone 1788 CP
CMYK 0 88 82 0

CSS Classes: .red .red-bg

UTMB Red Best Practices

Brand Palette

UTMB Gray

WEB:
Hex #444444
RGB (68,68,68)

PRINT:
Pantone Cool Gray 10 CP
CMYK 40 30 20 66

CSS Classes: .gray .gray-bg

UTMB Gray Best Practices

Gray Light

WEB:
Hex #c9cac8
RGB (201,202,200)

PRINT:
Pantone Cool Gray 2 CP
CMYK 5 3 5 11

CSS Classes: .gray-light .gray-light-bg

Gray Light Best Practices

Secondary

The secondary palette contains colors that complement our primary palette. Like UTMB Red, our secondary colors are bright and upbeat. However, the secondary colors always play a supporting role to our primary palette.

Brand Palette

Teal

WEB:
Hex #457a82
RGB (69,122,130)

PRINT:
Pantone 5483 CP
CMYK 65 11 25 27

CSS Classes: .teal .teal-bg

Teal Best Practices

Brand Palette

Teal Dark

WEB:
Hex #005760
RGB (0,87,96)

PRINT:
Pantone 3165 CP
CMYK 100 16 33 66

CSS Classes: .teal-dark .teal-dark-bg

Teal Dark Best Practices

Teal Light

WEB:
Hex #c4e1de
RGB (196,225,222)

PRINT:
Pantone 317 CP
CMYK 23 0 10 0

CSS Classes: .teal-light .teal-light-bg

Teal Light Best Practices

Brand Palette

Blue

WEB:
Hex #1b5196
RGB (27,81,150)

PRINT:
Pantone 293 CP
CMYK 100 69 0 4

CSS Classes: .blue .blue-bg

Blue Best Practices

Brand Palette

Blue Dark

WEB:
Hex #1c3a56
RGB (28,58,86)

PRINT:
Pantone 7463 CP
CMYK 100 63 12 67

CSS Classes: .blue-dark .blue-dark-bg

Blue Dark Best Practices

Blue Light

WEB:
Hex #c0e1ed
RGB (192,225,237)

PRINT:
Pantone 290 CP
CMYK 23 0 1 0

CSS Classes: .blue-light .blue-light-bg

Blue Light Best Practices

Brand Palette

Orange

WEB:
Hex #bf5700
RGB (191,87,0)

PRINT:
Pantone 167 CP
CMYK 5 77 100 15

CSS Classes: .orange .orange-bg

Orange Best Practices

Brand Palette

Orange Mid

WEB:
Hex #eba149
RGB (235,161,73)

PRINT:
Pantone 1495 CP
CMYK 0 46 78 0

CSS Classes: .orange-mid .orange-mid-bg

Orange Mid Best Practices

Orange Light

WEB:
Hex #f5d7a5
RGB (245,215,165)

PRINT:
Pantone 155 CP
CMYK 0 12 34 0

CSS Classes: .orange-light .orange-light-bg

Orange Light Best Practices

Brand Palette

Green

WEB:
Hex #626e25
RGB (98,110,37)

PRINT:
Pantone 5753 CP
CMYK 42 16 80 58

CSS Classes: .green .green-bg

Green Best Practices

Brand Palette

Green Dark

WEB:
Hex #414823
RGB (65,72,35)

PRINT:
Pantone 5747 CP
CMYK 50 27 98 76

CSS Classes: .green-dark .green-dark-bg

Green Dark Best Practices

Green Light

WEB:
Hex #c2ca95
RGB (194,202,149)

PRINT:
Pantone 7493 CP
CMYK 25 4 44 3

CSS Classes: .green-light .green-light-bg

Green Light Best Practices

Brand Palette Best Practices

Use only the approved color palette. Our colors have been carefully chosen to work well with our corporate palette.
Remember there are print and digital color modes. There is a difference for a reason. Use the appropriate color mode for the project being developed. HEX/RGB color mode is best for digital work, while Pantone/CMYK is used for print products.
Do not sample colors. The 'eye dropper' or color sampling tool is inaccurate. For best color reproduction, follow the names/numbers in the color mode guidelines above.
Use accent colors carefully. Accent colors don't dominate a design, they complement our corporate color palette.

Text & Background Color Examples

Below you will find examples and best practices of UTMB Health brand colors used as background colors and text colors in all available HTML heading sizes.

Look for check marks which denote proper usage, and marked-through text or large white X's denoting improper usage.

UTMB Red

Gray, Light Gray and White Background W/ Color Text

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline

H6 Headline

Paragraph

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline

H6 Headline

Paragraph

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline

H6 Headline

Paragraph

Color Background W/ Black and White Text

Red White Text

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline

H6 Headline

Paragraph

Red Dark Text

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline

H6 Headline

Paragraph

USAGE

Red Background:

Preferred Font Color: White
Other options: Gray Light, Blue Light, Teal Light and Orange Light color options may work in some cases depending on the font size (always check accessibility/contrast)

Red Text:

Preferred Background Color: White
Other options: Gray Light, Blue Light, Teal Light and Orange Light color options may work in some cases depending on the font size (always check accessibility/contrast)

Red ALL Other Text Colors w/H3

H3 Headline

GRAY

Gray, Light Gray and White Background W/ Color Text

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline

H6 Headline

Paragraph

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline

H6 Headline

Paragraph

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline

H6 Headline

Paragraph

Color Background W/ Black and White Text

GrayWhite Text

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline

H6 Headline

Paragraph

GrayDark Text

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline

H6 Headline

Paragraph

USAGE

Gray Background:

Preferred Font Color: White
Other options: Gray Light, Blue Light, Teal Light, Orange Mid and Orange Light color options may work in some cases depending on the font size (always check accessibility/contrast)

Gray Text:

Preferred Background Color: White
Other options: Gray Light, Blue Light, Teal Light, Orange Mid and Orange Light color options may work in some cases depending on the font size (always check accessibility/contrast)

GrayALL Other Text Colors w/H3

H3 Headline

Gray Light

Gray, Light Gray and White Background W/ Color Text

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline

H6 Headline

Paragraph

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline

H6 Headline

Paragraph

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline

H6 Headline

Paragraph

Color Background W/ Black and White Text

Gray LightWhite Text

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline

H6 Headline

Paragraph

Gray LightDark Text

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline

H6 Headline

Paragraph

USAGE

Gray Light Background:

Preferred Font Color: Gray, Teal Dark, Blue Dark and Green Dark
Other options: Red, Blue and Green color options may work in some cases depending on the font size (always check accessibility/contrast)

Gray Light Text:

Preferred Background Color: Gray, Teal Dark, Blue Dark and Green Dark
Other options: Red, Blue and Green color options may work in some cases depending on the font size (always check accessibility/contrast)

Gray LightALL Other Text Colors w/H3

H3 Headline

Teal

Gray, Light Gray and White Background W/ Color Text

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline

H6 Headline

Paragraph

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline

H6 Headline

Paragraph

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline

H6 Headline

Paragraph

Color Background W/ Black and White Text

TealWhite Text

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline

H6 Headline

Paragraph

TealDark Text

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline

H6 Headline

Paragraph

USAGE

Teal Background:

Preferred Font Color: White and Teal Light
Other options: Blue Light and Orange Light color options may work in some cases depending on the font size (always check accessibility/contrast)

Teal Text:

Preferred Background Color: White and Teal Light
Other options: Blue Light and Orange Light color options may work in some cases depending on the font size (always check accessibility/contrast)

TealALL Other Text Colors w/H3

H3 Headline

Teal Light

Gray, Light Gray and White Background W/ Color Text

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline

H6 Headline

Paragraph

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline

H6 Headline

Paragraph

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline

H6 Headline

Paragraph

Color Background W/ Black and White Text

Teal LightWhite Text

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline

H6 Headline

Paragraph

Teal LightDark Text

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline

H6 Headline

Paragraph

USAGE

Teal Light Background:

Preferred Font Color: Gray, Teal and Teal Dark
Other options: Red, Blue, Blue Dark, Orange, Orange Mid, Green and Green Dark color options may work in some cases depending on the font size (always check accessibility/contrast)

Teal Light Text:

Preferred Background Color: Gray, Teal and Teal Dark
Other options: Red, Blue, Blue Dark, Orange, Green and Green Dark color options may work in some cases depending on the font size (always check accessibility/contrast)

Teal LightALL Other Text Colors w/H3

H3 Headline

Teal Dark

Gray, Light Gray and White Background W/ Color Text

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline

H6 Headline

Paragraph

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline

H6 Headline

Paragraph

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline

H6 Headline

Paragraph

Color Background W/ Black and White Text

Teal DarkWhite Text

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline

H6 Headline

Paragraph

Teal DarkDark Text

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline

H6 Headline

Paragraph

USAGE

Teal Dark Background:

Preferred Font Color: White and Teal Light
Other options: Gray Light, Blue Light, Green Light, Orange Light and Orange Mid color options may work in some cases depending on the font size (always check accessibility/contrast)

Teal Dark Text:

Preferred Background Color: White, Gray Light and Teal Light
Other options: Blue Light, Orange Light, Orange Mid and Green Light color options may work in some cases depending on the font size (always check accessibility/contrast)

Teal DarkALL Other Text Colors w/H3

H3 Headline

BLUE

Gray, Light Gray and White Background W/ Color Text

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline

H6 Headline

Paragraph

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline

H6 Headline

Paragraph

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline

H6 Headline

Paragraph

Color Background W/ Black and White Text

BlueWhite Text

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline

H6 Headline

Paragraph

BlueDark Text

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline

H6 Headline

Paragraph

USAGE

Blue Background:

Preferred Font Color: White and Blue Light
Other options: Gray Light, Teal Light, Green Light, Orange Light and Orange Mid color options may work in some cases depending on the font size (always check accessibility/contrast)

Blue Text:

Preferred Background Color: White, Gray Light and Blue Light
Other options: Teal Light, Orange Light, Orange Mid and Green Light color options may work in some cases depending on the font size (always check accessibility/contrast)

BlueALL Other Text Colors w/H3

H3 Headline

Blue Light

Gray, Light Gray and White Background W/ Color Text

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline

H6 Headline

Paragraph

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline

H6 Headline

Paragraph

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline

H6 Headline

Paragraph

Color Background W/ Black and White Text

Blue LightWhite Text

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline

H6 Headline

Paragraph

Blue LightDark Text

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline

H6 Headline

Paragraph

USAGE

Blue Light Background:

Preferred Font Color: Gray, Blue and Blue Dark
Other options: Red, Teal, Teal Dark, Orange, Green and Green Dark color options may work in some cases depending on the font size (always check accessibility/contrast)

Blue Light Text:

Preferred Background Color: Gray, Blue and Blue Dark
Other options: Red, Teal, Teal Dark, Orange, Green and Green Dark color options may work in some cases depending on the font size (always check accessibility/contrast)

Blue LightALL Other Text Colors w/H3

H3 Headline

Blue Dark

Gray, Light Gray and White Background W/ Color Text

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline

H6 Headline

Paragraph

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline

H6 Headline

Paragraph

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline

H6 Headline

Paragraph

Color Background W/ Black and White Text

Blue DarkWhite Text

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline

H6 Headline

Paragraph

Blue DarkDark Text

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline

H6 Headline

Paragraph

USAGE

Blue Dark Background:

Preferred Font Color: White and Blue Light
Other options: Gray Light, Teal Light, Orange Light, Orange Mid and Green Light color options may work in some cases depending on the font size (always check accessibility/contrast)

Blue Dark Text:

Preferred Background Color: White and Blue Light
Other options: Gray Light, Teal Light, Orange Light, Orange Mid and Green Light color options may work in some cases depending on the font size (always check accessibility/contrast)

Blue DarkALL Other Text Colors w/H3

H3 Headline

Orange

Gray, Light Gray and White Background W/ Color Text

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline

H6 Headline

Paragraph

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline

H6 Headline

Paragraph

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline

H6 Headline

Paragraph

Color Background W/ Black and White Text

OrangeWhite Text

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline

H6 Headline

Paragraph

OrangeDark Text

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline

H6 Headline

Paragraph

USAGE

Orange Background:

Preferred Font Color: White and Orange Light
Other options: Teal Light and Blue Light color options may work in some cases depending on the font size (always check accessibility/contrast)

Orange Text:

Preferred Background Color: White and Orange Light
Other options: Teal Light and Blue Light color options may work in some cases depending on the font size (always check accessibility/contrast)

OrangeALL Other Text Colors w/H3

H3 Headline

Orange Mid

Gray, Light Gray and White Background W/ Color Text

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline

H6 Headline

Paragraph

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline

H6 Headline

Paragraph

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline

H6 Headline

Paragraph

Color Background W/ Black and White Text

Orange MidWhite Text

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline

H6 Headline

Paragraph

Orange MidDark Text

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline

H6 Headline

Paragraph

USAGE

Orange Mid Background:

Preferred Font Color: Gray
Other options: Teal Dark, Blue, Blue Dark and Green Dark color options may work in some cases depending on the font size (always check accessibility/contrast)

Orange Mid Text:

Preferred Background Color: Gray
Other options: Teal Light, Teal Dark, Blue, Blue Dark and Green Dark color options may work in some cases depending on the font size (always check accessibility/contrast)

Orange MidALL Other Text Colors w/H3

H3 Headline

Orange Light

Color Background W/ Black and White Text

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline

H6 Headline

Paragraph

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline

H6 Headline

Paragraph

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline

H6 Headline

Paragraph

Gray, Light Gray and White Background W/ Color Text

Orange LightWhite Text

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline

H6 Headline

Paragraph

Orange LightDark Text

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline

H6 Headline

Paragraph

USAGE

Orange Light Background:

Preferred Font Color: Gray and Orange
Other options: Red, Teal, Teal Dark, Blue, Blue Dark, Green and Green Dark color options may work in some cases depending on the font size (always check accessibility/contrast)

Orange Light Text:

Preferred Background Color: Gray and Orange
Other options: Red, Teal, Teal Dark, Blue, Blue Dark, Green and Green Dark color options may work in some cases depending on the font size (always check accessibility/contrast)

Orange LightALL Other Text Colors w/H3

H3 Headline

Green

Gray, Light Gray and White Background W/ Color Text

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline

H6 Headline

Paragraph

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline

H6 Headline

Paragraph

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline

H6 Headline

Paragraph

Color Background W/ Black and White Text

GreenWhite Text

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline

H6 Headline

Paragraph

GreenDark Text

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline

H6 Headline

Paragraph

USAGE

Green Background:

Preferred Font Color: White and Green Light
Other options: Gray Light, Teal Light, Blue Light and Orange Light color options may work in some cases depending on the font size (always check accessibility/contrast)

Green Text:

Preferred Background Color: White and Green Light
Other options: Teal Light, Blue Light and Orange Light color options may work in some cases depending on the font size (always check accessibility/contrast)

GreenALL Other Text Colors w/H3

H3 Headline

Green Light

Gray, Light Gray and White Background W/ Color Text

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline

H6 Headline

Paragraph

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline

H6 Headline

Paragraph

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline

H6 Headline

Paragraph

Color Background W/ Black and White Text

Green LightWhite Text

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline

H6 Headline

Paragraph

Green LightDark Text

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline

H6 Headline

Paragraph

USAGE

Green Light Background:

Preferred Font Color: Green and Green Dark
Other options: Gray, Teal Dark, Blue and Blue Dark color options may work in some cases depending on the font size (always check accessibility/contrast)

Green Light Text:

Preferred Background Color: Green and Green Dark
Other options: Gray, Teal Dark, Blue and Blue Dark color options may work in some cases depending on the font size (always check accessibility/contrast)

Green LightALL Other Text Colors w/H3

H3 Headline

Green Dark

Gray, Light Gray and White Background W/ Color Text

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline

H6 Headline

Paragraph

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline

H6 Headline

Paragraph

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline

H6 Headline

Paragraph

Color Background W/ Black and White Text

Green DarkWhite Text

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline

H6 Headline

Paragraph

Green DarkDark Text

H1 Headline

H2 Headline

H3 Headline

H4 Headline

H5 Headline

H6 Headline

Paragraph

USAGE

Green Dark Background:

Preferred Font Color: White and Green Light
Other options: Light Gray, Teal Light, Blue Light, Orange Light and Orange Mid color options may work in some cases depending on the font size (always check accessibility/contrast)

Green Dark Text:

Preferred Background Color: White and Green Light
Other options: Light Gray, Teal Light, Blue Light, Orange Light and Orange Mid color options may work in some cases depending on the font size (always check accessibility/contrast)