Coinbase

The easiest place to buy, sell, and manage crypto.

financial services / cryptocurrencyverifiedcoinbase.com

Coinbase is building the cryptoeconomy — a more fair, accessible, efficient, and transparent financial system enabled by crypto. The brand mirrors that ambition: calm, confident, and unmistakably trustworthy, built on a single Coinbase Blue, clean geometric type, and a reductive circular mark.

Color

primary

Coinbase Blue

#0052ff

The one brand blue — primary CTAs, links, the circular mark.

surfacedark

White

#ffffff

Clean white canvas; dark mode uses the near-black off-black.

textdark

Off Black

#0a0b0d

Body and heading text on white; near-white on the dark canvas.

success

Green

#098551

Gains, positive price movement, confirmations.

danger

Red

#cf202f

Losses, negative price movement, destructive actions.

Typography

display → Coinbase Displayheading → Coinbase Sansbody → Coinbase Sansmono → Coinbase Mono

Coinbase Displaycoinbase-display

commissioned

The easiest place to buy, sell, and manage crypto.

Foundry:: Coinbase (with MCKL)
Weights:: 400, 500, 700

Coinbase Display is a commissioned typeface owned by Coinbase. Reference by name only; never rehost the binaries.

Coinbase Monocoinbase-mono

commissioned

The easiest place to buy, sell, and manage crypto.

Foundry:: Coinbase (with MCKL)
Weights:: 400

Coinbase Mono is commissioned and owned by Coinbase; used for numeric/price data. Reference only.

Coinbase Sanscoinbase-sans

commissioned

The easiest place to buy, sell, and manage crypto.

Foundry:: Coinbase (with MCKL)
Weights:: 400, 500, 600

Coinbase Sans is a commissioned typeface owned by Coinbase. Reference by name only; never rehost the binaries.

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, #0052ff 0%, #7d04ff 100%)

Worst-case contrast — white 5.73:1 AA · black 3.33:1 AA-large

Hero--brand-gradient-hero

linear-gradient(135deg in oklab, #4f6aa1 0%, #6e5fa1 100%)

Worst-case contrast — white 5.35:1 AA · black 3.80:1 AA-large · ink #ffffff

Button--brand-gradient-button

linear-gradient(180deg in oklch shorter hue, #0d5dff 0%, #003fed 100%)

Worst-case contrast — white 5.21:1 AA · black 2.93:1 · ink #ffffff

Voice & Tone

clearconfidenttrustworthyoptimistic

Do

+Explain crypto in plain language anyone can follow
+Be transparent — no hidden asterisks or hype
+Lead with what the person can do, safely
+Keep it calm and reassuring

Don't

−Never overpromise returns or use hype
−Avoid impenetrable crypto jargon without explanation
−Don't be flippant about money or risk

Sample copy

buttoncta

Get started

portfolio empty stateempty-state

Your portfolio is empty. Buy your first crypto in minutes.

hero headlineheadline

The easiest place to buy and sell crypto.

price alertnotification

Bitcoin is up 4% today. Check your portfolio.

Logo Inventory

primary

svgpng

mono

svg

Marks from Simple Icons (CC0). Licences and attribution

Usage Rules

MUSTMeet WCAG AA for textaccessibility
Off-Black on white clears AA comfortably; keep blue for fills and large type.
MUSTRespect logo clear spacelogo
Keep at least one cap-height of clear space around the wordmark.
MUSTOne confident bluecolor
Coinbase Blue (#0052FF) is the single brand color. Don't introduce competing accent hues.
SHOULDExplain in plain languagevoice
Make crypto approachable. Define jargon; never hype returns.

mcpConnect your agent to Coinbase

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/coinbase/mcp

.mcp.json

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

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

Coinbase trademarks and logos belong to their owner. Shown for identification (nominative use); not affiliated or endorsed. Owner of this brand? Request a correction or removal →