Skip to main content

Color

We utilize color for brand recognition and expression, centering around GitHub Green while complementing it with a diverse palette that adds richness and depth to our visuals. Each design environment features its own color system, ensuring confidence and subtlety.

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, neutral, and uncomplicated.

GitHub Green

#0FBF3E

15/191/62

92/0/67/25

360

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

A dark visual example of GitHub's brand colors.A light visual example of GitHub's brand colors.

These digital assets demonstrate a good proportion of color: mostly neutral colors with small moments of green.

Wider Spectrum Palette

The Wider Spectrum Palette helps support expressive moments in our key illustrations, and for extending the brand when necessary.

Blue 1

#8DD6FF

141/214/255

45/16/0/0

2905

Blue 2

#5FB9FF

95/185/255

63/27/0/0

2915

Blue 3

#3094FF

48/148/255

81/42/0/0

2995

Blue 4

#1A61FE

26/97/254

90/62/0/0

2727

Blue 5

#0527FC

5/39/252

98/85/0/1

2736

Blue 6

#0040A7

0/64/167

100/62/0/35

2945

Blue 7

#002F7A

0/47/122

100/61/0/52

289

Indigo 1

#B3C1FD

179/193/253

29/24/0/1

2706

Indigo 2

#6B7BEF

107/123/239

55/49/0/6

2725

Indigo 3

#4956E5

73/86/229

68/62/0/10

2735

Indigo 4

#583AF7

88/58/247

64/77/0/3

2665

Purple 1

#DBBFFD

219/191/253

13/25/0/1

2567

Purple 2

#C898FD

200/152/253

21/40/0/1

2577

Purple 3

#B870FF

184/112/255

28/56/0/0

2585

Purple 4

#8534F3

133/52/243

45/79/0/5

2597

Red 1

#FFE2F3

255/226/243

0/11/5/0

706

Red 2

#FFABA8

255/171/168

0/33/34/0

1775

Red 3

#FA4549

250/69/73

0/72/71/2

1788

Yellow 1

#C7A60B

199/166/11

0/17/94/22

7755

Orange 1

#DA7210

218/114/16

0/48/93/15

1585

Orange 2

#B85B06

184/91/6

0/51/97/28

1525

Pink 1

#FF80D2

255/128/210

0/50/18/0

224

Pink 2

#F73678

247/54/120

0/78/51/3

213



Illustrations

Our Wider Spectrum Palette comes to life primarily through illustration, creating a vibrant and expressive visual world. Explore our ready-to-use illustration library in the Illustration section of this guide.

A grid of GitHub illustrations showing the Wider Spectrum Palette applied across Octocat, security, and product visuals.