Overview
This color palette should be used for all marketing material for ServiceTitan. There are eight colors: two primary colors (Titan Blue and Skyline), three secondary colors (Surrender, Darkest, and Dark), and three tertiary color (Critical, Yellow, and Green).
ServiceTitan Core Color Palette
Titan Blue
Hex:
0265DC
RGB:
34, 112, 238
CMYK:
86, 53, 0, 7
PMS:
285 C
Skyline
Hex:
6DBAF8
RGB:
109, 186, 248
CMYK:
50,15, 0, 0
PMS:
292 C
Surrender
Hex:
FFFFFF
RGB:
255, 255, 255
CMYK:
0, 0, 0, 0
PMS:
Darkest
Hex:
17191C
RGB:
23, 25, 28
CMYK:
60, 40, 40, 100
PMS:
Black 3 C
Dark
Hex:
22252A
RGB:
34, 37, 42
CMYK:
76, 67, 59, 68
PMS:
432 C
Critical
Hex:
E24F4F
RGB:
226, 79, 79
CMYK:
0, 65, 65, 11
PMS:
1795 C
Yellow
Hex:
FFE278
RGB:
255, 226, 120
CMYK:
1, 8, 64, 0
PMS:
120 C
Green
Hex:
49CC93
RGB:
73, 204, 147
CMYK:
64, 0, 58, 0
PMS:
3385 C
Primary Colors
The two primary colors in our palette are Titan Blue and Skyline, these blues indicate our core ServiceTitan brand identity and expression. Titan Blue and Skyline should be one of the highest ratio colors in all designs and comps. All shades of the colors should only be used sparingly or with approval from the Brand Studio.
Titan Blue
Hex:
0265DC
RGB:
34, 112, 238
CMYK:
86, 53, 0, 7
PMS:
285 C
![](https://cdn.prod.website-files.com/649d936c36ec2449d7d0847b/64ad796ae72aece81cf62ac6_tb-1.jpg)
Titan Blue/Titan Blue 1
Hex:
AFCBF9
RGB:
175, 203, 249
CMYK:
30, 18, 0, 2
![](https://cdn.prod.website-files.com/649d936c36ec2449d7d0847b/64ad796ae481e481572f5083_tb-2.jpg)
Titan Blue/Titan Blue 2
Hex:
7BAAF5
RGB:
123, 170, 245
CMYK:
50, 31, 0, 4
![](https://cdn.prod.website-files.com/649d936c36ec2449d7d0847b/64ad796a1ee474edaf379530_tb-3.jpg)
Titan Blue/Titan Blue Main
Hex:
0265DC
RGB:
34, 112, 238
CMYK:
86, 53, 0, 7
![](https://cdn.prod.website-files.com/649d936c36ec2449d7d0847b/64ad796a9371eb6d756227a5_tb-4.jpg)
Titan Blue/Titan Blue 4
Hex:
1B5ABE
RGB:
27, 90, 190
CMYK:
86, 53, 0, 25
![](https://cdn.prod.website-files.com/649d936c36ec2449d7d0847b/64ad796a77214b73bde7ede6_tb-5.jpg)
Titan Blue/Titan Blue 5
Hex:
14438E
RGB:
20, 67, 142
CMYK:
86, 53, 0, 44
![](https://cdn.prod.website-files.com/649d936c36ec2449d7d0847b/64ad796ace9423c64238f143_tb-6.jpg)
Titan Blue/Titan Blue 6
Hex:
103672
RGB:
16, 54, 114
CMYK:
86, 53, 0, 55
Skyline
Hex:
6DBAF8
RGB:
109, 186, 248
CMYK:
50,15, 0, 0
PMS:
292 C
![](https://cdn.prod.website-files.com/649d936c36ec2449d7d0847b/64ad796a37e09086ec0352dc_skyline-1.jpg)
Skyline/Skyline 1
Hex:
E8F4FE
RGB:
232, 244, 254
CMYK:
9, 4, 0, 0
![](https://cdn.prod.website-files.com/649d936c36ec2449d7d0847b/64ad796a77214b73bde7edcc_skyline4.jpg)
Skyline/Skyline 4
Hex:
5795C6
RGB:
87, 149, 198
CMYK:
56, 25, 0, 22
![](https://cdn.prod.website-files.com/649d936c36ec2449d7d0847b/64ad80b97797f06482ad31f5_skyline-main.jpg)
Skyline/Skyline Main
Hex:
6DBAF8
RGB:
109, 186, 248
CMYK:
50,15, 0, 0
![](https://cdn.prod.website-files.com/649d936c36ec2449d7d0847b/64ad796a7ac504f483eda6fd_skyline5.jpg)
Skyline/Skyline 5
Hex:
416F94
RGB:
115, 116, 117
CMYK:
56, 25, 0, 42
![](https://cdn.prod.website-files.com/649d936c36ec2449d7d0847b/64ad796a77214b73bde7ede6_tb-5.jpg)
Titan Blue/Titan Blue 5
Hex:
14438E
RGB:
20, 67, 142
CMYK:
86, 53, 0, 44
![](https://cdn.prod.website-files.com/649d936c36ec2449d7d0847b/64ad796a81af5459cecce9a0_skyline6.jpg)
Skyline/Skyline 6
Hex:
274359
RGB:
39, 67, 89
CMYK:
56, 25, 0, 65
Secondary Colors
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Surrender
Hex:
FFFFFF
RGB:
255, 255, 255
CMYK:
0, 0, 0, 0
PMS:
Darkest
Hex:
17191C
RGB:
23, 25, 28
CMYK:
60, 40, 40, 100
PMS:
Black 3 C
Dark
Hex:
22252A
RGB:
34, 37, 42
CMYK:
76, 67, 59, 68
PMS:
432 C
Tertiary Colors
The three tertiary colors in our palette are Critical, Yellow, and Green. The tertiary colors represent focal points within your design and should be used to draw the viewers eyes to create further contrast or hierarchy in your composition. Tertiary colors and the various shades should only be used sparingly or with approval from the Brand Studio.
Critical
Hex:
E24F4F
RGB:
226, 79, 79
CMYK:
0, 65, 65, 11
PMS:
1795 C
![](https://cdn.prod.website-files.com/649d936c36ec2449d7d0847b/64ad79684b6011e527255e10_critical-01.jpg)
Critical/Critical 1
Hex:
F4BFBF
RGB:
244, 191, 191
CMYK:
0, 22, 22, 4
![](https://cdn.prod.website-files.com/649d936c36ec2449d7d0847b/64ad79699abfb265fd9414f7_critical-02.jpg)
Critical/Critical 2
Hex:
EE9696
RGB:
238, 150, 150
CMYK:
0, 37, 37, 7
![](https://cdn.prod.website-files.com/649d936c36ec2449d7d0847b/64ad796981af5459cecce849_critical-03.jpg)
Critical/Critical Main
Hex:
0265DC
RGB:
226, 79, 79
CMYK:
0, 65, 65, 11
![](https://cdn.prod.website-files.com/649d936c36ec2449d7d0847b/64ad7969da5417d65d77c3a3_critical-04.jpg)
Critical/Critical 4
Hex:
B53F3F
RGB:
181, 63, 63
CMYK:
0, 65, 65, 29
![](https://cdn.prod.website-files.com/649d936c36ec2449d7d0847b/64ad79697ad94e9b510c6747_critical-05.jpg)
Critical/Critical 5
Hex:
872F2F
RGB:
135, 47, 47
CMYK:
0, 65, 65, 47
![](https://cdn.prod.website-files.com/649d936c36ec2449d7d0847b/64ad796a7af0936ba93d799f_critical-06.jpg)
Critical/Critical 6
Hex:
6C2626
RGB:
108, 38, 38
CMYK:
0, 65, 65, 58
Yellow
Hex:
FFE278
RGB:
255, 226, 120
CMYK:
1, 8, 64, 0
PMS:
120 C
![](https://cdn.prod.website-files.com/649d936c36ec2449d7d0847b/64ad796977214b73bde7ebbe_yellow-01.jpg)
Yellow/Yellow 1
Hex:
FFF9E2
RGB:
255, 249, 226
CMYK:
0, 2, 11, 0
![](https://cdn.prod.website-files.com/649d936c36ec2449d7d0847b/64ad7969e481e481572f4ecc_yellow-02.jpg)
Yellow/Yellow 2
Hex:
FFF0B1
RGB:
255, 240, 177
CMYK:
0, 6, 31, 0
![](https://cdn.prod.website-files.com/649d936c36ec2449d7d0847b/64ad7c1c385318b03ff58623_yellow-main.jpg)
Yellow/Yellow Main
Hex:
FFE278
RGB:
255, 226, 120
CMYK:
0, 11, 53, 0
![](https://cdn.prod.website-files.com/649d936c36ec2449d7d0847b/64ad79691a1082b685afc7d1_yellow-04.jpg)
Yellow/Yellow 4
Hex:
FFC902
RGB:
255, 201, 2
CMYK:
0, 21, 99, 0
![](https://cdn.prod.website-files.com/649d936c36ec2449d7d0847b/64ad79694fb88a2143975650_yellow-05.jpg)
Yellow/Yellow 5
Hex:
FFBE00
RGB:
255, 190, 0
CMYK:
0, 25, 100, 0
![](https://cdn.prod.website-files.com/649d936c36ec2449d7d0847b/64ad7969581c179528246be3_yellow-06.jpg)
Yellow/Yellow 6
Hex:
DE9500
RGB:
222, 149, 0
CMYK:
0, 29, 87, 13
Green
Hex:
49CC93
RGB:
73, 204, 147
CMYK:
64, 0, 58, 0
PMS:
3385 C
![](https://cdn.prod.website-files.com/649d936c36ec2449d7d0847b/64ad79692e3193cb39891170_green-01.jpg)
Green/Green 1
Hex:
CEF8E0
RGB:
206, 248, 224
CMYK:
16, 0, 9, 3
![](https://cdn.prod.website-files.com/649d936c36ec2449d7d0847b/64ad7969cae3f2e7003fc4e6_green-02.jpg)
Green/Green 2
Hex:
89ECBC
RGB:
137, 236, 188
CMYK:
39, 0, 19, 7
![](https://cdn.prod.website-files.com/649d936c36ec2449d7d0847b/64ad7c1c2e3193cb398c72cf_green-main.jpg)
Green/Green Main
Hex:
49CC93
RGB:
73, 204, 147
CMYK:
51, 0, 22, 20
![](https://cdn.prod.website-files.com/649d936c36ec2449d7d0847b/64ad796937e09086ec0350d3_green-04.jpg)
Green/Green 4
Hex:
15A46E
RGB:
21, 164, 110
CMYK:
56, 0, 21, 36
![](https://cdn.prod.website-files.com/649d936c36ec2449d7d0847b/64ad79697ac504f483eda642_green-05.jpg)
Green/Green 5
Hex:
007A4D
RGB:
0, 122, 77
CMYK:
48, 0, 18, 52
![](https://cdn.prod.website-files.com/649d936c36ec2449d7d0847b/64ad796a37e09086ec0351f3_green-06.jpg)
Green/Green 6
Hex:
005132
RGB:
0, 81, 50
CMYK:
32, 0, 12, 68
Grey/Neutral
The grey key color is used to derive surface color roles for backgrounds, as well as colors used for high emphasis text and icons.
![](https://cdn.prod.website-files.com/649d936c36ec2449d7d0847b/64ad79687cd445765562d636_grey-01.jpg)
Grey/Grey 1
Hex:
F5F5F5
RGB:
245, 245, 245
CMYK:
0, 0, 0, 4
![](https://cdn.prod.website-files.com/649d936c36ec2449d7d0847b/64ad874207ba9641171c343c_grey-02.jpg)
Grey/Grey 2
Hex:
EEEEEE
RGB:
238, 238, 238
CMYK:
0, 0, 0, 7
![](https://cdn.prod.website-files.com/649d936c36ec2449d7d0847b/64ad7969e72aece81cf6294b_grey-03.jpg)
Grey/Grey 3
Hex:
DFE0E1
RGB:
223, 224, 225
CMYK:
1, 0, 0, 12
![](https://cdn.prod.website-files.com/649d936c36ec2449d7d0847b/64ad7969581c179528246b91_grey-04.jpg)
Grey/Grey 4
Hex:
BCBCBD
RGB:
188, 188, 189
CMYK:
1, 1, 0, 26
![](https://cdn.prod.website-files.com/649d936c36ec2449d7d0847b/64ad7969385318b03ff1fadd_grey-05.jpg)
Grey/Grey 5
Hex:
949596
RGB:
148, 149, 150
CMYK:
1, 1, 0, 41
![](https://cdn.prod.website-files.com/649d936c36ec2449d7d0847b/64ad7969385318b03ff1fadd_grey-05.jpg)
Grey/Grey 6
Hex:
737475
RGB:
115, 116, 117
CMYK:
2, 1, 0, 54
![](https://cdn.prod.website-files.com/649d936c36ec2449d7d0847b/64ad7969385318b03ff1fb39_grey-07.jpg)
Grey/Grey 7
Hex:
606162
RGB:
96, 97, 98
CMYK:
2, 1, 0, 62
![](https://cdn.prod.website-files.com/649d936c36ec2449d7d0847b/64ad7969471cc7fb1c4b9445_grey-08.jpg)
Grey/Grey 8
Hex:
444445
RGB:
68, 68, 69
CMYK:
1, 1, 0, 73