Software & SaaS
Zapier Color Codes
Zapier's color is orange #FF4F00. The Zapier color codes in Hex, RGB and CMYK can be found below. Wade Foster, Bryan Helmig and Mike Knoop built it as a side project in Columbia, Missouri in 2011. Y Combinator turned them down, they applied again, and the company has never had an office.
Primary colors
What are Zapier Primary Colors?
Zapier's primary color is orange #FF4F00, a hot orange with almost no yellow in it.
Zapier publishes no public CMYK or Pantone sheet, so both are shown below as conversions and nearest matches.
Zapier Orange
| Hex | #FF4F00 |
|---|---|
| RGB | 255, 79, 0 |
| HSL | hsl(19, 100%, 50%) |
| CMYK | 0%, 69%, 100%, 0%converted · approximate |
| Pantone | PMS 172 Cnearest match · not published by the brand |
Zapier Hex Color Codes
Zapier hex color codes are #FF4F00 for orange.
| Color | Hex |
|---|---|
| Orange | #FF4F00 |
Zapier RGB Color Codes
Zapier RGB color codes are 255, 79, 0 for orange. Reach for RGB when a tool wants channel numbers or a CSS alpha value.
| Color | RGB |
|---|---|
| Orange | rgb(255, 79, 0) |
Zapier HSL Color Codes
Zapier HSL color codes are 19, 100%, 50% for orange. Change the third value for a lighter or darker version without moving the hue.
| Color | HSL |
|---|---|
| Orange | hsl(19, 100%, 50%) |
Zapier CMYK Color Code
Zapier 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%, 69%, 100%, 0% |
Zapier Pantone Color Codes
Zapier 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 172 C |
Logo
Zapier Logo Colors
Zapier logo colors are a single orange, used flat across the mark and the wordmark.
Zapier Logo Colors Palette
What the Zapier Logo Colors Mean?
The Zapier logo colors sit on a mark built from lines radiating out of a center point, which is the product drawn as a diagram: one trigger, many things connected to it. Orange this hot is rare in software plumbing, where the work is invisible and the branding usually is too. One flat value and no gradient means the mark survives being shown at 16px next to a few thousand partner logos in an integrations directory, which is where it spends most of its life. Watch for #FF4A00, which is one digit off and widely mirrored.
Zapier Logo JPG
Zapier logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.
Zapier Logo PNG
Zapier logo in PNG, with a transparent background. Use it over a colored surface.
Zapier Logo WebP
Zapier logo in WebP. Same transparency as the PNG at about a third of the file size.
Zapier Color Code Shades
Zapier color code shades step evenly from the primary toward black, for hover states, borders and shadows.
These are interface steps, not Zapier paint or trim names.
In code
Using the Zapier palette
CSS custom properties
:root {
--zapier-orange: #FF4F00;
}Contrast against white
| Orange | 3.30: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.