What are eBay's primary brand colors?

eBay's brand identity is the four-color logomark — the letters 'ebay' in saturated red, cobalt blue, marigold yellow, and grass green, lowercase and slightly italicized. This is the system's only multicolor surface; the surrounding chrome has gone near-monochrome since the late-2024 visual refresh. Outside the logo, the page uses one secondary cobalt blue (#0968f6) for the Search button pill and the in-body Sign-in link, and a darker indigo (#003aa5) for legal-footer links. Every other surface is ink graphite #191919 on white. The four-color mark carries the brand-recognition asset; the secondary blue does the interactive work.

What typeface does eBay use, and what should I use as a substitute?

eBay runs Market Sans, a proprietary humanist sans-serif commissioned for the brand, across every typographic tier — display, heading, body, button, and price label. The font ships with two fallback stacks: a Helvetica-first stack for body and nav (Market Sans, Helvetica, sans-serif), and an Arial-first stack for headlines and product titles (Market Sans, Arial, sans-serif). Display sits at 24-36px / weight 700; price labels at 16px / 700 with strikethrough comparison prices at 12px / 400; body at 12-16px / 400. The closest open-source substitutes are Inter for body (Helvetica fallback) and Source Sans 3 for display (Arial fallback) — both match the slightly-narrow Market Sans proportions at the 14-16px tier.

Why does eBay use 16px radius on every product tile?

The 16px radius is the system's signature shape token, used 90 times on the captured page across every product-photo tile, category card, deal card, trending tile, and feature panel. This is unusually generous for an e-commerce surface — Amazon uses 4-8px, Etsy uses 12px — and the choice softens what would otherwise be a punishing visual rhythm of stacked rectangles. The 16px arc shows clearly at typical thumbnail sizes (120-200px wide) and reads as a deliberate brand-consistency move rather than a default rounding. The Search button pill at 44px and the user-avatar at full-circle are the only other radius tiers; there is no 4px or 8px tight-corner moment.

Why is the Search button the only saturated blue on the page?

The Search button is the single most important interaction on a marketplace — every shopper journey starts there — and eBay's system holds the saturated cobalt blue (#0968f6) for that button alone in the captured chrome. The pill is 44px tall, 16px-rounded into a full pill, with white 14px / 700 'Search' text and 0px 20px padding. It sits at the right end of the header search bar, which itself uses a 40px-tall white-fill input with 44px rounding. The same cobalt appears once more in the page body as the 'Sign in' link color and once in the dark footer as the accent for legal links — but those are inline text occurrences, not surfaces. The pill is the only place the cobalt holds the foreground.

eBay Design System

eBay's marketplace design system as a DESIGN.md file.

About eBay DESIGN.md

Curated by Dov AzencotUpdated May 18, 2026Source ebay.com

Marketplaces
E-commerce & Retail

eBay's marketing surface in 2026 is doing two things at once. The first is preserving a brand-recognition asset older than the iPhone — the four-letter "ebay" logomark in saturated red, cobalt blue, marigold yellow, and grass green, lowercase and slightly italicized, sitting at the top-left of every page the way it has since 1995. The second is wrapping that asset in a near-monochrome late-2024 system: ink-graphite text on a white canvas, hairline borders in light gray, a single secondary cobalt blue reserved for the Search button, and a 16px rounded-square product-tile radius used 90 times on the captured page. Where Amazon keeps its hero busy with promotional banners and a navy-on-orange palette, and where Etsy paints the whole canvas in its kraft-paper orange, eBay's marketing surface is structurally calm — the four-color logo carries every bit of brand voltage, and the surrounding chrome resigns from competing.

The DESIGN.md file packages the system into a machine-readable spec for React tooling. Inside: 13 color tokens drawn from the 200+ CSS custom properties eBay's "expressive" theme exposes, organized into a single ink-graphite for body text and borders, three saturated brand letter-colors (red, blue, yellow, green) for the logomark, one cobalt blue for the primary CTA, a cobalt indigo for legal links, and a neutral gray ladder for surfaces; 13 typography tokens running Market Sans (eBay's proprietary sans) in two stack variants — Helvetica fallback for body and Arial fallback for display — across sizes 10px to 36px and weights 400-700; 5 radius tokens centered on 16px for product tiles and 44px for the Search-button pill; 8 spacing tokens on a 4px base; and 18 component definitions covering the cobalt Search button, the product-photo tile, the category card, the inline cyan nav-link, the announcement banner, and the four-column footer.

Feed this file to an AI coding tool and it reproduces eBay's specific moves: monochrome ink-on-white chrome with one cobalt secondary, 16px rounded product photography as the dominant visual unit, Market Sans at modest weights, the four-color logomark as the sole multicolor brand surface, and the product-grid layout where row after row of square tiles share identical visual treatment so the category labels do the editorial work. The token references resolve cleanly — `{colors.brand-red}` for the R, `{colors.brand-blue}` for the b, `{colors.primary}` for the Search pill — so the AI never has to invent a value. Borrow the move only if your marketplace can carry the same restraint: if you need promotional banner real estate above the fold, the eBay chrome will feel anemic. The system trades shopper-side excitement for a calm browse surface that lets the photography do the selling.

What makes it distinct

Four-color logomarkred, blue, yellow, green letters spelling 'ebay' in italic lowercase, the system's only multicolor surface in chrome that has otherwise gone monochrome
16px square-photo radiusused 90 times on the captured page across every product tile, category card, and feature panel; the dominant shape token in the entire system
Cobalt Search button#0968f6 with white text inside a 44px-rounded pill, the single saturated CTA in an otherwise ink-on-white chrome
Market Sans across every tiereBay's proprietary sans does display, body, label, button, and price; no second family on the page
Expressive theme tokens200+ CSS custom properties wired into every component, with semantic names like --color-foreground-on-strong and --color-background-elevated

Live at ebay.com

A snapshot of the brand in production. Hover the frame to scroll the page; click to visit.

ebay.com

Explore eBay

Pick what you want to see — mockups, colors, typography, layout, or the full component list.

Brand & Accent

Sparing, CTA-only voltage.

Surface

Page and card backgrounds.

Text

Headlines, body, captions, muted.

Borders & Hairlines

Dividers, outlines, structural rules.

Other

Specialty colors.