Find Color Codes

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.

The The North Face logo, shown for identification
The The North Face logo, shown for identification. The North Face is a trademark of its owner and this site is not affiliated with it.

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
RGB239, 50, 36
HSLhsl(4, 86%, 54%)
CMYK0%, 79%, 85%, 6%converted · approximate
PantonePMS 1788 Cnearest match · not published by the brand

The North Face White

Hex#FFFFFF
RGB255, 255, 255
HSLhsl(0, 0%, 100%)
CMYK0%, 0%, 0%, 0%converted · approximate
PantonePMS 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.

ColorHex
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.

ColorRGB
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.

ColorHSL
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.

ColorCMYK
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.

ColorNearest 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, JPG format
Download JPG Trademark of its owner, shown for identification.

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, PNG format
Download PNG Trademark of its owner, shown for identification.

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 logo, WEBP format
Download WEBP Trademark of its owner, shown for identification.

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.