Brand colors

Porsche Brand Colors

Porsche palette: #B12B28, #000000, #FFFFFF, #D0D3D4. Compare HEX/RGB, WCAG contrast and CSS tokens; open independent JSON data.

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

Commonly referenced palette Porsche
#B12B28#000000#FFFFFF#D0D3D4
Listed without an implied color hierarchy

Palette

Palette color 1#B12B28RGB 177, 43, 40
Black#000000RGB 0, 0, 0
White#FFFFFFRGB 255, 255, 255
Palette color 4#D0D3D4RGB 208, 211, 212

CSS Tokens

:root {
  --brand-porsche-1: #B12B28;
  --brand-porsche-2: #000000;
  --brand-porsche-3: #FFFFFF;
  --brand-porsche-4: #D0D3D4;
}

Accessibility Snapshot

#B12B28Black 3.25:1 / White 6.47:1
#000000Black 1:1 / White 21:1
#FFFFFFBlack 21:1 / White 1:1
#D0D3D4Black 13.95:1 / White 1.51:1

Brand palette context · Editorially reviewed

About Porsche Brand Colors

Porsche's crest combines company and place. Created in 1952, it places the rearing horse from Stuttgart's city seal inside a gold shield, surrounded by red-and-black state colors and stylized antlers from Württemberg-Hohenzollern. It first appeared on a steering-wheel hub in 1952, reached the bonnet in 1954, and has evolved through careful refinements rather than replacement.

Gold, red, black, and white cannot reproduce enamel, metal, embossing, historic crests, vehicle finishes, or the latest production badge. The shield is copyright- and trademark-protected geometry, not a palette exercise. Model names, charging or drive status, warnings, and motorsport classifications require their own approved assets and accessible non-color cues.

This independent reference does not reproduce the Porsche crest, authenticate historic badges, certify vehicles or parts, represent a dealer, imply endorsement, or grant commercial permission.

Downloadable brand colors infographic

Porsche Brand Colors Infographic

Save an independent infographic of the commonly referenced Porsche HEX palette and its accessibility guidance. No logo or proprietary artwork is included.

1200 × 800
Porsche brand colors infographic showing its commonly referenced HEX palette and accessibility guidance for every listed color without assigning a color hierarchy.
Porsche brand colors infographic. Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Porsche.

Machine-readable data

Machine-Readable Brand Color Data (JSON)

Structured brand palette data for design systems, references, automations, and AI ingestion.

