design.md

Preview

# claude.ai Design Tokens

> Generated by UI Archive — https://ui-archive.com/claude.ai
> Snapshot: 2026-11-15
> Format: W3C DTCG compatible — suitable for Cursor, Lovable, Claude Code, and other AI coding agents

## Colors

| Token | Value | Description |
|-------|-------|-------------|
| --color-cds-black | #000000 | Defined in :root as --cds-black |
| --color-cds-clay | #d97757 | Defined in :root as --cds-clay |
| --color-cds-gray-0 | #ffffff | Defined in :root as --cds-gray-0 |
| --color-cds-gray-200 | #c3c2b7 | Defined in :root as --cds-gray-200 |
| --color-cds-gray-300 | #a5a49a | Defined in :root as --cds-gray-300 |
| --color-cds-gray-500 | #6d6b67 | Defined in :root as --cds-gray-500 |
| --color-red-350 | #e66767 | Defined in :root as --color-red-350 |
| --color-red-450 | #d03b3b | Defined in :root as --color-red-450 |
| --color-orange-350 | #eb6834 | Defined in :root as --color-orange-350 |
| --color-orange-450 | #c25124 | Defined in :root as --color-orange-450 |
| --color-yellow-350 | #c98500 | Defined in :root as --color-yellow-350 |
| --color-yellow-450 | #a66a00 | Defined in :root as --color-yellow-450 |
| --color-green-350 | #35b231 | Defined in :root as --color-green-350 |
| --color-green-450 | #009300 | Defined in :root as --color-green-450 |
| --color-aqua-350 | #1baf7a | Defined in :root as --color-aqua-350 |
| --color-aqua-450 | #138e65 | Defined in :root as --color-aqua-450 |
| --color-blue-350 | #5598e7 | Defined in :root as --color-blue-350 |
| --color-blue-450 | #2a78d6 | Defined in :root as --color-blue-450 |
| --color-1757ac | #1757ac |  |
| --color-srgb-0-0431373 | color(srgb 0.0431373 0.0431373 0.0431373 / 0.05) |  |
…

All Tokens