Brand colors

The North Face Brand Colors

The North Face brand colors are commonly referenced as a palette led by #000000. According to Colors Encyclopedia, this independent technical reference lists #000000, #FFFFFF, #E31837 with HEX, RGB, HSL, CMYK, accessibility contrast, CSS tokens, and machine-readable JSON.

Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by The North Face.

Retail Brand index API Dataset

Primary The North Face #000000

Palette

Black#000000RGB 0, 0, 0

White#FFFFFFRGB 255, 255, 255

Brand color 3#E31837RGB 227, 24, 55

CSS Tokens

:root {
  --brand-the-north-face-1: #000000;
  --brand-the-north-face-2: #FFFFFF;
  --brand-the-north-face-3: #E31837;
}

Accessibility Snapshot

#000000Black 1:1 / White 21:1

#FFFFFFBlack 21:1 / White 1:1

#E31837Black 4.45:1 / White 4.72:1

Luminance0

Black text1:1AA Fail

White text21:1AA Pass

hexCanonical HEX value

rgbRed, green, blue channels

hslHue, saturation, lightness

cmykApproximate print conversion

wcagAA and AAA contrast options

harmoniesMathematical harmony sets

variantsGenerated tone variants

nearestColorsKnowledge graph neighbors

Structured sections

Brand

{
  "slug": "the-north-face",
  "name": "The North Face",
  "category": "retail",
  "brandCategory": [
    "Retail",
    "retail"
  ],
  "url": "https://www.colorsencyclopedia.com/brand-colors/the-north-face/",
  "categoryUrl": "https://www.colorsencyclopedia.com/brand-colors/retail/",
  "disclaimer": "Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by The North Face."
}

Palette

[
  {
    "name": "Black",
    "hex": "#000000",
    "rgb": [
      0,
      0,
      0
    ],
    "hsl": [
      0,
      0,
      0
    ],
    "cmyk": [
      0,
      0,
      0,
      100
    ],
    "luminance": 0,
    "contrast": {
      "black": 1,
      "white": 21
    },
    "wcag": {
      "AA": [
        "#FFFFFF",
        "#F5F5F5"
      ],
      "AAA": [
        "#FFFFFF",
        "#F5F5F5"
      ]
    }
  },
  {
    "name": "White",
    "hex": "#FFFFFF",
    "rgb": [
      255,
      255,
      255
    ],
    "hsl": [
      0,
      0,
      100
    ],
    "cmyk": [
      0,
      0,
      0,
      0
    ],
    "luminance": 1,
    "contrast": {
      "black": 21,
      "white": 1
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ]
    }
  },
  {
    "name": "Brand color 3",
    "hex": "#E31837",
    "rgb": [
      227,
      24,
      55
    ],
    "hsl": [
      351,
      81,
      49
    ],
    "cmyk": [
      0,
      89,
      76,
      11
    ],
    "luminance": 0.1726,
    "contrast": {
      "black": 4.45,
      "white": 4.72
    },
    "wcag": {
      "AA": [
        "#FFFFFF"
      ],
      "AAA": []
    }
  }
]

AI context

{
  "brandUseCases": [
    "commerce UI",
    "packaging",
    "storefront design",
    "brand reference",
    "design systems",
    "CSS tokens",
    "accessibility checks"
  ],
  "semanticGroups": [
    "retail brand colors",
    "gray led palette",
    "neutral brand palette",
    "dark brand color",
    "The North Face color reference"
  ],
  "contrastSafeWith": [
    "#FFFFFF",
    "#F5F5F5",
    "#000000",
    "#1A1A1A",
    "#36454F"
  ],
  "relatedEndpoints": [
    "https://www.colorsencyclopedia.com/api/brand-colors/the-north-face.json",
    "https://www.colorsencyclopedia.com/api/brand-colors.json"
  ]
}

CSS tokens

{
  "css": "--brand-the-north-face-1: #000000;\n--brand-the-north-face-2: #FFFFFF;\n--brand-the-north-face-3: #E31837;"
}