AI-Ready Dataset v1.0.0
Luminance0.1123
Black text3.25:1AA Fail
White text6.47: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
Download JSON Open API
Structured sections
Brand
{
  "slug": "porsche",
  "name": "Porsche",
  "category": "automotive",
  "brandCategory": [
    "Automotive",
    "automotive"
  ],
  "url": "https://www.colorsencyclopedia.com/brand-colors/porsche/",
  "categoryUrl": "https://www.colorsencyclopedia.com/brand-colors/automotive/",
  "disclaimer": "Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Porsche."
}
Palette
[
  {
    "name": "Palette color 1",
    "hex": "#B12B28",
    "rgb": [
      177,
      43,
      40
    ],
    "hsl": [
      1,
      63,
      43
    ],
    "cmyk": [
      0,
      76,
      77,
      31
    ],
    "luminance": 0.1123,
    "contrast": {
      "black": 3.25,
      "white": 6.47
    },
    "wcag": {
      "AA": [
        "#FFFFFF",
        "#F5F5F5"
      ],
      "AAA": []
    }
  },
  {
    "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": "Palette color 4",
    "hex": "#D0D3D4",
    "rgb": [
      208,
      211,
      212
    ],
    "hsl": [
      195,
      4,
      82
    ],
    "cmyk": [
      2,
      0,
      0,
      17
    ],
    "luminance": 0.6475,
    "contrast": {
      "black": 13.95,
      "white": 1.51
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A"
      ]
    }
  }
]
AI context
{
  "brandUseCases": [
    "vehicle branding",
    "dealer websites",
    "product UI",
    "brand reference",
    "design systems",
    "CSS tokens",
    "accessibility checks"
  ],
  "semanticGroups": [
    "automotive brand colors",
    "red brand palette",
    "gray brand palette",
    "warm brand palette",
    "neutral brand palette",
    "balanced brand color",
    "dark brand color",
    "light brand color",
    "muted brand color",
    "Porsche color reference"
  ],
  "contrastSafeWith": [
    "#FFFFFF",
    "#F5F5F5",
    "#000000",
    "#1A1A1A",
    "#36454F"
  ],
  "relatedEndpoints": [
    "https://www.colorsencyclopedia.com/api/brand-colors/porsche.json",
    "https://www.colorsencyclopedia.com/api/brand-colors.json"
  ]
}
CSS tokens
{
  "css": "--brand-porsche-1: #B12B28;\n--brand-porsche-2: #000000;\n--brand-porsche-3: #FFFFFF;\n--brand-porsche-4: #D0D3D4;"
}
Accessibility
[
  {
    "hex": "#B12B28",
    "contrast": {
      "black": 3.25,
      "white": 6.47
    },
    "wcag": {
      "AA": [
        "#FFFFFF",
        "#F5F5F5"
      ],
      "AAA": []
    }
  },
  {
    "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": "#D0D3D4",
    "contrast": {
      "black": 13.95,
      "white": 1.51
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A"
      ]
    }
  }
]
Full JSON dataset
{
  "slug": "porsche",
  "name": "Porsche",
  "category": "automotive",
  "brandCategory": [
    "Automotive",
    "automotive"
  ],
  "disclaimer": "Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Porsche.",
  "datasetVersion": "1.0.0",
  "url": "https://www.colorsencyclopedia.com/brand-colors/porsche/",
  "categoryUrl": "https://www.colorsencyclopedia.com/brand-colors/automotive/",
  "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/porsche.json",
  "colors": [
    {
      "name": "Palette color 1",
      "hex": "#B12B28",
      "rgb": [
        177,
        43,
        40
      ],
      "hsl": [
        1,
        63,
        43
      ],
      "cmyk": [
        0,
        76,
        77,
        31
      ],
      "luminance": 0.1123,
      "contrast": {
        "black": 3.25,
        "white": 6.47
      },
      "wcag": {
        "AA": [
          "#FFFFFF",
          "#F5F5F5"
        ],
        "AAA": []
      }
    },
    {
      "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": "Palette color 4",
      "hex": "#D0D3D4",
      "rgb": [
        208,
        211,
        212
      ],
      "hsl": [
        195,
        4,
        82
      ],
      "cmyk": [
        2,
        0,
        0,
        17
      ],
      "luminance": 0.6475,
      "contrast": {
        "black": 13.95,
        "white": 1.51
      },
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ],
        "AAA": [
          "#000000",
          "#1A1A1A"
        ]
      }
    }
  ],
  "brandUseCases": [
    "vehicle branding",
    "dealer websites",
    "product UI",
    "brand reference",
    "design systems",
    "CSS tokens",
    "accessibility checks"
  ],
  "semanticGroups": [
    "automotive brand colors",
    "red brand palette",
    "gray brand palette",
    "warm brand palette",
    "neutral brand palette",
    "balanced brand color",
    "dark brand color",
    "light brand color",
    "muted brand color",
    "Porsche color reference"
  ],
  "contrastSafeWith": [
    "#FFFFFF",
    "#F5F5F5",
    "#000000",
    "#1A1A1A",
    "#36454F"
  ],
  "relatedEndpoints": [
    "https://www.colorsencyclopedia.com/api/brand-colors/porsche.json",
    "https://www.colorsencyclopedia.com/api/brand-colors.json"
  ]
}