Colors
Color is a powerful brand identifier. It also provides contrast and helps define hierarchy to guide our customers’ attention. We believe that color should be used boldly, but not excessively. Consider the value that color contributes to your message. When someone thinks of Twilio, the first color we want to come to mind is Twilio Red. However, we have an extensive palette of colors beyond red to create a vibrant universe. Our color palette maintains unity across all Twilio properties, from marketing to product design.
Color distribution
It is important to display our colors in the correct relationship with one another. We use bright colors deliberately to guide viewers attention and highlight important pieces of information or to create vibrant illustrations. When selecting colors, consider how familiar your audience is with Twilio.
Rookie audience
A rookie audience has had limited or no exposure to the Twilio brand. For this audience our primary concern is recognition. We emphasize Twilio Red and avoid introducing too many secondary colors.
Veteran audience
A veteran audience has had consistent, repeated exposure to the Twilio brand. For this audience, our primary concern is building a relationship. We use our secondary palette more liberally while we expand the Twilio universe.
Night mode
When an environment demands a subdued brand presence, we have the option of making Night the prominent color. In this context, Twilio Red is used as a highlight color.
Color values
Color values always need to be consistent in all applications. Please reference our color chart below for brand approved RGB, Hex, CMYK, and PMS color values.
Primary palette
Our primary palette defines our brand. When people think of Twilio, they should think of these three colors.
Secondary palette
Our secondary palette enables us to create a diverse visual universe. We use these colors to help guide attention through a layout or illustration.
Extended palette
Our extended palette allows us to create a complete environment. We use these shades to support the primary and secondary color palettes to create depth or hierarchy. These colors should not be seen as dominate in a composition.
Gray
Red
Oranges
Yellows
Greens
Blues
Purples
We are committed to following AA standard contrast ratios. We select colors with sufficient contrast so that our content is legible to all customers.