Brand Colors

Please ensure wherever possible to match the following color guides. If custom colors are required please reach out to the Marketing team to approve the closest match before production.

Primary Colors

Primary colors should be used where possible. Brand Orange should always web included as either a primary fill or primary accent within a composition.

Brand Orange
PANTONE Orange 021 C
CMYK 0, 81, 100, 0
HEX ff5600
Sky Blue
CMYK 71, 34, 0, 0
HEX 2196f3
Blue
CMYK 90, 78, 0, 0
HEX 1e48bd
Purple
CMYK 72, 84, 0 , 0
HEX 673ab7
Dark Blue
PANTONE 534 C
CMYK 99, 85, 36, 27
HEX 1c355e
Primary Gray
CMYK 75, 67, 47, 36
HEX 404353

Grays

Grays can be used in combination with any primary and secondary colors. In most cases, the gray serves as a background to denote a separation of content (like sections on a web page) and is most often paired with white.

Brand Black
CMYK 76, 69, 64, 82
HEX 0e0f13
Text Black
CMYK 0, 0, 0, 100
HEX 000000
Gray 8
CMYK 80, 73, 57, 73
HEX 181a24
Primary Gray
CMYK 75, 67, 47, 36
HEX 404353
Gray 6
CMYK 69, 60, 45, 24
HEX 545765
Gray 5
CMYK 52, 43, 34, 3
HEX 838591
Gray 4
CMYK 33, 26, 22, 0
HEX acaeb5
Gray 3
CMYK 15, 11, 9, 0
HEX d5d7db
Gray 2
CMYK 6, 4, 3, 0
HEX ecedf0
Gray 1
CMYK 3, 1, 0, 0
HEX f5f7fa

Secondary Colors

Secondary colors should be used sparingly in layouts and always in combination with Brand Orange. Typically they are used to add interest/difference to elements within groups of elements that are similar. As an example, a grid of features or videos.

Yellow
CMYK 0, 26, 92, 0
HEX f2c300
Yellow-Green
CMYK 51, 0, 100, 0
HEX 84d329
Green
CMYK 78, 0, 100, 0
HEX 1ab437
Teal
CMYK 74, 0, 37, 0
HEX 00bab3
Aqua
CMYK 69, 0, 12, 0
HEX 00c0dd
Dusty Blue
CMYK 87, 49, 4, 0
HEX 0a76b6
Plum
CMYK 50, 90, 0 , 0
HEX 9c27b0
Pink
CMYK 2, 98, 42, 0
HEX e91e63
Red
CMYK 4, 97, 96, 0
HEX e52929

The JobTread Platform