design.md

Preview

# discord.com Design Tokens

> Generated by UI Archive — https://ui-archive.com/discord.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-not-quite-black | #23272a | Defined in :root as --not-quite-black |
| --color-blurple | #5865f2 | Defined in :root as --blurple |
| --color-white | #ffffff | Defined in :root as --white |
| --color-button-hover | #8891f2 | Defined in :root as --button-hover |
| --color-greyple | #99aab5 | Defined in :root as --greyple |
| --color-spring-green | #57f287 | Defined in :root as --spring-green |
| --color-dim-grey | #50555f | Defined in :root as --dim-grey |
| --color-dark-blurple | #3442d9 | Defined in :root as --dark-blurple |
| --color-fuchsia | #eb459e | Defined in :root as --fuchsia |
| --color-yellow | #fee75c | Defined in :root as --yellow |
| --color-mint-green | #43b581 | Defined in :root as --mint-green |
| --color-red | #ed4245 | Defined in :root as --red |
| --color-ekko-red | #de2761 | Defined in :root as --ekko-red |
| --color-vivid-cerulean | #00b0f4 | Defined in :root as --vivid-cerulean |
| --color-orange | #fda220 | Defined in :root as --orange |
| --color-pink | #ffcdee | Defined in :root as --pink |
| --color-pinc-2 | #dc4195 | Defined in :root as --pinc-2 |
| --color-refresh-blue | #161cbb | Defined in :root as --refresh-blue |
| --color-navy-blue | #24173f | Defined in :root as --navy-blue |
| --color-brand-gradient | linear-gradient(90deg,#8ea1e1,#7289da) | Defined in :root as --brand-gradient |
…

All Tokens