Skip to main content

On-demand webinar coming soon...

On-demand webinar coming soon...

Color

Our color palette is inspired by our brand personality. Each color, and its suggested usage, is chosen to accurately reflect OneTrust.

Ratio

Green represents growth, reliability, and balance, helping us communicate trustworthiness. From a logo in the corner to large-scale backdrops, ensuring green is part of any OneTrust space reinforces our distinct brand. Offsetting color with the simplicity of neutral tones is key for creating breathing room.

Example of a OneTrust display with excellent use of our color. The green takes up 85% of the display's color scheme

Color palette

The OneTrust palette includes color values for digital and print. PMS colors are not included for the extended palette. For details on using type and color use see the typography page.

Note: When printing PMS colors, always refer to the latest Pantone Color Formula Guide® as a guide to reproducing colors.

Layout describing the different color schemes available to designers: The text reads "1. Neutral: A neutral foundation of white and gray creates a sense of simplicity. 2. Primary and secondary: Multiple shades of green provide flexibility while continuing to reinforce trust. The second palette brings energy and vibrancy. 3. Gradients: Transitional shades inspired by our primary and secondary palettes add depth."

01. Neutral colors

Used often, the neutrals act as a clean, simple foundation for communications, swag, and digital spaces. In more colorful moments, smaller hits of white for our logos, text, icons, etc. create contrast.

White
HEX - #FFFFFF
RGB - 255/255/255
CMYK - 0/0/0/0

Gray
HEX - #E7E7E7
RGB - 231/231/231
CMYK - 0/0/0/10

02. Primary & secondary colors

Tones of green evoke trust. We use green often, in large amounts as a backdrop or in smaller amounts in our logos, text, icons, etc. Black is used less often, providing legibility for text. A vibrant secondary color palette adds warmth, humanity, and range in our illustrations, charts, and infographics.

Black
HEX - #000000
RGB - 0/0/0
CMYK - 60/40/40/100

Medium Green
HEX - #2C6145
RGB - 44/97/69
CMYK - 82/39/78/30
PMS - 7734 C

Light Green
HEX - #55A05E
RGB - 85/160/94
CMYK - 70/16/82/2
PMS - 7738 C

Light Blue
HEX - #469DBC
RGB - 70/157/188
CMYK - 70/24/18/0
PMS - 7459 C

Dark Blue
HEX - #1679B7
RGB - 22/121/183
CMYK - 85/46/5/0
PMS - 2390 C

Purple
HEX - #7971CA
RGB - 121/113/202
CMYK - 58/60/0/0
PMS - 272 C

Dark Orange
HEX - #E77450
RGB - 231/116/80
CMYK - 5/67/73/0
PMS - 4011 C

Light Orange
HEX - #F38D56
RGB - 243/141/86
CMYK - 0/54/71/0
PMS - 2023 C

Yellow
HEX - #FFCF7A
RGB - 255/207/122
CMYK - 0/20/60/0
PMS - 1345 C

03. Gradient colors

Shades rooted in our primary and secondary palettes add depth to communications. These colors, though used less often, show up in the same places as our other colors: illustrations, charts, and infographics. 

Black 2
HEX - #101614
RGB - 16/22/20
CMYK - 76/65/67/81

Black 3
HEX - #1E2D25
RGB - 30/45/37
CMYK - 77/57/71/67

Medium Green 2
HEX - #284939
RGB - 40/73/57
CMYK - 80/47/75/47
PMS - 553 C

Medium Green 3
HEX - #295440
RGB - 41/84/64
CMYK - 82/43/76/39
PMS - 554 C

Light Green 2
HEX - #346E4A
RGB - 52/110/74
CMYK - 81/34/82/22
PMS - 555 C

Light Green 3
HEX - #468254
RGB - 70/130/84
CMYK - 76/27/82/12
PMS - 2408 C

Light Blue 2
HEX - #4F9D81
RGB - 79/157/129
CMYK - 72/20/60/02

Light Blue 3
HEX - #499BA7
RGB - 73/155/167
CMYK - 71/24/32/0

Dark Blue 2
HEX - #3D93B9
RGB - 61/147/185
CMYK - 75/30/16/0

Dark Blue 3
HEX - #2B84B7
RGB - 43/132/183
CMYK - 80/40/10/0

Purple 2
HEX - #4075BC
RGB - 64/117/188
CMYK - 78/52/0/0

Purple 3
HEX - #6672C4
RGB - 102/114/196
CMYK - 65/57/0/0

Dark Orange 2
HEX - #A27298
RGB - 162/114/152
CMYK - 40/62/20/0

Dark Orange 3
HEX - #CF746A
RGB - 207/116/106
CMYK - 16/65/55/0

Light Orange 2
HEX - #E57450
RGB - 229/116/80
CMYK - 6/68/73/0

Light Orange 3
HEX - #EC8053
RGB - 236/128/83
CMYK - 4/61/73/0

Yellow 2
HEX - #F6A664
RGB - 246/166/100
CMYK - 0/40/67/0

Yellow 3
HEX - #FAC073
RGB - 250/192/115
CMYK - 1/27/63/0

Extended web and illustration palette

Tints of our brand colors can be used to add depth to graphics or to ensure hierarchy and legibility within digital spaces, infographics and illustrations. 

Graphic showing how OneTrust's green color is used to accent a UI mockup.