Skip to content
Library

Anthropic. Quiet ivory surfaces, editorial serif headlines, and a single clay accent that only appears when you must act.

  • AI
  • Light theme
  • 11 colors
  • 3 typefaces

Anthropic's interface reads like a curated research publication on warm parchment paper. Ivory and oat neutrals replace the typical cool-gray tech palette, giving every surface a paper-like quality that pairs with a custom serif used at unprecedented scale for both body and display text. A single clay-toned accent surfaces only at moments of action; everything else stays quiet and editorial. Components are flat — hairline borders and selective bottom-corner radii replace shadows as the elevation language, sans-serif handles UI chrome, and the serif carries voice.

Screenshot of Anthropic
Captured from anthropic.com on October 11, 2026

Anthropic design system

Anthropic

Brand2

  • Filled CTA buttons (e.g. cookie consent accept) — the single chromatic accent in the system, a terracotta warmth that belongs to the earth-tone family rather than typical UI blue

  • Hover/pressed state for Clay CTAs and the canonical accent token — deeper version of the primary accent

Neutrals9

  • Primary text, headings, footer background, hairline borders — near-black with a hint of warmth, never pure black

  • Dark-on-dark borders inside the footer

  • Outlined button borders, mid-contrast dividers

  • Muted helper text, inactive nav items, secondary labels — the neutral that recedes without disappearing

  • Hairline borders and dividers between sections — visible but never assertive

  • Secondary warm surface for grouped panels and feature containers — a deeper paper tone for variety

  • Featured hero card background — vintage paper tone that signals editorial importance without color shouting

  • Page canvas and large surface fills — the parchment background that sets the entire warm tone

  • Card surfaces, elevated panels, skip-link buttons — one step brighter than canvas for subtle layering without shadows

Try a pairing

Pick any two colors from the palette to check whether text stays readable on top.

Aa

Slate Dark on Clay

5.90 : 1 contrast

Background
Text
  • Body textPasses AA 4.5
  • Large textPasses AA 3
  • StrictFails AAA 7

More DESIGN.md files. Same web, different personalities.