Colors Encyclopedia

Brand colors

American Express Brand Colors

American Express palette: #2E77BC, #016FD0, #FFFFFF. 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 American Express.

FinanceBrand indexAPIDataset
Commonly referenced palette American Express
#2E77BC#016FD0#FFFFFF
Listed without an implied color hierarchy

Palette

Palette color 1#2E77BCRGB 46, 119, 188
Palette color 2#016FD0RGB 1, 111, 208
White#FFFFFFRGB 255, 255, 255

CSS Tokens

:root {
  --brand-american-express-1: #2E77BC;
  --brand-american-express-2: #016FD0;
  --brand-american-express-3: #FFFFFF;
}

Accessibility Snapshot

#2E77BCBlack 4.48:1 / White 4.69:1
#016FD0Black 4.19:1 / White 5.02:1
#FFFFFFBlack 21:1 / White 1:1

Brand palette context · Editorially reviewed

About American Express Brand Colors

American Express identifies the Blue Box among its protected trademarks and treats card-acceptance communication as a governed merchant activity rather than a generic logo placement. Its public merchant portal directs businesses to current terms, regulations, account resources, and supplied signage, keeping operational requirements connected to the actual merchant relationship.

The two blues and white in this page’s compact palette communicate depth, hierarchy, and the familiar blue-field relationship, but they are not instructions to rebuild the box. Merchant and corporate contexts have different requirements, and the mark must not be used to imply an endorsement. Use current supplied assets and the rules that apply to the specific relationship.

This independent technical reference does not reproduce American Express marks, imply merchant acceptance or affiliation, grant permissions, or replace supplied scale-specific assets.

Downloadable brand colors infographic

American Express Brand Colors Infographic

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

