Color
Color palette
Primary colors
Our colors express our commitment to being a welcoming, vibrant, and accessible brand. The palette is simple and flexible allowing for application across business segments while maintaining unity.
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
#ffdb45
Lemon
#ffc247
#ff9933
#ffc9c9
#ff5543
Vermillion
#ed2e20
#c22626
#ffd1f2
#d62687
Cerise
#c4147d
#9e1769
#e8d1ff
#a112ff
Vivid Violet
#820dde
#6112a3
#bfbfff
#6b59ed
Plum
#5033E1
Blurple
#3826cc
#c7ffff
#00cbec
Sky Blue
#00a1c7
#005482
#c4ffe8
#8fedcf
Mint
#17ab52
#1f7d45
Colors for website UI
Use supporting colors for added tonality and awareness within website UI.
Color use
When creating a layout, the logo should be the primary object that informs the rest of the layout. Once the logo is placed, add appropriate colors keeping in mind that our vibrant colors can quickly become visually overwhelming.
Color use for website UI
When applying color to website UI elements use Sourcegraph Red, Green, and Blurple from our secondary palette. Dark gray can be used for text and icons.
Sourcegraph Blurple
Blurple is used for button elements and CTA text.
Sourcegraph Action Green
Green is used for check mark elements and to signal positive messages.
Sourcegraph Alert Red
Red is used to signal serious alerts and error warnings.
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.
Gradients
Our gradients provide visual interest to backgrounds or container shapes. Gradients should be used sparingly.
Gradient use
See PDF
Gradient misuse
See PDF
Accessibility
See PDF