Primary palette
Our primary palette anchors around neutrals, with a singular hero color green. In most brand applications, green should be the key player. We use neutrals, black, and white to ground it and create focus. Careful application of this palette should feel technical, sophisticated, serious, and uncomplicated.
GitHub Green
#0FBF3E
15/191/62
92/0/67/25
348 C
Gray 1
#F2F5F3
242/245/243
1/0/1/4
Cool Gray 1
Gray 2
#E4EBE6
228/235/230
3/0/2/8
441
Gray 3
#B6BFB8
182/191/184
5/0/4/25
442
Gray 4
#909692
144/150/146
4/0/3/41
443
Gray 5
#232925
35/41/37
15/0/10/84
447
Gray 6
#101411
16/20/17
20/0/15/92
Process Black
Green 1
#BFFFD1
191/255/209
20/0/30/0
7486
Green 2
#8CF2A6
140/242/166
42/0/31/5
7487
Green 3
#5FED83
95/237/131
59/0/45/7
2268
Green 4
#0FBF3E
15/191/62
92/0/67/25
360
Green 5
#08872B
8/135/43
94/0/68/47
362
Green 6
#0A241B
10/36/27
100/0/81/66
3435
These speaker cards demonstrate a good proportion of color: mostly neutral colors with small moments of green.
Secondary palette
The secondary palette helps support expressive moments in our key art. They present a range of possibilities for a variety of applications, but our iconic GitHub Green should still be the thread that unites them. This palette is most helpful when theming Security or Copilot content. Each theme comes with its own accent color (right column) which helps support when needed. These vibrant colors should be used sparingly and should primarily show up in illustrations.
Two examples of how secondary colors support in key art illustration, and in branding Security and Copilot messaging.
Copilot Theme
Copilot is a prominent part GitHub’s offering. It’s also an exciting developing technology, as reflected in our unique visuals and themes that enhance its marketing. Copilot’s distinctive qualities shouldn’t overshadow or feel separate from the core brand. In contexts that clearly relate to GitHub, we use the copilot icon in a supporting role. See the Copilot page for more on Copilot’s visual approach.
Copilot Purple
#8534F3
133/52/243
45/79/0/5
2685
Purple 1
#C898FD
200/152/253
21/40/0/0
2635
Purple 2
#B870FF
184/112/255
28,56,0,0
2577
Purple 3
#8534F3
133/52/243
45/79/0/5
2685
Purple 4
#43179E
67/23/158
58/86/0/38
Violet
Purple 5
#26115F
38/17/95
60/82/0/63
2755
Purple 6
#160048
22/0/72
69/100/0/71
2735
Orange 1
#F4A876
244/168/118
0/31/52/4
1555
Orange 2
#F08A3A
240/138/58
0/43/76/6
715
Orange 3
#FE4C25
254/76/37
0/63/91/0
1655
Orange 4
#C53211
197/50/17
0/75/91/23
485
Orange 5
#801E0F
128/30/15
0/77/88/50
1805
Orange 6
#500A00
80/10/0
0/88/100/69
1815
Purple is thoughtfully injected to highlight Copilot products and features. By overlaying text on neutral backgrounds, we can easily use purple in collaboration with GitHub Green without competing for attention or clashing.
Security Theme
Security is one of our biggest offerings. We ensure trust and security is clearly our priority for our products and brand experience. Like our Copilot brand, the distinctive qualities of our Security brand shouldn’t overshadow or feel separate from the core brand.
Security Blue
#3094FF
48/148/255
81/42/0/0
279
Blue 1
#9EECFF
158/236/255
38/7/0/0
290
Blue 2
#3094FF
48/148/255
81/42/0/0
279
Blue 3
#1A61FE
0/110/219
100/50/0/14
285
Blue 4
#0527FC
5/39/252
98/85/0/1
2935
Blue 5
#212183
33/33/131
75/75/0/49
2728
Blue 6
#001C4D
0/28/77
100/64/0/70
3597
Lime 1
#DCFF96
220/255/150
14/0/41/0
372
Lime 2
#D3FA37
211/250/55
10/0/74/0
387
Lime 3
#D8BD0E
216/189/14
0/12/94/15
611
Lime 4
#DB9D00
219/157/0
0/18/100/0
7406
Lime 5
#D67200
214/114/0
0/42/100/1
138
Lime 6
#703100
112/49/0
0/56/100/43
1615
We leverage blue’s calming effect to communicate trust, reliability, and protection. Blue is injected only to highlight our security products and features. By overlaying text on neutral backgrounds, we can easily use blue in collaboration with GitHub Green without competing for attention or clashing.
