Sportswear · brand assets

The North Face brand colours

What colours does The North Face use?

The North Face leads on white #FFFFFF. The full set is white, black and grey: #FFFFFF, #010101, #929292. Every code below is the brand's own published colour, not copied from a listicle.

The The North Face colour palette

Ordered by how much of the logo each one covers. Tap a code to copy it.

whiteprimary

RGB: 255, 255, 255
HSL: 0°, 0%, 100%
Text on it: black · 18.86:1
Role: primary

black

RGB: 1, 1, 1
HSL: 0°, 0%, 0%
Text on it: white · 20.87:1
Role: supporting

grey

RGB: 146, 146, 146
HSL: 0°, 0%, 57%
Text on it: black · 6.06:1
Role: supporting

Ready to paste

The same codes as custom properties and as a Tailwind theme extension.

CSS

:root {
  --the-north-face-1: #ffffff;
  --the-north-face-2: #010101;
  --the-north-face-3: #929292;
}

Tailwind

theme: {
  extend: {
    colors: {
      'the-north-face-1': '#ffffff',
      'the-north-face-2': '#010101',
      'the-north-face-3': '#929292',
    },
  },
}

Where these came from

These are The North Face's published colours, as recorded for thenorthface.com. A published palette can carry colours that never appear in the logo: a secondary, or one used only on packaging. That is the reason to prefer it over reading the mark.

What it does not carry is how much of anything each colour covers, so there are no percentages here. Where we have read a brand's logo instead, those percentages appear and this paragraph says so instead.

Read 3 September 2026.

Questions

What are The North Face's brand colours?

white, black and grey, #FFFFFF, #010101, #929292. The one to reach for first is white #FFFFFF.

Where do these hex codes come from?

The North Face's own published brand palette, as recorded for thenorthface.com: it can include colours that never appear in the logo itself. Nothing here is copied from another site.

Is this The North Face's official palette?

It is the palette on their brand record, which is as close to official as a third party gets. A full brand book usually holds more: tints, a print-only colour, rules about where each one goes.

Can I use these colours?

A hex code is not protected. Using The North Face's palette to pass work off as theirs is a trademark problem, and the same colours in your own moodboard, chart or comparison deck are not.

The North Face logo →Who is mentioning The North Face