Was sind die Markenfarben von linear.app?

Die Hauptfarben von linear.app sind #e5e5e6 (Akzent), #08090a (Hintergrund) und #f7f8f8 (Text). Die vollständige Palette aus 10 Farben, mit der Rolle jeder Farbe, steht auf dieser Seite als Hex-Codes.

Was ist der Hex-Code von linear.app?

Die Akzentfarbe auf linear.app ist #e5e5e6; der Seitenhintergrund ist #08090a und die Haupttextfarbe #f7f8f8. Jede ist an der gerenderten Seite gemessen, also das, was Besucher sehen, kein Wert aus einem Styleguide.

Wie nutze ich die Farben von linear.app in Tailwind oder CSS?

Kopiere die CSS-Variablen oder das Tailwind v4 Theme auf dieser Seite, oder lade das Designpaket herunter: Es enthält tokens.json (W3C Design-Tokens), tokens.css und tailwind.css mit denselben Werten.

linear.app Farbpalette: Hex-Codes und CSS

Palette

10 Farben

Farben	Rolle	Hex	RGB	Hell / dunkel
`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`

CSS-Variablen

Jede Farbe als Custom Property, benannt nach ihrer Rolle. Der Dark-Block ist da, wenn die Seite ein dunkles Theme hat.

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}

Für KI-Agenten

Das Paket ist reiner Text, ohne Key: hol dir DESIGN.md oder gib das ganze Paket per MCP-Server an Claude Code, Cursor oder Copilot.

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

Die Farbpalette von linear.app