design.md

Preview

# railway.app Design Tokens

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

## Colors

| Token | Value | Description |
|-------|-------|-------------|
| --color-foreground | hsl(0, 0%, 100%) | Defined in :root as --foreground |
| --color-background | hsl(250, 24%, 9%) | Defined in :root as --background |
| --color-secondarybg | hsl(250, 21%, 11%) | Defined in :root as --secondaryBg |
| --color-agents-sheet | #000000 | Defined in :root as --agents-sheet |
| --color-agents-scrim | rgb(13 12 20 / 0.7) | Defined in :root as --agents-scrim |
| --color-agents-band | #1C1A29 | Defined in :root as --agents-band |
| --color-agents-raised | #252134 | Defined in :root as --agents-raised |
| --color-agents-edge | #312C45 | Defined in :root as --agents-edge |
| --color-agents-ink | #B3B3E6 | Defined in :root as --agents-ink |
| --color-agents-dim | #5E5C86 | Defined in :root as --agents-dim |
| --color-agents-accent | #A78BFE | Defined in :root as --agents-accent |
| --color-agents-link | #B9A3D8 | Defined in :root as --agents-link |
| --color-agents-good | #22C55E | Defined in :root as --agents-good |
| --color-agents-shade | rgb(0 0 0 / 0.5) | Defined in :root as --agents-shade |
| --color-blue-50 | hsl(220, 55%, 10%) | Defined in :root as --blue-50 |
| --color-blue-100 | hsl(220, 55%, 13%) | Defined in :root as --blue-100 |
| --color-blue-200 | hsl(220, 62%, 25%) | Defined in :root as --blue-200 |
| --color-blue-300 | hsl(220, 68%, 35%) | Defined in :root as --blue-300 |
| --color-blue-400 | hsl(220, 72%, 45%) | Defined in :root as --blue-400 |
| --color-blue-500 | hsl(220, 80%, 55%) | Defined in :root as --blue-500 |
…

All Tokens