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.
Learn more
© 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.