1200 × 800
American Express brand colors infographic showing its commonly referenced HEX palette and accessibility guidance for every listed color without assigning a color hierarchy.
American Express brand colors infographic. Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by American Express.
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.1741
Black text4.48:1AA Fail
White text4.69: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": "american-express",
  "name": "American Express",
  "category": "finance",
  "brandCategory": [
    "Finance",
    "finance"
  ],
  "url": "https://www.colorsencyclopedia.com/brand-colors/american-express/",
  "categoryUrl": "https://www.colorsencyclopedia.com/brand-colors/finance/",
  "disclaimer": "Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by American Express."
}
Palette
[
  {
    "name": "Palette color 1",
    "hex": "#2E77BC",
    "rgb": [
      46,
      119,
      188
    ],
    "hsl": [
      209,
      61,
      46
    ],
    "cmyk": [
      76,
      37,
      0,
      26
    ],
    "luminance": 0.1741,
    "contrast": {
      "black": 4.48,
      "white": 4.69
    },
    "wcag": {
      "AA": [
        "#FFFFFF"
      ],
      "AAA": []
    }
  },
  {
    "name": "Palette color 2",
    "hex": "#016FD0",
    "rgb": [
      1,
      111,
      208
    ],
    "hsl": [
      208,
      99,
      41
    ],
    "cmyk": [
      100,
      47,
      0,
      18
    ],
    "luminance": 0.1593,
    "contrast": {
      "black": 4.19,
      "white": 5.02
    },
    "wcag": {
      "AA": [
        "#FFFFFF",
        "#F5F5F5"
      ],
      "AAA": []
    }
  },
  {
    "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"
      ]
    }
  }
]
AI context
{
  "brandUseCases": [
    "fintech UI",
    "payment flows",
    "trust-focused interfaces",
    "brand reference",
    "design systems",
    "CSS tokens",
    "accessibility checks"
  ],
  "semanticGroups": [
    "finance brand colors",
    "blue brand palette",
    "gray brand palette",
    "cool brand palette",
    "neutral brand palette",
    "balanced brand color",
    "vibrant brand color",
    "jewel tone brand color",
    "light brand color",
    "American Express color reference"
  ],
  "contrastSafeWith": [
    "#FFFFFF",
    "#F5F5F5",
    "#000000",
    "#1A1A1A",
    "#36454F"
  ],
  "relatedEndpoints": [
    "https://www.colorsencyclopedia.com/api/brand-colors/american-express.json",
    "https://www.colorsencyclopedia.com/api/brand-colors.json"
  ]
}
CSS tokens
{
  "css": "--brand-american-express-1: #2E77BC;\n--brand-american-express-2: #016FD0;\n--brand-american-express-3: #FFFFFF;"
}
Accessibility
[
  {
    "hex": "#2E77BC",
    "contrast": {
      "black": 4.48,
      "white": 4.69
    },
    "wcag": {
      "AA": [
        "#FFFFFF"
      ],
      "AAA": []
    }
  },
  {
    "hex": "#016FD0",
    "contrast": {
      "black": 4.19,
      "white": 5.02
    },
    "wcag": {
      "AA": [
        "#FFFFFF",
        "#F5F5F5"
      ],
      "AAA": []
    }
  },
  {
    "hex": "#FFFFFF",
    "contrast": {
      "black": 21,
      "white": 1
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ]
    }
  }
]
Full JSON dataset 
{
  "slug": "american-express",
  "name": "American Express",
  "category": "finance",
  "brandCategory": [
    "Finance",
    "finance"
  ],
  "disclaimer": "Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by American Express.",
  "datasetVersion": "1.0.0",
  "url": "https://www.colorsencyclopedia.com/brand-colors/american-express/",
  "categoryUrl": "https://www.colorsencyclopedia.com/brand-colors/finance/",
  "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/american-express.json",
  "colors": [
    {
      "name": "Palette color 1",
      "hex": "#2E77BC",
      "rgb": [
        46,
        119,
        188
      ],
      "hsl": [
        209,
        61,
        46
      ],
      "cmyk": [
        76,
        37,
        0,
        26
      ],
      "luminance": 0.1741,
      "contrast": {
        "black": 4.48,
        "white": 4.69
      },
      "wcag": {
        "AA": [
          "#FFFFFF"
        ],
        "AAA": []
      }
    },
    {
      "name": "Palette color 2",
      "hex": "#016FD0",
      "rgb": [
        1,
        111,
        208
      ],
      "hsl": [
        208,
        99,
        41
      ],
      "cmyk": [
        100,
        47,
        0,
        18
      ],
      "luminance": 0.1593,
      "contrast": {
        "black": 4.19,
        "white": 5.02
      },
      "wcag": {
        "AA": [
          "#FFFFFF",
          "#F5F5F5"
        ],
        "AAA": []
      }
    },
    {
      "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"
        ]
      }
    }
  ],
  "brandUseCases": [
    "fintech UI",
    "payment flows",
    "trust-focused interfaces",
    "brand reference",
    "design systems",
    "CSS tokens",
    "accessibility checks"
  ],
  "semanticGroups": [
    "finance brand colors",
    "blue brand palette",
    "gray brand palette",
    "cool brand palette",
    "neutral brand palette",
    "balanced brand color",
    "vibrant brand color",
    "jewel tone brand color",
    "light brand color",
    "American Express color reference"
  ],
  "contrastSafeWith": [
    "#FFFFFF",
    "#F5F5F5",
    "#000000",
    "#1A1A1A",
    "#36454F"
  ],
  "relatedEndpoints": [
    "https://www.colorsencyclopedia.com/api/brand-colors/american-express.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

Finance brand colorsBrowse all finance brand color references.Bank of America brand colorsCompare another finance palette.Binance brand colorsCompare another finance palette.Cash App brand colorsCompare another finance palette.Coinbase brand colorsCompare another finance palette.UCLA similar paletteOpen a palette with a nearby first-listed color value.WordPress similar paletteOpen a palette with a nearby first-listed color value.Hyatt similar paletteOpen a palette with a nearby first-listed color value.Steel Blue colorOpen the nearest named color reference.American Express APIOpen the machine-readable brand color JSON.