¿Cuáles son los colores de marca de linear.app?

Los colores principales de linear.app son #e5e5e6 (acento), #08090a (fondo) y #f7f8f8 (texto). La paleta completa de 10 colores, con el rol de cada uno, está en esta página como códigos hex.

¿Cuál es el código hex de linear.app?

El color de acento de linear.app es #e5e5e6; el fondo de la página es #08090a y el color principal del texto, #f7f8f8. Cada uno se mide en la página renderizada, así que es lo que ven los visitantes, no un valor de una guía de estilo.

¿Cómo uso los colores de linear.app en Tailwind o CSS?

Copia las variables CSS o el tema de Tailwind v4 de esta página, o descarga el paquete de diseño: incluye tokens.json (tokens de diseño W3C), tokens.css y tailwind.css con los mismos valores.

Paleta de colores de linear.app: códigos hex y CSS

Paleta

10 colores

Colores	Rol	Hex	RGB	Claro / oscuro
`background`	Page background	`#08090a`	`rgb(8 9 10)`	`#08090a`
`surface`	Cards, panels, raised or recessed surfaces	`#101112`	`rgb(16 17 18)`	`#101112`
`surface-2`	Secondary surface	`#1c1d1e`	`rgb(28 29 30)`	`#1c1d1e`
`surface-3`	Secondary surface	`#07220a`	`rgb(7 34 10)`
`foreground`	Primary text	`#f7f8f8`	`rgb(247 248 248)`	`#f7f8f8`
`muted-foreground`	Secondary text, captions	`#8a8f98`	`rgb(138 143 152)`	`#8a8f98`
`primary`	Candidate accent (semantic role inferred)	`#e5e5e6`	`rgb(229 229 230)`	`#e5e5e6`
`on-primary`	Text on the accent	`#111111`	`rgb(17 17 17)`	`#111111`
`secondary`	Secondary accent (violet)	`#5e6ad2`	`rgb(94 106 210)`	`#5e6ad2`
`border`	Hairlines, dividers, input borders	`#1c1d1e`	`rgb(28 29 30)`	`#1c1d1e`

Variables CSS

Cada color como propiedad personalizada, con el nombre de su rol. El bloque oscuro aparece cuando el sitio tiene tema oscuro.

1:root {
2  --color-background: #08090a;
3  --color-surface: #101112;
4  --color-surface-2: #1c1d1e;
5  --color-surface-3: #07220a;
6  --color-foreground: #f7f8f8;
7  --color-muted-foreground: #8a8f98;
8  --color-primary: #e5e5e6;
9  --color-on-primary: #111111;
10  --color-secondary: #5e6ad2;
11  --color-border: #1c1d1e;
12}
13
14[data-theme="dark"] {
15  --color-background: #08090a;
16  --color-surface: #101112;
17  --color-surface-2: #1c1d1e;
18  --color-foreground: #f7f8f8;
19  --color-muted-foreground: #8a8f98;
20  --color-primary: #e5e5e6;
21  --color-on-primary: #111111;
22  --color-secondary: #5e6ad2;
23  --color-border: #1c1d1e;
24}

Para agentes de IA

El paquete es texto plano, sin clave: descarga DESIGN.md o entrega el paquete completo a Claude Code, Cursor o Copilot con el servidor MCP.

curl -s https://stylepack.ai/packs/linear.app/DESIGN.md

La paleta de colores de linear.app