Quais são as cores da marca github.com?

As cores principais do github.com são #08872b (destaque), #0d1117 (fundo) e #ffffff (texto). A paleta completa de 10 cores, com a função de cada uma, está nesta página em códigos hex.

Qual é o código hex do github.com?

A cor de destaque do github.com é #08872b; o fundo da página é #0d1117 e a cor principal do texto, #ffffff. Cada uma é medida na página renderizada, ou seja, é o que os visitantes veem, não um valor de um guia de estilo.

Como usar as cores do github.com no Tailwind ou em CSS?

Copie as variáveis CSS ou o tema Tailwind v4 desta página, ou baixe o pacote de design: ele inclui tokens.json (design tokens W3C), tokens.css e tailwind.css com os mesmos valores.

Paleta de cores do github.com: códigos hex e CSS

Paleta

10 cores

Cores	Função	Hex	RGB	Claro / escuro
`background`	Page background	`#0d1117`	`rgb(13 17 23)`	`#0d1117`
`surface`	Cards, panels, raised or recessed surfaces	`#000000`	`rgb(0 0 0)`	`#000000`
`surface-2`	Secondary surface	`#1c1f25`	`rgb(28 31 37)`
`surface-3`	Secondary surface	`#3d4145`	`rgb(61 65 69)`
`foreground`	Primary text	`#ffffff`	`rgb(255 255 255)`	`#ffffff`
`muted-foreground`	Secondary text, captions	`#a4aea6`	`rgb(164 174 166)`
`primary`	Candidate accent (semantic role inferred)	`#08872b`	`rgb(8 135 43)`	`#08872b`
`on-primary`	Text on the accent	`#ffffff`	`rgb(255 255 255)`	`#ffffff`
`secondary`	Secondary accent (blue)	`#1f6feb`	`rgb(31 111 235)`	`#1f6feb`
`border`	Hairlines, dividers, input borders	`#25292e`	`rgb(37 41 46)`	`#25292e`

Variáveis CSS

Cada cor como uma custom property, nomeada pela função. O bloco escuro aparece quando o site tem tema escuro.

1:root {
2  --color-background: #0d1117;
3  --color-surface: #000000;
4  --color-surface-2: #1c1f25;
5  --color-surface-3: #3d4145;
6  --color-foreground: #ffffff;
7  --color-muted-foreground: #a4aea6;
8  --color-primary: #08872b;
9  --color-on-primary: #ffffff;
10  --color-secondary: #1f6feb;
11  --color-border: #25292e;
12}
13
14[data-theme="dark"] {
15  --color-background: #0d1117;
16  --color-surface: #000000;
17  --color-foreground: #ffffff;
18  --color-primary: #08872b;
19  --color-on-primary: #ffffff;
20  --color-secondary: #1f6feb;
21  --color-border: #25292e;
22}

Para agentes de IA

O pacote é texto puro, sem chave: busque o DESIGN.md ou entregue o pacote inteiro ao Claude Code, Cursor ou Copilot pelo servidor MCP.

curl -s https://stylepack.ai/packs/github.com/DESIGN.md

A paleta de cores do github.com