Capital One

Learn how banking with Capital One can help you meet your financial goals.

banksverifiedcapitalone.com

Color

primary

Black

#000000

Primary brand color: CTAs, links, active states.

secondary

Dark Blue

#255f82

Secondary brand color.

accent

Dark Blue

#0276b1

Accent: highlights and secondary emphasis.

surface

White

#ffffff

Page and card background.

text

Black

#000000

Body text on surface.

Typography

heading → Optimistbody → Optimist

Optimistoptimist

custom

Learn how banking with Capital One can help you meet your financial goals.

Weights:: 400, 600, 700

Auto-detected web font; provenance unconfirmed. Reference only — never rehost without a license.

Gradient

Derived from the colour roles, interpolated perceptually. The same three tokens ship in brand.css and tokens.json.

Brand--brand-gradient

linear-gradient(135deg in oklab, #000000 0%, #255f82 100%)

Worst-case contrast — white 6.91:1 AA · black 1.00:1

Hero--brand-gradient-hero

linear-gradient(135deg in oklab, #000000 0%, #4b5c68 100%)

Worst-case contrast — white 6.93:1 AA · black 1.00:1 · ink #ffffff

Button--brand-gradient-button

linear-gradient(180deg in oklch shorter hue, #090909 0%, #010101 100%)

Worst-case contrast — white 19.91:1 AA · black 1.01:1 · ink #ffffff

Voice & Tone

Logo Inventory

primary

svg

mono

svg

inverse

svg

mcpConnect your agent to Capital One

live endpoint

Point any MCP client at this brand and every session grounds itself in the real system — colors, type, voice, usage rules. Read-only.

endpointhttps://mcp.brandsweets.com/capitalone-com/mcp

.mcp.json

{
  "mcpServers": {
    "brandsweets-capitalone-com": {
      "type": "http",
      "url": "https://mcp.brandsweets.com/capitalone-com/mcp"
    }
  }
}

claude codeclaude mcp add --transport http brandsweets-capitalone-com https://mcp.brandsweets.com/capitalone-com/mcp