Skip to content
SuiteAnvil
Design system comparison · openai.com / anthropic.com

OpenAI vs Anthropic: brand colors, fonts & UI tokens

OpenAI leads with #000000 (black) set in OpenAI Sans; Anthropic with #D97757 (vermilion) set in Anthropic Sans. Controls are pill-shaped versus 8px, and 6 of 7 versus 7 of 9 key color pairings pass WCAG 2.1 AA.

OpenAI: reference 10 Nov 2026Anthropic: reference 10 Nov 2026
OpenAI

OpenAI

openai.com · reference 10 Nov 2026
Palette · click to copy
Typography
Aa Clarity

Body copy at reading size.

Headings
OpenAI Sans
Body
OpenAI Sans
Free stand-in
Inter
Pill · 16 px+
OpenAI
PrimarySecondary
controls pill (9999px) · cards 24px
WCAG AA
6/7
WCAG AAA
5/7
Tech SEO
n/a

Anthropic

anthropic.com · reference 10 Nov 2026
Palette · click to copy
Typography
Aa Clarity

Body copy at reading size.

Headings
Anthropic Sans
Body
Anthropic Serif
Free stand-in
Inter / Source Serif 4
Rounded · 8-14 px
Anthropic
PrimarySecondary
controls 8px · cards 16px
WCAG AA
7/9
WCAG AAA
4/9
Tech SEO
97

Differences at a glance

Measured values side by side. The last column is arithmetic on those values, not a judgment.

AttributeOpenAIAnthropicDifference
Primary color#000000 · Black#D97757 · VermilionDifferent hue, OKLab ΔE 68.5
Text color#0D0D0D#141413OKLab ΔE 3.2
Canvas#FFFFFF · Neutral white#FAF9F5 · Warm paperDifferent surface tone
ModeLightLightSame
Heading fontOpenAI Sans (free stand-in Inter)Anthropic Sans (free stand-in Inter)Same free stand-in (Inter)
Body fontOpenAI Sans (free stand-in Inter)Anthropic Serif (free stand-in Source Serif 4)Different families
Control radiuspill (9999px)8pxOpenAI uses pill controls
Card radius24px16pxOpenAI rounder by 8px
Radius stylePillRoundedDifferent
WCAG 2.1 AA6 of 7 (86%)7 of 9 (78%)OpenAI higher by 8 pts
WCAG 2.1 AAA5 of 7 (71%)4 of 9 (44%)OpenAI higher by 27 pts
Button label contrast21.00:16.04:1OpenAI higher by 14.96
Technical SEONot published (HTTP 403)97/100Not comparable
Data from10 Nov 202610 Nov 2026Both reference snapshots

WCAG 2.1 contrast, pairing by pairing

PairingOpenAIAnthropic
Body text on surfaceAa19.44:1AAAa17.50:1AA
Secondary text on surfaceAa6.58:1AAAa6.26:1AA
Primary as link/text on surfaceAa21.00:1AAAa2.96:1Fail
Button label on primaryAa21.00:1AAAa6.04:1AA
Accent on surfaceAa3.20:1LargeAa2.78:1Fail
White on secondaryAa19.44:1AAAa18.43:1AA
Dark mode: text on canvasAa18.17:1AAAa17.64:1AA
Body text on whitesame colors as another pairingAa18.43:1AA
Dark mode: primary on canvassame colors as another pairingAa6.15:1AA

Technical SEO snapshot

Homepage checks from each dated scan. Sites that refuse automated requests show no score rather than an estimate.

OpenAI
openai.com · 10 Nov 2026

openai.com refuses automated requests (HTTP 403), so no SEO metrics are published for it. Nothing is estimated.

Anthropic
anthropic.com · 10 Nov 2026
97
13 of 14 checks pass
  • passTitle tag16 chars: “Home \ Anthropic”
  • passMeta description121 chars
  • passSingle H1 heading1 H1 element(s)
  • passCanonical URLhttps://www.anthropic.com/
  • passHTML lang attributelang="en"
  • passMobile viewportwidth=device-width, initial-scale=1
  • passOpen Graph tags3/3 of og:title, og:description, og:image
  • passTwitter / X cardsummary_large_image
  • warnStructured data (JSON-LD)No JSON-LD found
  • passHTTPSServed over HTTPS
  • passIndexable (robots meta)No robots restrictions
  • passXML sitemap589 URLs · https://www.anthropic.com/sitemap.xml
  • passFavicon / touch iconIcon link present
  • passImage alt text100% of 5 images

Benchmark your own site

Compare your site with OpenAI

We scan your homepage, CSS and sitemap, then put your palette, fonts, corner radius, WCAG contrast and technical SEO next to OpenAI's.

Benchmark pages are not indexed by search engines. Share them by link.

OpenAI vs Anthropic FAQ

What are the brand colors of OpenAI and Anthropic?

OpenAI uses #000000 as primary, #0D0D0D as secondary and #10A37F as accent, with #0D0D0D text on #FFFFFF. Anthropic uses #D97757 as primary, #141413 as secondary and #6A9BCC as accent, with #141413 text on #FAF9F5. Click any swatch on this page to copy its hex code.

Which fonts do OpenAI and Anthropic use?

OpenAI sets headings in OpenAI Sans (free stand-in Inter). Anthropic sets headings in Anthropic Sans (free stand-in Inter) and body text in Anthropic Serif (free stand-in Source Serif 4). Proprietary faces are previewed with the named free Google Fonts stand-in.

Does OpenAI or Anthropic use rounder corners?

OpenAI uses pill-shaped controls and 24px cards (pill geometry). Anthropic uses 8px controls and 16px cards (rounded geometry). Control radius: openai uses pill controls.

Which brand palette passes more WCAG contrast checks?

OpenAI passes 6 of 7 key pairings at WCAG 2.1 AA (86%) and 5 at AAA. Anthropic passes 7 of 9 at AA (78%) and 4 at AAA. The pairings cover body text, links, buttons and dark mode.

How do OpenAI and Anthropic compare on technical SEO?

openai.com refuses automated requests (HTTP 403), so no SEO score is published for it. Anthropic's homepage scores 97/100, with 13 of 14 checks passing. Scores come from SuiteAnvil's 14 weighted technical checks (title, description, H1, canonical, Open Graph, structured data, sitemap, HTTPS and more) and are never estimated.

How can I compare my own website with Anthropic?

Enter your URL in the benchmark form on this page. SuiteAnvil scans your homepage, CSS and sitemap, then opens the same side-by-side view of your site against Anthropic, or against OpenAI.

Dated snapshots of each company's public website styling for educational and interoperability purposes. Brands evolve; values may change. Names and logos are trademarks of their owners, shown for identification only; SuiteAnvil is not affiliated with or endorsed by OpenAI or Anthropic.

SuiteAnvil extracts publicly visible design tokens, logos, and font references for workflow automation. You are responsible for ensuring you hold valid commercial rights or client authorization for any proprietary fonts, trademarks, and brand assets before commercial publication. Licensing notice