Anthropic
Anthropic's brand palette, captured directly from the live marketing site (anthropic.com) where the design system exposes named swatch tokens on the document root. The brand is warm and paper-toned: a cream "Ivory" canvas, deep "Slate" text, with Claude's signature "Clay" terracotta as the primary accent. A muted natural-world secondary scale — Cloud, Oat, Manilla, Kraft, Olive, Cactus, Sky, Heather, Fig, Coral — supports illustration and surface accents. Anthropic is light-first; the dark mode used on hero modules flips Slate-dark to canvas with Ivory text.
20 swatches 15 light roles 15 dark roles
Swatches
ivory-light
#FAF9F5
Page canvas — the warm cream Anthropic uses as the base.
ivory-medium
#F0EEE6
Subtle elevated surface; hover state for ivory buttons.
ivory-dark
#E8E6DC
Border / quiet divider on ivory canvas.
slate-dark
#141413
Primary text on ivory; canvas in dark mode.
slate-medium
#3D3D3A
Elevated surface in dark mode; secondary text on ivory.
slate-light
#5E5D59
Tertiary text; hover state for slate surfaces.
cloud-light
#D1CFC5
Soft neutral, illustration mid-tone.
cloud-medium
#B0AEA5
Mid cloud — secondary text on dark surfaces.
cloud-dark
#87867F
Deep cloud — quiet text on warm surfaces.
clay
#D97757
Claude's signature terracotta accent. The brand's primary warm.
accent
#C6613F
Pressed / active variant of clay.
oat
#E3DACC
Wheaten neutral, illustration warm.
manilla
#EBDBBC
Pale parchment yellow.
kraft
#D4A27F
Tan / craft-paper warm.
olive
#788C5D
Muted green secondary.
cactus
#BCD1CA
Pale sage.
sky
#6A9BCC
Mid blue secondary.
heather
#CBCADB
Pale lavender.
fig
#C46686
Muted rose-magenta.
coral
#EBCECE
Pale coral pink — pairs with clay.
Mode role mappings
Light mode (15 roles)
accent
→ clay accent-hover
→ accent background
→ ivory-light border
→ ivory-dark error
→ fig primary
→ clay primary-hover
→ accent success
→ olive surface
→ ivory-medium surface-elevated
→ ivory-light text-primary
→ slate-dark text-secondary
→ slate-medium text-tertiary
→ slate-light warning
→ kraft warning-hover
→ accent Dark mode (15 roles)
accent
→ clay accent-hover
→ accent background
→ slate-dark border
→ slate-light error
→ fig primary
→ clay primary-hover
→ accent success
→ cactus surface
→ slate-medium surface-elevated
→ slate-light text-primary
→ ivory-light text-secondary
→ cloud-medium text-tertiary
→ cloud-dark warning
→ manilla warning-hover
→ kraft Provenance
- Source
- https://www.anthropic.com/
- License
Proprietary — All Rights Reserved- Attribution
- Anthropic, PBC — palette values captured from the deployed stylesheet on anthropic.com (--swatch-* CSS custom-property family). Anthropic, Claude, and associated marks are property of Anthropic.
- Imported
-
2026-05-17 - Notes
- Swatch names mirror Anthropic's own internal naming as exposed on the live site (--swatch--clay, --swatch--ivory-light, etc.). The brand is paired with the proprietary Anthropic Sans / Anthropic Serif / Anthropic Mono typefaces, none of which are publicly distributed.