design.md

Preview

# anthropic.com Design System

> Inspected by UI Archive — https://ui-archive.com/anthropic.com
> Last updated: 2026-04-28

## Colors

| Token | Value | Description |
|-------|-------|-------------|
| --color-theme-background | #faf9f5 | Defined in :root as --_color-theme---background |
| --color-theme-text | #141413 | Defined in :root as --_color-theme---text |
| --color-theme-link-text-hover | #5e5d59 | Defined in :root as --_color-theme---link--text-hover |
| --color-swatch-clay | #d97757 | Defined in :root as --swatch--clay |
| --color-theme-text-agate | #b0aea5 | Defined in :root as --_color-theme---text-agate |
| --color-swatch-accent | #c6613f | Defined in :root as --swatch--accent |
| --color-swatch-olive | #788c5d | Defined in :root as --swatch--olive |
| --color-swatch-oat | #e3dacc | Defined in :root as --swatch--oat |
| --color-swatch-cactus | #bcd1ca | Defined in :root as --swatch--cactus |
| --color-swatch-sky | #6a9bcc | Defined in :root as --swatch--sky |
| --color-swatch-heather | #cbcadb | Defined in :root as --swatch--heather |
| --color-swatch-fig | #c46686 | Defined in :root as --swatch--fig |
| --color-swatch-coral | #ebcece | Defined in :root as --swatch--coral |
| --color-swatch-cloud-dark | #87867f | Defined in :root as --swatch--cloud-dark |
| --color-swatch-manilla | #ebdbbc | Defined in :root as --swatch--manilla |
| --color-swatch-kraft | #d4a27f | Defined in :root as --swatch--kraft |
| --color-srgb-0-0784314 | color(srgb 0.0784314 0.0784314 0.0745098 / 0.6) |  |

## Typography

| Token | Font Family | Size |
…

All Tokens