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 87 0 20
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
75 18 0 0
2925
Green-50 (Treefrog)
54 213 118
36D576
64 0 71 0
7479
Tangerine
244 124 34
F47C22
0 45 97 0
3588
Yellow-40 (Egg Yolk)
255 221 53
FFDD35
5 1 93 0
3955
Purple-50 (Orchid)
140 91 216
8C5BD8
54 67 0 0
265

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
88 63 40 85
433
Gray-90
31 48 76
1F304C
- - - -
-
Gray-80
57 71 98
394762
78 57 39 56
432
Gray-70
75 86 113
4B5671
66 48 33 47
432 (85%)
Gray-60
96 107 133
606B85
63 45 34 25
431
Gray-50
136 145 170
8891AA
50 34 27 11
430
Gray-40
174 178 193
AEB2C1
35 23 19 2
429
Gray-30
202 205 216
CACDD8
21 13 8 0
428
Gray-20
225 227 234
E1E3EA
11 7 4 0
428 (50%)
Gray-10
244 244 246
F4F4F6
5 3 2 0
428 (25%)

Red

Reds
RGB
HEX
CMYK
PMS
Red-100
49 12 12
310c0c
- - - -
-
Red-90
74 11 11
4a0b0b
28 89 60 77
2449
Red-80
117 12 12
750c0c
2 97 72 52
1815
Red-70
173 17 17
ad1111
0 97 78 22
1805
Red-60
214 31 31
d61f1f
0 92 72 6
1797
Red-50
235 86 86
eb5656
0 75 57 0
178
Red-40
245 138 138
f58a8a
0 58 29 0
177
Red-30
246 177 177
f6b1b1
0 34 9 0
176
Red-20
252 207 207
fccfcf
0 17 5 0
176 (50%)
Red-10
254 236 236
feecec
0 9 2 0
176 (25%)

Oranges

Orange
RGB
HEX
CMYK
PMS
Orange-100
64 19 15
40130F
0 68 100 67
1545
Orange-90
84 25 20
541914
0 68 100 67
1545
Orange-80
141 49 24
8D3118
0 71 100 38
1535
Orange-70
195 83 35
C35323
0 68 100 7
159
Orange-60
244 124 34
F47C22
0 62 97 0
158
Orange-50
250 153 80
FA9950
0 45 97 0
3588
Orange-40
255 179 122
FFB37A
0 30 71 0
150
Orange-30
250 194 160
FAC2A0
0 17 47 0
148
Orange-20
253 220 196
FDDCC4
0 9 24 0
148 (50%)
Orange-10
254 245 238
FEF5EE
0 4 12 0
148 (25%)

Yellows

Yellows
RGB
HEX
CMYK
PMS
Yellow-100
61 33 6
3D2106
- - - -
-
Yellow-90
84 51 8
543308
19 46 91 67
7553
Yellow-80
133 92 21
855C15
0 34 100 36
132
Yellow-70
194 142 0
C28E00
0 34 100 18
3547
Yellow-60
232 180 7
E8B407
0 20 100 0
3514
Yellow-50
250 209 0
FAD100
0 5 100 0
116
Yellow-40
255 221 53
FFDD35
0 2 99 0
108
Yellow-30
255 233 128
FFE980
1 0 79 0
106
Yellow-20
255 241 179
FFF1B3
1 0 40 0
106 (50%)
Yellow-10
255 251 234
FFFBEA
0 0 20 0
106 (25%)

Greens

Greens
RGB
HEX
CMYK
PMS
Green-100
5 41 18
052912
- - - -
-
Green-90
13 58 31
0D3A1F
75 2 100 77
2411
Greens-80
11 96 45
0B602D
78 11 84 54
7483
Green-70
14 124 58
0E7C3A
91 0 100 26
356
Green-60
20 176 83
14B053
81 0 93 0
7481
Green-50
54 213 118
36D576
64 0 71 0
7479
Green-40
123 234 165
7BEAA5
33 0 29 0
7478
Green-30
162 246 195
A2F6C3
21 0 21 0
2253
Green-20
209 250 224
D1FAE0
10 0 10 0
2253 (50%)
Green-10
237 253 243
EDFDF3
5 0 5 0
2253 (25%)

Blues

Blues
RGB
HEX
CMYK
PMS
Blue-100
6 3 58
06033A
- - - -
-
Blue-90
3 11 93
030B5D
100 78 0 57
281
Blue-80
0 20 137
001489
100 87 0 20
Reflex Blue
Blue-70
4 60 181
043CB5
100 76 0 9
293
Blue-60
2 99 224
0263E0
100 56 0 3
300
Blue-50
0 140 255
008CFF
75 18 0 0
2925
Blue-40
102 178 255
66B2FF
55 13 0 0
292
Blue-30
153 205 255
99CDFF
38 4 0 0
291
Blue-20
204 228 255
CCE4FF
19 2 0 0
291 (50%)
Blue-10
235 244 255
EBF4FF
10 1 0 0
291 (25%)

Purples

Purple
RGB
HEX
CMYK
PMS
Purple-100
22 4 51
160433
- - - -
-
Purple-90
34 9 74
22094A
89 100 0 58
2695
Purple-80
56 14 120
380E78
97 100 0 19
2685
Purple-70
88 23 189
5817BD
81 99 0 0
267
Purple-60
109 46 209
6D2ED1
71 88 0 0
266
Purple-50
140 91 216
8C5BD8
54 67 0 0
265
Purple-40
166 127 227
A67FE3
39 56 0 0
2577
Purple-30
200 175 240
C8AFF0
24 38 0 0
2567
Purple-20
231 220 250
E7DCFA
12 19 0 0
2567 (50%)
Purple-10
245 240 252
F5F0FC
6 10 0 0
2567 (25%)
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?