Software & SaaS
Netlify Color Codes
Netlify's colors are teal #00C7B7 and a near-black #0E1E25. The Netlify color codes in Hex, RGB and CMYK can be found below. The mark is a knot-like shape drawn from a single continuous path, and the teal is the part people remember. Its closest competitor here is Vercel, which uses no color at all.
Primary colors
What are Netlify Primary Colors?
Netlify's primary color is teal #00C7B7, with #0E1E25 for type and dark surfaces.
Netlify publishes no public CMYK or Pantone sheet, so both are shown below as conversions and nearest matches.
Netlify Teal
| Hex | #00C7B7 |
|---|---|
| RGB | 0, 199, 183 |
| HSL | hsl(175, 100%, 39%) |
| CMYK | 100%, 0%, 8%, 22%converted · approximate |
| Pantone | PMS 3265 Cnearest match · not published by the brand |
Netlify Dark
| Hex | #0E1E25 |
|---|---|
| RGB | 14, 30, 37 |
| HSL | hsl(198, 45%, 10%) |
| CMYK | 62%, 19%, 0%, 85%converted · approximate |
| Pantone | PMS 5395 Cnearest match · not published by the brand |
Netlify Hex Color Codes
Netlify hex color codes are #00C7B7 for teal and #0E1E25 for dark.
| Color | Hex |
|---|---|
| Teal | #00C7B7 |
| Dark | #0E1E25 |
Netlify RGB Color Codes
Netlify RGB color codes are 0, 199, 183 for teal and 14, 30, 37 for dark. Reach for RGB when a tool wants channel numbers or a CSS alpha value.
| Color | RGB |
|---|---|
| Teal | rgb(0, 199, 183) |
| Dark | rgb(14, 30, 37) |
Netlify HSL Color Codes
Netlify HSL color codes are 175, 100%, 39% for teal and 198, 45%, 10% for dark. Change the third value for a lighter or darker version without moving the hue.
| Color | HSL |
|---|---|
| Teal | hsl(175, 100%, 39%) |
| Dark | hsl(198, 45%, 10%) |
Netlify CMYK Color Code
Netlify CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.
| Color | CMYK |
|---|---|
| Teal | 100%, 0%, 8%, 22% |
| Dark | 62%, 19%, 0%, 85% |
Netlify Pantone Color Codes
Netlify Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.
| Color | Nearest Pantone |
|---|---|
| Teal | PMS 3265 C |
| Dark | PMS 5395 C |
Logo
Netlify Logo Colors
Netlify logo colors are teal on the mark and near-black on the wordmark.
Netlify Logo Colors Palette
What the Netlify Logo Colors Mean?
The Netlify logo colors pick a lane the rest of this category avoids. Teal sits between the blue almost every developer tool defaults to and the green used for status and success, so it reads as neither, and that separation is most of the reason it works. The mark itself is drawn as one unbroken path folding back on itself. Against white the teal measures 2.2:1, so it cannot carry body text, which is why #0E1E25 exists in the palette at all.
Netlify Logo JPG
Netlify logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.
Netlify Logo PNG
Netlify logo in PNG, with a transparent background. Use it over a colored surface.
Netlify Logo WebP
Netlify logo in WebP. Same transparency as the PNG at about a third of the file size.
Netlify Color Code Shades
Netlify color code shades step evenly from the primary toward black, for hover states, borders and shadows.
These are interface steps, not Netlify paint or trim names.
In code
Using the Netlify palette
CSS custom properties
:root {
--netlify-teal: #00C7B7;
--netlify-dark: #0E1E25;
}Contrast against white
| Teal | 2.13:1AA × |
|---|---|
| Dark | 17.06: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.