Brand Colors

Color is a powerful communication tool and an integral part of brand recognition. Our color 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. Our chosen colors are optimized to comply with ADA requirements related to accessibility, legibility and contrast.

UTMB Logo on a building wall

Color Palette

Color Distribution

Our primary color palette should lead all branded materials. Secondary colors may be used sparingly for accents. Tertiary colors are reserved for limited applications, such as charts, graphs, and data visualization, and should not be used for major design elements. 

When using UTMB’s official color palette, pay close attention to the proportion of each color. The goal is to maintain a clean, balanced, and professional look that reflects UTMB’s trusted reputation.

Color Ratios

       
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
20%20%40%5%5%5%5%
 
 
 
PrimarySecondary*
Expand All Collapse All
  • Primary Palette Ratio

    Darkest Oranges & Blues

    • Use for 40% of the design
    • Best for main backgrounds, heading, large shapes, and key brand areas

    White & Gulf Mist

    • Use for 40% of the design
    • Provides white-space and balance, and improves readability
  • Secondary Palette Ratio
    • Use these supporting colors for ~10% of the design
    • Ideal for buttons, icons, or secondary text
  • *Tertiary Palette Ratio
    • Highlight or callout colors
    • Use for ≤ 5% of the design
    • Best for charts, data points, or small graphic details

Primary / Main Palette

U.T. System Orange
PMS: 167C/1595U/167 CP
CMYK: 0, 73, 100, 15
HEX: #ca4b0c
RGB: 202, 75, 12

CSS Classes: .system-orange .system-orange-bg
U.T. System Blue
PMS: 540C/540U/540CP
CMYK: 100, 53, 0, 65
HEX: #003767
RGB: 0, 55, 103

CSS Classes: .system-blue .system-blue-bg
Pure White
PMS: White
CMYK: 0, 0, 0, 0
HEX: #FFFFFF
RGB: 255, 255, 255

CSS Classes: .white .white-bg
Ashbel Orange
PMS: 7593C/7586U/7593CP
CMYK: 3, 80, 84, 31
HEX: #a32e00
RGB: 163, 46, 0

CSS Classes: .ashbel-orange .ashbel-orange-bg
Legacy Blue
PMS: 2766 C/U/CP
CMYK: 100, 87, 0, 58
HEX: #142047
RGB: 20, 32, 71

CSS Classes: .legacy blue .legacy blue-bg
Gulf Mist
PMS: Cool Gray 1 C/U/CP
CMYK: 0, 0, 0, 5
HEX: #F5F5F5
RGB: 245, 245, 245

CSS Classes: .gulf-mist .gulf-mist-bg

Secondary Palette

Anchor Gray
PMS: Cool Gray 1 C/U/CP
CMYK: 0, 0, 0, 87
HEX: #222222
RGB: 34, 34, 34

CSS Classes: .anchor-gray .anchor-gray-bg
Seabreeze Blue
PMS: 657C/U/CP
CMYK: 19, 7, 0, 0
HEX: #daeffd
RGB: 218, 239, 253

CSS Classes: .seabreeze-blue .seabreeze-blue-bg
Innovation Gray
PMS: Cool Gray 5 C/U/CP
CMYK: 0, 0, 0, 30
HEX: #cccccc
RGB: 187, 187, 187

CSS Classes: .innovation-gray .innovation-gray-bg
Dune Sand
PMS: 7529C/U/CP
CMYK: 0, 2, 8, 16
HEX: #d6d2c4
RGB: 214, 210, 196

CSS Classes: .dune-sand .dune-sand-bg

Approved Color Combinations

Use only approved color pairings to maintain brand consistency and accessibility. These combinations ensure proper contrast, readability, and alignment with UTMB’s visual standards across all materials.

Use the core color combinations first whenever possible; these are built from our Primary and Secondary palette.

Core Color Combinations

Combinations marked with the alert icon ()  should only be used with text or elements 24px or larger in height.

Tertiary / Accent Colors

Tertiary colors are reserved for limited applications, such as charts, graphs, and data visualization, and should not be used for major design elements.

Sealy Blue
PMS: 2146C/U/CP
CMYK: 100, 85, 0, 30
HEX: #00418f
RGB: 0, 65, 143

CSS Classes: .sealy-blue .sealy-blue-bg
Coastal Sky Blue
PMS: 292C/U/CP
CMYK: 55, 13, 0, 0
HEX: #91d0fa
RGB: 145, 208, 250

CSS Classes: .coastal-blue .coastal-blue-bg
Steel Surf Gray
PMS: Cool Gray 9 C/U/CP
CMYK: 0, 0, 0, 60
HEX: #444444
RGB: 102, 102, 102

CSS Classes: .steel-gray .steel-gray-bg
Discovery Haze
PMS: 7527C/U/CP
CMYK: 0, 1, 4, 8
HEX: #ebe9e2
RGB: 235, 233, 226

CSS Classes: .discovery-haze .discovery-haze-bg
Founders Orange
PMS: 1575C/U/CP
CMYK: 0, 59, 90, 0
HEX: #fa7e25
RGB: 250, 126, 37

CSS Classes: .founders-orange .founders-orange-bg
Golden Orange
PMS: 1355C/134U/1355CP
CMYK: 0, 19, 61, 0
HEX: #ffbd64
RGB: 255, 189, 100

CSS Classes: .golden-orange .golden-orange-bg
Sunrise Orange
PMS: 155C/148U/155CP
CMYK: 0, 13, 35, 0
HEX: #f5d7a5
RGB: 245, 215, 165

CSS Classes: .sunrise-orange .sunrise-orange-bg
Urgent Yellow
PMS: 107 C/U/CP
CMYK: 0, 13, 87, 0
HEX: #ffde21
RGB: 255, 222, 33

CSS Classes: .urgent .urgent-bg
Vitality Green
PMS: 357C/U/CP
CMYK: 85, 20, 100, 25
HEX: #195a0b
RGB: 25, 90, 11

CSS Classes: .success .success-bg
Wellness Green
PMS: 361C/360U/361CP
CMYK: 60, 0, 90, 0
HEX: #62a74b
RGB: 98, 167, 75

CSS Classes: .green-mid .green-mid-bg
Heritage Green
PMS: 375C/374U/375CP
CMYK: 18, 0, 56, 16
HEX: #aed55e
RGB: 30, 0, 80, 0

CSS Classes: .green-light .green-light-bg
Emergency Red
PMS: 186 C/U/CP
CMYK: 0, 100, 100, 29
HEX: #b40000
RGB: 180, 0, 0

CSS Classes: .emergency .emergency-bg
Harbor Teal
PMS: 3155C/3165U/3155CP
CMYK: 100, 15, 25, 60
HEX: #004b5c
RGB: 0, 75, 92

CSS Classes: .teal-dark .teal-dark-bg
Tidepool Teal
PMS: 549 C/U/CP
CMYK: 25, 0, 5, 10
HEX: #a5ccd4
RGB: 165, 204, 212

CSS Classes: .teal-mid .teal-mid-bg
Shoreline Teal
PMS: 5503 C/U/CP
CMYK: 15, 0, 5, 5
HEX: #cde3e7
RGB: 205, 227, 231

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

Additional Color Combinations

Combinations marked with the alert icon ()  should only be used with text or elements 24px or larger in height.

Download Files

Employees may download the latest brand assets by logging into the brand downloads portal. Users without access, including external partners, can request materials by visiting our brand support page.

Brand Downloads Portal

Need Brand Support?

The UTMB Brand and Identity team is here to help you apply our brand consistently and effectively across all materials. 

Visit our brand support page to submit a request.