Logistics & Delivery
UPS Color Codes
UPS works in a brown it calls Pullman Brown, hex #301506, with a gold, hex #FAB80A. The UPS color codes in Hex, RGB and CMYK can be found below. Jim Casey started the American Messenger Company in a Seattle basement in 1907 at nineteen, running errands by bicycle; the brown came in 1916. Its nearest peer on this site is FedEx.
Primary colors
What are UPS Primary Colors?
UPS's primary colors are yellow #FAB80A, brown #301506.
UPS publishes a brand system; the values shown are Pullman Brown and gold.
UPS Yellow
| Hex | #FAB80A |
|---|---|
| RGB | 250, 184, 10 |
| HSL | hsl(44, 96%, 51%) |
| CMYK | 0%, 26%, 96%, 2%converted · approximate |
| Pantone | PMS 1235 Cnearest match · not published by the brand |
UPS Brown
| Hex | #301506 |
|---|---|
| RGB | 48, 21, 6 |
| HSL | hsl(21, 78%, 11%) |
| CMYK | 0%, 56%, 88%, 81%converted · approximate |
| Pantone | PMS 4975 Cnearest match · not published by the brand |
UPS Hex Color Codes
UPS hex color codes are #FAB80A for yellow and #301506 for brown.
| Color | Hex |
|---|---|
| Yellow | #FAB80A |
| Brown | #301506 |
UPS RGB Color Codes
UPS RGB color codes are 250, 184, 10 for yellow and 48, 21, 6 for brown. Reach for RGB when a tool wants channel numbers or a CSS alpha value.
| Color | RGB |
|---|---|
| Yellow | rgb(250, 184, 10) |
| Brown | rgb(48, 21, 6) |
UPS HSL Color Codes
UPS HSL color codes are 44, 96%, 51% for yellow and 21, 78%, 11% for brown. Change the third value for a lighter or darker version without moving the hue.
| Color | HSL |
|---|---|
| Yellow | hsl(44, 96%, 51%) |
| Brown | hsl(21, 78%, 11%) |
UPS CMYK Color Code
UPS CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.
| Color | CMYK |
|---|---|
| Yellow | 0%, 26%, 96%, 2% |
| Brown | 0%, 56%, 88%, 81% |
UPS Pantone Color Codes
UPS Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.
| Color | Nearest Pantone |
|---|---|
| Yellow | PMS 1235 C |
| Brown | PMS 4975 C |
Logo
UPS Logo Colors
UPS logo colors are gold letters on a brown shield.
UPS Logo Colors Palette
What the UPS Logo Colors Mean?
The UPS brown was picked in 1916 for practical reasons: it hid road dirt on the delivery wagons and matched the Pullman railcars of the era, which read as respectable. The company has kept it for over a century, to the point that it markets itself as a color, and the gold shield holds the letters against it.
UPS Logo Color History
UPS logo color history holds the brown-and-gold shield since 1937. Paul Rand drew a version in 1961 with a string-tied parcel on top; the 2003 redesign removed the parcel and smoothed the shield but kept both colors.
UPS Logo Fonts
UPS logo fonts are a custom bold sans inside the shield, wide and rounded. A face like Antonio or a bold humanist sans is the closest match.
UPS Logo JPG
UPS logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.
UPS Logo PNG
UPS logo in PNG, with a transparent background. Use it over a colored surface.
UPS Logo WebP
UPS logo in WebP. Same transparency as the PNG at about a third of the file size.
UPS Color Code Shades
UPS color code shades step evenly from the primary toward black, for hover states, borders and shadows.
These are interface steps, not UPS paint or trim names.
In code
Using the UPS palette
CSS custom properties
:root {
--ups-yellow: #FAB80A;
--ups-brown: #301506;
}Contrast against white
| Yellow | 1.76:1AA × |
|---|---|
| Brown | 17.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.