Brand

Color Resources

Here you will find all of the Twilio brand approved colors.

Please review our usage guidelines

Primary palette

Our primary palette defines our brand. When people think of Twilio, they should think of these three colors.

Name
Twilio Red
RGB
242 47 70
Hex
F22F46
CMYK
0 93 79 0
PMS
185
Name
Night
RGB
0 20 137
Hex
001489
CMYK
100 89 0 0
PMS
Reflex Blue
Name
White
RGB
255 255 255
Hex
#FFFFF
CMYK
0 0 0 0
PMS
-

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.

Secondary palette
RGB
HEX
CMYK
PMS
Blue-50 (Cerulean)
0 140 255
008CFF
89 0 1 0
3005
Green-50 (Treefrog)
54 213 118
36D576
43 0 60 0
7488
Tangerine
244 124 34
F47C22
0 43 90 0
144
Yellow-40 (Egg Yolk)
255 221 53
FFDD35
5 1 93 0
3955
Purple-50 (Orchid)
140 91 216
8C5BD8
58 71 0 0
272

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

Grays
RGB
HEX
CMYK
PMS
Gray-100
18 28 45
121c2d
- - - -
-
Gray-90
31 48 76
1F304C
- - - -
-
Gray-80
57 71 98
394762
- - - -
-
Gray-70
75 86 113
4B5671
- - - -
-
Gray-60
96 107 133
606B85
- - - -
-
Gray-50
136 145 170
8891AA
- - - -
-
Gray-40
174 178 193
AEB2C1
- - - -
-
Gray-30
202 205 216
CACDD8
- - - -
-
Gray-20
225 227 234
E1E3EA
- - - -
-
Gray-10
244 244 246
F4F4F6
- - - -
-

Red

Reds
RGB
HEX
CMYK
PMS
Red-100
49 12 12
310c0c
- - - -
-
Red-90
74 11 11
4a0b0b
- - - -
-
Red-80
117 12 12
750c0c
- - - -
-
Red-70
173 17 17
ad1111
- - - -
-
Red-60
214 31 31
d61f1f
- - - -
-
Red-50
235 86 86
eb5656
- - - -
-
Red-40
245 138 138
f58a8a
- - - -
-
Red-30
246 177 177
f6b1b1
- - - -
-
Red-20
252 207 207
fccfcf
- - - -
-
Red-10
254 236 236
feecec
- - - -
-

Oranges

Orange
RGB
HEX
CMYK
PMS
Orange-100
64 19 15
40130F
- - - -
-
Orange-90
84 25 20
541914
- - - -
-
Orange-80
141 49 24
8D3118
- - - -
-
Orange-70
195 83 35
C35323
- - - -
-
Orange-60
244 124 34
F47C22
- - - -
-
Orange-50
250 153 80
FA9950
- - - -
-
Orange-40
255 179 122
FFB37A
- - - -
-
Orange-30
250 194 160
FAC2A0
- - - -
-
Orange-20
253 220 196
FDDCC4
- - - -
-
Orange-10
254 245 238
FEF5EE
- - - -
-

Yellows

Yellows
RGB
HEX
CMYK
PMS
Orange-100
61 33 6
3D2106
- - - -
-
Yellow-90
84 51 8
543308
- - - -
-
Yellow-80
133 92 21
855C15
- - - -
-
Yellow-70
194 142 0
C28E00
- - - -
-
Yellow-60
232 180 7
E8B407
- - - -
-
Yellow-50
250 209 0
FAD100
- - - -
-
Yellow-40
255 221 53
FFDD35
- - - -
-
Yellow-30
255 233 128
FFE980
- - - -
-
Yellow-20
255 241 179
FFF1B3
- - - -
-
Yellow-10
255 251 234
FFFBEA
- - - -
-

Greens

Greens
RGB
HEX
CMYK
PMS
Green-100
5 41 18
052912
- - - -
-
Green-90
13 58 31
0D3A1F
- - - -
-
Greens-80
11 96 45
0B602D
- - - -
-
Green-70
14 124 58
0E7C3A
- - - -
-
Green-60
20 176 83
14B053
- - - -
-
Green-50
54 213 118
36D576
- - - -
-
Green-40
123 234 165
7BEAA5
- - - -
-
Green-30
162 246 195
A2F6C3
- - - -
-
Green-20
209 250 224
D1FAE0
- - - -
-
Green-10
237 253 243
EDFDF3
- - - -
-

Blues

Blues
RGB
HEX
CMYK
PMS
Blue-100
6 3 58
06033A
- - - -
-
Blue-90
3 11 93
030B5D
- - - -
-
Blue-80
0 20 137
001489
- - - -
-
Blue-70
4 60 181
043CB5
- - - -
-
Blue-60
2 99 224
0263E0
- - - -
-
Blue-50
0 140 255
008CFF
- - - -
-
Blue-40
102 178 255
66B2FF
- - - -
-
Blue-30
153 205 255
99CDFF
- - - -
-
Blue-20
204 228 255
CCE4FF
- - - -
-
Blue-10
235 244 255
EBF4FF
- - - -
-

Purples

Purple
RGB
HEX
CMYK
PMS
Purple-100
22 4 51
160433
- - - -
-
Purple-90
34 9 74
22094A
- - - -
-
Purple-80
56 14 120
380E78
- - - -
-
Purple-70
88 23 189
5817BD
- - - -
-
Purple-60
109 46 209
6D2ED1
- - - -
-
Purple-50
140 91 216
8C5BD8
- - - -
-
Purple-40
166 127 227
A67FE3
- - - -
-
Purple-30
200 175 240
C8AFF0
- - - -
-
Purple-20
231 220 250
E7DCFA
- - - -
-
Purple-10
245 240 252
F5F0FC
- - - -
-
Accessibility and color

We are committed to following AA standard contrast ratios. We select colors with sufficient contrast so that our content is legible to all customers.

Are your colors accessible?