Colors Encyclopedia

Brand colors

Puma Brand Colors

Puma palette: #000000, #FFFFFF, #C8C8C8. 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 Puma.

SportsBrand indexAPIDataset
Commonly referenced palette Puma
#000000#FFFFFF#C8C8C8
Listed without an implied color hierarchy

Palette

Black#000000RGB 0, 0, 0
White#FFFFFFRGB 255, 255, 255
Palette color 3#C8C8C8RGB 200, 200, 200

CSS Tokens

:root {
  --brand-puma-1: #000000;
  --brand-puma-2: #FFFFFF;
  --brand-puma-3: #C8C8C8;
}

Accessibility Snapshot

#000000Black 1:1 / White 21:1
#FFFFFFBlack 21:1 / White 1:1
#C8C8C8Black 12.55:1 / White 1.67:1

Brand palette context · Editorially reviewed

About Puma Brand Colors

Puma's black-and-white identity is carried less by a seasonal color than by two durable forms: the leaping cat and the Formstrip. The company patented the Formstrip in 1958; it began as a functional element intended to stabilize the foot inside the shoe and became a trademark appearing across much of Puma footwear. That origin explains why the identity is read through silhouette, placement, and motion as strongly as through color.

A monochrome palette gives product photography and team colors room to change, but contrast must be checked on every textile, sole, screen, and sponsor background. The Formstrip is proprietary geometry, not a generic curved stripe. Performance categories, sizing, national teams, collaborations, and safety or care instructions each require their own approved assets and non-color labels.

This independent reference does not reproduce Puma marks, certify sports equipment, represent a team or retailer, imply sponsorship, or grant rights to the leaping-cat or Formstrip devices.

Downloadable brand colors infographic

Puma Brand Colors Infographic

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

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

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
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
Download JSON Open API
Structured sections
Brand
{
  "slug": "puma",
  "name": "Puma",
  "category": "sports",
  "brandCategory": [
    "Sports",
    "sports"
  ],
  "url": "https://www.colorsencyclopedia.com/brand-colors/puma/",
  "categoryUrl": "https://www.colorsencyclopedia.com/brand-colors/sports/",
  "disclaimer": "Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Puma."
}
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": "Palette color 3",
    "hex": "#C8C8C8",
    "rgb": [
      200,
      200,
      200
    ],
    "hsl": [
      0,
      0,
      78
    ],
    "cmyk": [
      0,
      0,
      0,
      22
    ],
    "luminance": 0.5776,
    "contrast": {
      "black": 12.55,
      "white": 1.67
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A"
      ]
    }
  }
]
AI context
{
  "brandUseCases": [
    "team-adjacent graphics",
    "event systems",
    "merchandise design",
    "brand reference",
    "design systems",
    "CSS tokens",
    "accessibility checks"
  ],
  "semanticGroups": [
    "sports brand colors",
    "gray brand palette",
    "neutral brand palette",
    "dark brand color",
    "light brand color",
    "muted brand color",
    "Puma color reference"
  ],
  "contrastSafeWith": [
    "#FFFFFF",
    "#F5F5F5",
    "#000000",
    "#1A1A1A",
    "#36454F"
  ],
  "relatedEndpoints": [
    "https://www.colorsencyclopedia.com/api/brand-colors/puma.json",
    "https://www.colorsencyclopedia.com/api/brand-colors.json"
  ]
}
CSS tokens
{
  "css": "--brand-puma-1: #000000;\n--brand-puma-2: #FFFFFF;\n--brand-puma-3: #C8C8C8;"
}
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": "#C8C8C8",
    "contrast": {
      "black": 12.55,
      "white": 1.67
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A"
      ]
    }
  }
]
Full JSON dataset 
{
  "slug": "puma",
  "name": "Puma",
  "category": "sports",
  "brandCategory": [
    "Sports",
    "sports"
  ],
  "disclaimer": "Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Puma.",
  "datasetVersion": "1.0.0",
  "url": "https://www.colorsencyclopedia.com/brand-colors/puma/",
  "categoryUrl": "https://www.colorsencyclopedia.com/brand-colors/sports/",
  "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/puma.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": "Palette color 3",
      "hex": "#C8C8C8",
      "rgb": [
        200,
        200,
        200
      ],
      "hsl": [
        0,
        0,
        78
      ],
      "cmyk": [
        0,
        0,
        0,
        22
      ],
      "luminance": 0.5776,
      "contrast": {
        "black": 12.55,
        "white": 1.67
      },
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ],
        "AAA": [
          "#000000",
          "#1A1A1A"
        ]
      }
    }
  ],
  "brandUseCases": [
    "team-adjacent graphics",
    "event systems",
    "merchandise design",
    "brand reference",
    "design systems",
    "CSS tokens",
    "accessibility checks"
  ],
  "semanticGroups": [
    "sports brand colors",
    "gray brand palette",
    "neutral brand palette",
    "dark brand color",
    "light brand color",
    "muted brand color",
    "Puma color reference"
  ],
  "contrastSafeWith": [
    "#FFFFFF",
    "#F5F5F5",
    "#000000",
    "#1A1A1A",
    "#36454F"
  ],
  "relatedEndpoints": [
    "https://www.colorsencyclopedia.com/api/brand-colors/puma.json",
    "https://www.colorsencyclopedia.com/api/brand-colors.json"
  ]
}
Dataset manifest Version 1.0.0 Build hash published in manifest Canonical page

Related Brand Color Guides

Sports brand colorsBrowse all sports brand color references.ASICS brand colorsCompare another sports palette.FIFA brand colorsCompare another sports palette.Formula 1 brand colorsCompare another sports palette.LaLiga brand colorsCompare another sports palette.Audi similar paletteOpen a palette with a nearby first-listed color value.Jeep similar paletteOpen a palette with a nearby first-listed color value.Lexus similar paletteOpen a palette with a nearby first-listed color value.Black colorOpen the nearest named color reference.Puma APIOpen the machine-readable brand color JSON.