design.md

Preview

# intercom.com Design Tokens

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

## Colors

| Token | Value | Description |
|-------|-------|-------------|
| --color-black | #000000 | Defined in :root as --color-black |
| --color-white | #ffffff | Defined in :root as --color-white |
| --color-focus-outline | #000ce1 | Defined in :root as --color-focus-outline |
| --color-orange | #ff5600 | Defined in :root as --color-orange |
| --color-navy | #020917 | Defined in :root as --color-navy |
| --color-green | #00da00 | Defined in :root as --color-green |
| --color-error | #c41c1c | Defined in :root as --color-error |
| --color-report-lime-200 | #cbff20 | Defined in :root as --color-report-lime-200 |
| --color-report-lime-300 | #b3e01c | Defined in :root as --color-report-lime-300 |
| --color-report-pink | #ff2067 | Defined in :root as --color-report-pink |
| --color-report-purple-400 | #825bff | Defined in :root as --color-report-purple-400 |
| --color-report-blue | #65b5ff | Defined in :root as --color-report-blue |
| --color-report-green | #0bdf50 | Defined in :root as --color-report-green |
| --color-report-grey-300 | #c5c5c5 | Defined in :root as --color-report-grey-300 |
| --color-report-grey-400 | #626260 | Defined in :root as --color-report-grey-400 |
| --color-canvas | #e7e3db | Defined in :root as --color-canvas |
| --color-sales | #055895 | Defined in :root as --color-sales |
| --color-voice-accent-green | #37b54a | Defined in :root as --color-voice-accent-green |
| --color-111111 | #111111 |  |
| --color-000000 | #000000 |  |
…

All Tokens