Software & SaaS

GitLab Color Codes

GitLab's colors are three oranges: Tanuki Orange #FC6D26, Vermillion #E24329 and Sea Buckthorn #FCA326. The GitLab color codes in Hex, RGB and CMYK can be found below. The mark is a tanuki, the Japanese raccoon dog, drawn as a face made of separate strokes. Its closest rival is GitHub, which went the other way entirely and uses one near-black.

The GitLab logo, shown for identification. GitLab is a trademark of its owner and this site is not affiliated with it.

Primary colors

What are GitLab Primary Colors?

GitLab's primary color is Tanuki Orange #FC6D26, with two more oranges shading the mark.

GitLab publishes these color names in its own design system, so the hex codes here are published rather than sampled.

GitLab Orange

Hex	#FC6D26
RGB	252, 109, 38
HSL	hsl(20, 97%, 57%)
CMYK	0%, 57%, 85%, 1%converted · approximate
Pantone	PMS 1585 Cnearest match · not published by the brand

GitLab Vermillion

Hex	#E24329
RGB	226, 67, 41
HSL	hsl(8, 76%, 52%)
CMYK	0%, 70%, 82%, 11%converted · approximate
Pantone	PMS 179 Cnearest match · not published by the brand

GitLab Sea Buckthorn

Hex	#FCA326
RGB	252, 163, 38
HSL	hsl(35, 97%, 57%)
CMYK	0%, 35%, 85%, 1%converted · approximate
Pantone	PMS 137 Cnearest match · not published by the brand

GitLab Hex Color Codes

GitLab hex color codes are #FC6D26 for orange, #E24329 for vermillion and #FCA326 for sea buckthorn.

Color	Hex
Orange	#FC6D26
Vermillion	#E24329
Sea Buckthorn	#FCA326

GitLab RGB Color Codes

GitLab RGB color codes are 252, 109, 38 for orange, 226, 67, 41 for vermillion and 252, 163, 38 for sea buckthorn. Reach for RGB when a tool wants channel numbers or a CSS alpha value.

Color	RGB
Orange	rgb(252, 109, 38)
Vermillion	rgb(226, 67, 41)
Sea Buckthorn	rgb(252, 163, 38)

GitLab HSL Color Codes

GitLab HSL color codes are 20, 97%, 57% for orange, 8, 76%, 52% for vermillion and 35, 97%, 57% for sea buckthorn. Change the third value for a lighter or darker version without moving the hue.

Color	HSL
Orange	hsl(20, 97%, 57%)
Vermillion	hsl(8, 76%, 52%)
Sea Buckthorn	hsl(35, 97%, 57%)

GitLab CMYK Color Code

GitLab CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.

Color	CMYK
Orange	0%, 57%, 85%, 1%
Vermillion	0%, 70%, 82%, 11%
Sea Buckthorn	0%, 35%, 85%, 1%

GitLab Pantone Color Codes

GitLab Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.

Color	Nearest Pantone
Orange	PMS 1585 C
Vermillion	PMS 179 C
Sea Buckthorn	PMS 137 C

Logo

GitLab Logo Colors

GitLab logo colors are three oranges, one per band of the tanuki's face.

GitLab Logo Colors Palette

What the GitLab Logo Colors Mean?

The GitLab logo colors name themselves, which almost no other brand on this site does. Tanuki Orange, Vermillion and Sea Buckthorn are GitLab's own words for the three tones, and each one falls on a different set of strokes so the animal's face reads without any outline holding it together. A tanuki is a Japanese raccoon dog. Using three values of one hue rather than one flat orange is what keeps the shape legible when it shrinks, because the strokes stay distinguishable from each other.

GitLab Logo JPG

GitLab logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.

Download JPG Trademark of its owner, shown for identification.

GitLab Logo PNG

GitLab logo in PNG, with a transparent background. Use it over a colored surface.

Download PNG Trademark of its owner, shown for identification.

GitLab Logo WebP

GitLab logo in WebP. Same transparency as the PNG at about a third of the file size.

Download WEBP Trademark of its owner, shown for identification.

GitLab Color Code Shades

GitLab color code shades step evenly from the primary toward black, for hover states, borders and shadows.

These are interface steps, not GitLab paint or trim names.

In code

Using the GitLab palette

CSS custom properties

:root {
  --gitlab-orange: #FC6D26;
  --gitlab-vermillion: #E24329;
  --gitlab-sea-buckthorn: #FCA326;
}

Contrast against white

Orange	2.86:1AA ×
Vermillion	4.14:1AA ×
Sea Buckthorn	2.02:1AA ×

Brand colors are chosen for recognition, not for legibility. A failing value here is normal. It means use it as a fill, not as text.