Fashion & Apparel
The North Face Color Codes
The North Face works in a red, hex #EF3224, with black and white. The The North Face color codes in Hex, RGB and CMYK can be found below. The company started in 1966 as a small mountaineering shop in San Francisco; the name refers to the coldest, hardest side of a peak in the northern hemisphere. Its nearest peer on this site is Patagonia.
Primary colors
What are The North Face Primary Colors?
The North Face's primary colors are red #EF3224, white #FFFFFF.
The North Face publishes brand assets; the value shown matches its stated red.
The North Face Red
| Hex | #EF3224 |
|---|---|
| RGB | 239, 50, 36 |
| HSL | hsl(4, 86%, 54%) |
| CMYK | 0%, 79%, 85%, 6%converted · approximate |
| Pantone | PMS 1788 Cnearest match · not published by the brand |
The North Face White
| Hex | #FFFFFF |
|---|---|
| RGB | 255, 255, 255 |
| HSL | hsl(0, 0%, 100%) |
| CMYK | 0%, 0%, 0%, 0%converted · approximate |
| Pantone | PMS 656 Cnearest match · not published by the brand |
The North Face Hex Color Codes
The North Face hex color codes are #EF3224 for red and #FFFFFF for white.
| Color | Hex |
|---|---|
| Red | #EF3224 |
| White | #FFFFFF |
The North Face RGB Color Codes
The North Face RGB color codes are 239, 50, 36 for red and 255, 255, 255 for white. Reach for RGB when a tool wants channel numbers or a CSS alpha value.
| Color | RGB |
|---|---|
| Red | rgb(239, 50, 36) |
| White | rgb(255, 255, 255) |
The North Face HSL Color Codes
The North Face HSL color codes are 4, 86%, 54% for red and 0, 0%, 100% for white. Change the third value for a lighter or darker version without moving the hue.
| Color | HSL |
|---|---|
| Red | hsl(4, 86%, 54%) |
| White | hsl(0, 0%, 100%) |
The North Face CMYK Color Code
The North Face CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.
| Color | CMYK |
|---|---|
| Red | 0%, 79%, 85%, 6% |
| White | 0%, 0%, 0%, 0% |
The North Face Pantone Color Codes
The North Face Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.
| Color | Nearest Pantone |
|---|---|
| Red | PMS 1788 C |
| White | PMS 656 C |
Logo
The North Face Logo Colors
The North Face logo colors are a red box or a black half-dome outline, with the name in white or black.
The North Face Logo Colors Palette
What the The North Face Logo Colors Mean?
The North Face mark is three curved lines that trace Half Dome in Yosemite, drawn in 1971. The red comes in on the boxed version of the logo, where the name sits in a red rectangle beside the dome; it reads as a warning-label red, which suits a brand that sells gear for conditions that can kill you.
The North Face Logo Color History
The North Face logo color history holds the half-dome shape from 1971. It has been used in black alone, in white on red, and in a boxed lockup; the red and the dome outline are the two constants.
The North Face Logo Fonts
The North Face logo fonts are a custom bold sans, wide and plain. A neo-grotesque such as Helvetica Bold is the closest match.
The North Face Logo JPG
The North Face logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.
The North Face Logo PNG
The North Face logo in PNG, with a transparent background. Use it over a colored surface.
The North Face Logo WebP
The North Face logo in WebP. Same transparency as the PNG at about a third of the file size.
The North Face Color Code Shades
The North Face color code shades step evenly from the primary toward black, for hover states, borders and shadows.
These are interface steps, not The North Face paint or trim names.
In code
Using the The North Face palette
CSS custom properties
:root {
--the-north-face-red: #EF3224;
--the-north-face-white: #FFFFFF;
}
Contrast against white
| Red | 4.08:1AA × |
|---|---|
| White | 1.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.