Color

Our signature look

Principles

Our brand colors set us apart from the crowd and tie our brand experience together to make sure Pendo always looks like Pendo—in our product and throughout our content.


Color palette

Primary

Pank, our signature pink hue, is at the heart of our palette. It embodies our passion for product and reflects our vibrant spirit. Our most prominent color, we wear Pank proudly and with purpose. It should always be present in our branded materials, especially in places where the brand isn’t already established.

Pank

#FF4876

RGB: 255, 72, 118

Secondary

A focused family of warm and cool tones support pink, giving us more energy, flexibility, and recognition. Absolute tints of 60 and 30 are integral to the secondary palette. These varying tints can layer to add depth, becoming both vibrant and calm.

Blurple

#4546E0

RGB: 69, 70, 224

Blurple 60

#8F90EC

RGB: 143, 144, 236

Blurple 30

#C7C8F6

RGB: 199, 200, 246

Purple

#8B4BEF

RGB: 139, 75, 239

Purple 60

#B993F5

RGB: 185, 147, 245

Purple 30

#DCC9FA

RGB: 220, 201, 250

Magenta

#D658D3

RGB: 214, 88, 211

Magenta 60

#E69BE5

RGB: 230, 155, 229

Magenta 30

#F3CDF2

RGB: 243, 205, 242

Orange

#FF8C00

RGB: 255, 140, 0

Orange 60

#FFBA66

RGB: 255, 186, 102

Orange 30

#FFDDB3

RGB: 255, 221, 179

Neutrals

Rich neutrals add depth to our visuals, creating a canvas for other colors to sing and pop.

Off black

#060119

RGB: 6, 1, 25

Midnight

#17044A

RGB: 23, 4, 74

Darkle

#432277

RGB: 67, 34, 119

Mid gray

#C6C1DB

RGB: 198, 193, 219

LT gray

#EFEEF2

RGB: 239, 238, 242

White

#FFFFFF

RGB: 255, 255, 255


Color usage

The following guidelines inform how to use our primary and secondary palettes in a way that supports our brand and ensures colors appear properly when used together.

Do

Use neutral light/dark colors as backgrounds

Do

Layer high-contrast colors

Do

Use tone-on-tone with bold/deep colors in the foreground

Don't

Add additional colors to the palette

Don't

Layer low-contrast or clashing colors

Don't

Use tone-on-tone with bold/deep colors in the background


Contrast and accessibility

The following visualization shows approved text colors that may appear on each brand colored background. These are the only combinations that meet WCAG 2.0 accessibility contrast requirements.


Resources

Download our color palette here.


© 2024 Pendo.io, All Rights Reserved. Pendo trademarks, product names, logos and other marks and designs are trademarks of Pendo.io, Inc. or its subsidiaries and may not be used without permission.