Primary Palette
The primary palette consists of two main colors: TMX Navy and TMX Gold. The color specifications below should be referenced when creating materials for the brand. Use PANTONE® colors for print when possible. If PANTONE® colors are not available, use the CMYK process. RGB and Hex codes should only be used for digital applications.
​
It is important to note that such factors as paper stock and method of printing effect the appearance of printed colors. For that reason, the appropriate version should be used for coated (PMS-C) or uncoated (PMS-U) applications.
Name:
CMYK:
RGB:
HEX:
PMS:
TMX Navy
98 / 45 / 0 / 54
2 / 65 / 118
#024176
2955 C / 2955 U
Copy hex code

Name:
CMYK:
RGB:
HEX:
PMS:
TMX Gold
0 / 20 / 100 / 0
255 / 204 / 0
#FFCC00
116 C / 116 U
Copy hex code

Tints & Shades
To extend the versatility of our primary TMX Navy, we have developed a structured set of tints and shades at 75%, 50%, and 25% values. Tints are created by mixing TMX Navy with white, while shades are created by mixing TMX Navy with black. These values are used to create depth, hierarchy, and layering within layouts — for example, as background washes, typographic hierarchy on dark surfaces, UI element states, and data visualization.
Shade:
HEX:
25%
#01101D
Copy hex

Shade:
HEX:
50%
#01213B
Copy hex

Copy hex

Shade:
HEX:
75%
#023158
Copy hex

Tint:
HEX:
75%
#417EA0
Copy hex

Tint:
HEX:
50%
#80A0BB
Copy hex

Tint:
HEX:
25%
#BFD0DD
Secondary Palette
For applications requiring a broader variety of colors, such as infographics, our secondary palette may be used. Cargo Green, Hull Red, Rust Orange, and Horizon Blue complement our primary palette, adding visual interest to brand communications.
Name:
CMYK:
RGB:
HEX:
PMS:
Cargo Green
67 / 0 / 34 / 45
46 / 139 / 92
#2E8B5C
7733 C / 7733 U
Copy hex code

Name:
CMYK:
RGB:
HEX:
PMS:
Hull Red
0 / 78 / 74 / 2
251 / 54 / 64
#FB3640
179 C / 179 U
Copy hex code

Name:
CMYK:
RGB:
HEX:
PMS:
Rust Orange
0 / 59 / 95 / 17
212 / 86 / 10
#D4560A
1595 C / 1595 U
Copy hex code

Name:
CMYK:
RGB:
HEX:
PMS:
Horizon Blue
100 / 25 / 0 / 20
0 / 153 / 204
#0099CC
2995 C / 2995 U
Copy hex code

Neutral Palette
Our neutral palette is a curated range of cool-toned grays — each carrying a subtle blue undertone that keeps them harmonious with our primary palette. While the Navy tints and shades are intentional extensions of our brand color used to create depth and hierarchy within brand-forward layouts, the neutral palette serves a supporting role — providing the backgrounds, dividers, secondary text colors, and surface tones that allow our primary palette to breathe. Think of the neutrals as the quiet foundation that makes everything else work.
Name:
HEX:
Fathom
#121212
Copy hex

Name:
HEX:
Slate
#2E3340
Copy hex

Copy hex

Name:
HEX:
Anchor
#6B7280
Copy hex

Name:
HEX:
Fog
#B8BCC8
Copy hex

Name:
HEX:
Mist
#E2E5ED
Copy hex

Name:
HEX:
Sea Salt
#F4F6FA
UI Status Colors
To ensure clarity and consistency across our digital communications, we use a defined set of status colors drawn directly from our brand palette. Each status uses a reduced-opacity background paired with a full-strength foreground color for text and icons — ensuring accessible contrast while keeping the interface firmly on-brand. Always use these pairings as defined, and never apply status colors decoratively outside of a functional status context.
Status:
Base:
Hex:
Text:
Success
Cargo Green (15%)
#E0EEE7
#2E8B5C
Copy hex code

Status:
Base:
Hex:
Text:
Progress
Mist (100%)
#E2E5ED
#024176
Copy hex code

Status:
Base:
Hex:
Text:
Progress
Horizon Blue (35%)
#A6DBED
#024176
Copy hex code

Status:
Base:
Hex:
Text:
Alert / Warning
TMX Gold (50%)
#FFE57F
#024176
Copy hex code

Status:
Base:
Hex:
Text:
Alert / Warning
Rust Orange (25%)
#F4D5C2
#D4560A
Copy hex code

Status:
Base:
Hex:
Text:
Error
Hull Red (15%)
#FEE1E3
#FB3640
Copy hex code

Color Balance
Refer to the guidelines below to ensure the optimal balance between our primary and secondary color palettes. This balance ensures our visual communications remain consistent and strike the appropriate tone.
35%
20%
25%
5%
5%
5%
5%
Color Accessibility
Ensuring strong contrast and readability is essential when combining colors, especially for text. Some color pairings can be difficult to read, particularly for individuals with visual impairments or color blindness. To maintain clarity and accessibility, all of our print and digital applications should follow best practices for high-contrast color usage.
Below are guidelines for selecting color combinations that enhance legibility and usability across all platforms.