Color

Color palette

Primary colors

Our colors express our commitment to being an inspiring, vibrant, and accessible brand. The palette is simple and flexible allowing for application across business segments while maintaining unity.

Sourcegraph Blue
#00cbec
Sourcegraph Violet
#a112ff
Sourcegraph Vermillion
#ff5543

Secondary colors

Use supporting colors for graphic elements, illustrations, callouts, website UI elements, and more.

Primary logo colors have been marked. The secondary colors, along with shades and tints, were chosen to support and compliment these three core colors.

#fff2cf Lemon 200
#ffdb45 Lemon 300
#ffc247 Lemon 400
#ff9933 Lemon 500
#ffdfdc Vermillion 100
#ffc9c9 Vermillion 200
#ff5543 Vermillion 300
Primary logo color
#ed2e20 Vermillion 400
#c22626 Vermillion 500
#ffdff5 Cerise 100
#ffd1f2 Cerise 200
#e1449a Cerise 300
#d62687 Cerise 400
#c4147d Cerise 500
#9e1769 Cerise 600
#eedfff Violet 100
#e8d1ff Violet 200
#ce9cff Violet 300
#a112ff Violet 400
Primary logo color
#820dde Violet 500
#6112a3 Violet 600
#270741 Violet 700
#dbdbff Blurple 100
#bfbfff Blurple 200
#6b59ed Blurple 300
#5033E1 Blurple 400
#3826cc Blurple 500
#dcfefe Blue 100
#c7ffff Blue 200
#00cbec Blue 300
Primary logo color
#00a1c7 Blue 400
#005482 Blue 500
#d2fff1 Green 100
#c4ffe8 Green 200
#8fedcf Green 300
#17ab52 Green 400
#1f7d45 Green 500
#ffffff White
#f9fafb Grayscale 50
#F5F7FB Grayscale 100
#DBE2F0 Grayscale 200
#A6B6D9 Grayscale 300
#5E6E8C Grayscale 400
#343A4D Grayscale 500
#16181F Grayscale 600
#0F111A Grayscale 700

Color misuse

Color should be used consistently to communicate a cohesive system.
Do not alter existing colors or add new colors to the palette. Use color to your advantage—and not to the detriment of a design.

Do not add new colors to the brand palette.
Do not use too many colors in a design.
Do not set text in a color that does not meet ADA requirements.
Do not use Sourcegraph primary blue, or any other brand colors that don’t meet ADA compliance for text or UI elements.
Do not saturate a design with color.
Do not set the logo on a color or gradient that does not have sufficient contrast.

Gradient use

See PDF

Gradient misuse

See PDF

Accessibility

See PDF