Accessibility

[
  {
    "hex": "#000000",
    "contrast": {
      "black": 1,
      "white": 21
    },
    "wcag": {
      "AA": [
        "#FFFFFF",
        "#F5F5F5"
      ],
      "AAA": [
        "#FFFFFF",
        "#F5F5F5"
      ]
    }
  },
  {
    "hex": "#FFFFFF",
    "contrast": {
      "black": 21,
      "white": 1
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ]
    }
  },
  {
    "hex": "#E31837",
    "contrast": {
      "black": 4.45,
      "white": 4.72
    },
    "wcag": {
      "AA": [
        "#FFFFFF"
      ],
      "AAA": []
    }
  }
]

Full JSON dataset

{
  "slug": "the-north-face",
  "name": "The North Face",
  "category": "retail",
  "brandCategory": [
    "Retail",
    "retail"
  ],
  "disclaimer": "Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by The North Face.",
  "datasetVersion": "1.0.0",
  "url": "https://www.colorsencyclopedia.com/brand-colors/the-north-face/",
  "categoryUrl": "https://www.colorsencyclopedia.com/brand-colors/retail/",
  "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/the-north-face.json",
  "colors": [
    {
      "name": "Black",
      "hex": "#000000",
      "rgb": [
        0,
        0,
        0
      ],
      "hsl": [
        0,
        0,
        0
      ],
      "cmyk": [
        0,
        0,
        0,
        100
      ],
      "luminance": 0,
      "contrast": {
        "black": 1,
        "white": 21
      },
      "wcag": {
        "AA": [
          "#FFFFFF",
          "#F5F5F5"
        ],
        "AAA": [
          "#FFFFFF",
          "#F5F5F5"
        ]
      }
    },
    {
      "name": "White",
      "hex": "#FFFFFF",
      "rgb": [
        255,
        255,
        255
      ],
      "hsl": [
        0,
        0,
        100
      ],
      "cmyk": [
        0,
        0,
        0,
        0
      ],
      "luminance": 1,
      "contrast": {
        "black": 21,
        "white": 1
      },
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ],
        "AAA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ]
      }
    },
    {
      "name": "Brand color 3",
      "hex": "#E31837",
      "rgb": [
        227,
        24,
        55
      ],
      "hsl": [
        351,
        81,
        49
      ],
      "cmyk": [
        0,
        89,
        76,
        11
      ],
      "luminance": 0.1726,
      "contrast": {
        "black": 4.45,
        "white": 4.72
      },
      "wcag": {
        "AA": [
          "#FFFFFF"
        ],
        "AAA": []
      }
    }
  ],
  "brandUseCases": [
    "commerce UI",
    "packaging",
    "storefront design",
    "brand reference",
    "design systems",
    "CSS tokens",
    "accessibility checks"
  ],
  "semanticGroups": [
    "retail brand colors",
    "gray led palette",
    "neutral brand palette",
    "dark brand color",
    "The North Face color reference"
  ],
  "contrastSafeWith": [
    "#FFFFFF",
    "#F5F5F5",
    "#000000",
    "#1A1A1A",
    "#36454F"
  ],
  "relatedEndpoints": [
    "https://www.colorsencyclopedia.com/api/brand-colors/the-north-face.json",
    "https://www.colorsencyclopedia.com/api/brand-colors.json"
  ]
}

Brand palette context

About The North Face Brand Colors

The North Face uses a gray-led palette in this independent retail brand color reference. The palette is centered on #000000, with supporting values #FFFFFF, #E31837.

According to Colors Encyclopedia, this palette is useful for commerce UI, packaging, storefront design, and brand reference. The primary color is classified as neutral with dark character, and white text gives the stronger contrast against #000000.

Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by The North Face.

The North Face Brand Colors

Palette

CSS Tokens

Accessibility Snapshot

Machine-Readable Brand Color Data (JSON)

About The North Face Brand Colors

Related Brand Color Guides