GitLab Brand Identity

A complete profile of GitLab's visual system — colors, typography, components, and personality — extracted from gitlab.com. Built for designers, agents, and AI tools.

Color Palette

Brand palette extracted from gitlab.com.

• Primary: #7759C2 (rgb(119, 89, 194))
• Secondary: #EEE7FD (rgb(238, 231, 253))
• Accent: #171321 (rgb(23, 19, 33))
• Background: #FFFFFF (rgb(255, 255, 255))
• Text Primary: #171321 (rgb(23, 19, 33))
• Link: #1F1C2E (rgb(31, 28, 46))

Typography

Each font links to its Google Fonts page where available.

• Primary: GitLab Sans Google Fonts →
• Heading: GitLab Sans Google Fonts →

Not found on Google Fonts? Agent Instructions that you can follow if you have permission to use the fonts:

CharacterQuilt.com suggests this flow that can help:

1. Open the company's homepage in a browser with DevTools open.
2. In the Network tab, filter by "Font" (or by extension: woff2, woff, ttf, otf).
3. Hard-reload the page and click around (pricing, blog, careers) — some weights only load on specific routes.
4. For each captured font URL: right-click → Save As to download the file locally.
5. View the page's CSS (DevTools → Sources, or curl the stylesheet URLs) and copy out the matching @font-face declarations. Rewrite each `src: url(...)` to point to your local file path.

Visual Assets

%20!important%3B%22%2F%3E%3Cpath%20fill%3D%22%23FC6D26%22%20d%3D%22M31.462%2012.779l-.045-.115a14.748%2014.748%200%2000-5.856%202.634l-9.553%207.24A11225.6%2011225.6%200%200022.1%2027.14l6.673-4.997.019-.013a8.09%208.09%200%20002.67-9.352z%22%20style%3D%22fill%3A%20rgb(252%2C%20109%2C%2038)%20!important%3B%22%2F%3E%3Cpath%20fill%3D%22%23FCA326%22%20d%3D%22M9.908%2027.14l3.275%202.485%201.994%201.51a1.35%201.35%200%20001.627%200l1.994-1.51%203.282-2.484s-2.835-2.14-6.092-4.603l-6.08%204.603z%22%20style%3D%22fill%3A%20rgb(252%2C%20163%2C%2038)%20!important%3B%22%2F%3E%3Cpath%20fill%3D%22%23FC6D26%22%20d%3D%22M6.435%2015.305A14.712%2014.712%200%2000.58%2012.672l-.045.113a8.09%208.09%200%20002.68%209.347l.016.012.038.03%206.635%204.967%206.105-4.603-9.573-7.233z%22%20style%3D%22fill%3A%20rgb(252%2C%20109%2C%2038)%20!important%3B%22%2F%3E%3C%2Fsvg%3E)

UI Components

Live previews rendered using GitLab's actual button styles.

Button Primary

• Background: #171321
• Text Color: #FFFFFF
• Border Color: #171321
• Border Radius: 4px
• Shadow: none

Button Secondary

• Background: #FFFFFF
• Text Color: #171321
• Border Color: #171321
• Border Radius: 4px
• Shadow: none

Brand Personality

• Tone: professional
• Energy: medium
• Audience: software developers and IT professionals

GitLab Brand in the Wild

Frequently Asked Questions

• What is GitLab's primary brand color?
  GitLab's primary brand color is #7759C2.
• What accent color does GitLab use?
  GitLab uses #171321 as an accent color.
• What font does GitLab use?
  GitLab uses GitLab Sans as the primary typeface.
• Does GitLab use a light or dark theme?
  GitLab's primary site uses a light color scheme.
• Where can I find GitLab's logo?
  GitLab's logo is available directly on their site.
• How was this brand profile generated?
  This profile was extracted from gitlab.com.

Methodology

Brand data on this page was extracted from gitlab.com on 2026-07-27 using the Firecrawl branding extraction API.

Machine-Readable Profile

Direct endpoints for agents, designers, and tooling. No login or auth required.