Software & SaaS
Vercel Color Codes
Vercel's color is black #000000. The Vercel color codes in Hex, RGB and CMYK can be found below. The company was called ZEIT until 2020, and the mark is a single triangle. It competes directly with Netlify, and the two made opposite decisions about color.
Primary colors
What are Vercel Primary Colors?
Vercel's primary color is black #000000. Every value on this page is derived from it.
Vercel publishes no public CMYK or Pantone sheet, so both are shown below as conversions and nearest matches.
Vercel Black
| Hex | #000000 |
|---|---|
| RGB | 0, 0, 0 |
| HSL | hsl(0, 0%, 0%) |
| CMYK | 0%, 0%, 0%, 100%converted · approximate |
| Pantone | PMS 419 Cnearest match · not published by the brand |
Vercel Hex Color Codes
Vercel hex color codes are #000000 for black.
| Color | Hex |
|---|---|
| Black | #000000 |
Vercel RGB Color Codes
Vercel RGB color codes are 0, 0, 0 for black. Reach for RGB when a tool wants channel numbers or a CSS alpha value.
| Color | RGB |
|---|---|
| Black | rgb(0, 0, 0) |
Vercel HSL Color Codes
Vercel HSL color codes are 0, 0%, 0% for black. Change the third value for a lighter or darker version without moving the hue.
| Color | HSL |
|---|---|
| Black | hsl(0, 0%, 0%) |
Vercel CMYK Color Code
Vercel CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.
| Color | CMYK |
|---|---|
| Black | 0%, 0%, 0%, 100% |
Vercel Pantone Color Codes
Vercel Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.
| Color | Nearest Pantone |
|---|---|
| Black | PMS 419 C |
Logo
Vercel Logo Colors
Vercel logo colors are black on white, inverting to white on black, and nothing else.
Vercel Logo Colors Palette
What the Vercel Logo Colors Mean?
The Vercel logo colors are a refusal. One black triangle, no second color, no gradient, no mascot: the mark is a play button rotated, or a mountain, depending on who you ask, and the company has never settled it. Pure #000000 rather than a softer off-black is what makes the inversion to white exact, which matters because the identity is built around flipping between light and dark. It also means the brand has no color to lose when a page is printed.
Vercel Logo JPG
Vercel logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.
Vercel Logo PNG
Vercel logo in PNG, with a transparent background. Use it over a colored surface.
Vercel Logo WebP
Vercel logo in WebP. Same transparency as the PNG at about a third of the file size.
Vercel Color Code Shades
Vercel color code shades step evenly from the primary toward black, for hover states, borders and shadows.
These are interface steps, not Vercel paint or trim names.
In code
Using the Vercel palette
CSS custom properties
:root {
--vercel-black: #000000;
}Contrast against white
| Black | 21.00: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.