Software & SaaS
Twilio Color Codes
Twilio's color is red #F22F46. The Twilio color codes in Hex, RGB and CMYK can be found below. Jeff Lawson, Evan Cooke and John Wolthuis, all University of Michigan graduates, founded it in 2008 to put phone calls and text messages behind a web API. The red is one of the few in a category that runs mostly on blue and purple.
Primary colors
What are Twilio Primary Colors?
Twilio's primary color is red #F22F46, a bright red that leans slightly pink.
Twilio publishes no public CMYK or Pantone sheet, so both are shown below as conversions and nearest matches.
Twilio Red
| Hex | #F22F46 |
|---|---|
| RGB | 242, 47, 70 |
| HSL | hsl(353, 88%, 57%) |
| CMYK | 0%, 81%, 71%, 5%converted · approximate |
| Pantone | PMS 1787 Cnearest match · not published by the brand |
Twilio Hex Color Codes
Twilio hex color codes are #F22F46 for red.
| Color | Hex |
|---|---|
| Red | #F22F46 |
Twilio RGB Color Codes
Twilio RGB color codes are 242, 47, 70 for red. Reach for RGB when a tool wants channel numbers or a CSS alpha value.
| Color | RGB |
|---|---|
| Red | rgb(242, 47, 70) |
Twilio HSL Color Codes
Twilio HSL color codes are 353, 88%, 57% for red. Change the third value for a lighter or darker version without moving the hue.
| Color | HSL |
|---|---|
| Red | hsl(353, 88%, 57%) |
Twilio CMYK Color Code
Twilio CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.
| Color | CMYK |
|---|---|
| Red | 0%, 81%, 71%, 5% |
Twilio Pantone Color Codes
Twilio Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.
| Color | Nearest Pantone |
|---|---|
| Red | PMS 1787 C |
Logo
Twilio Logo Colors
Twilio logo colors are a single red, on a rounded mark and the wordmark together.
Twilio Logo Colors Palette
What the Twilio Logo Colors Mean?
The Twilio logo colors carry a shape that is easy to miss. The mark is a rounded square holding two dots and a curve, which reads as a speech bubble and as a face at the same time, and both readings point at conversation. Red for a developer tool is a deliberate outlier: the category is full of blues and violets, and picking the one color associated with errors takes some nerve. At 3.9:1 on white it fails AA for body text, so the docs set copy in a dark neutral and keep the red for the mark.
Twilio Logo JPG
Twilio logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.
Twilio Logo PNG
Twilio logo in PNG, with a transparent background. Use it over a colored surface.
Twilio Logo WebP
Twilio logo in WebP. Same transparency as the PNG at about a third of the file size.
Twilio Color Code Shades
Twilio color code shades step evenly from the primary toward black, for hover states, borders and shadows.
These are interface steps, not Twilio paint or trim names.
In code
Using the Twilio palette
CSS custom properties
:root {
--twilio-red: #F22F46;
}Contrast against white
| Red | 3.98:1AA × |
|---|
Brand colors are chosen for recognition, not for legibility. A failing value here is normal. It means use it as a fill, not as text.