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

A cor de destaque do wise.com é #163300; o fundo da página é #ffffff e a cor principal do texto, #163300. 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 wise.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 wise.com: códigos hex e CSS

Paleta

9 cores

Cores	Função	Hex	RGB
`background`	Page background	`#ffffff`	`rgb(255 255 255)`
`surface`	Cards, panels, raised or recessed surfaces	`#ecefeb`	`rgb(236 239 235)`
`surface-2`	Secondary surface	`#e2f6d5`	`rgb(226 246 213)`
`surface-3`	Secondary surface	`#d0d6cc`	`rgb(208 214 204)`
`foreground`	Primary text	`#163300`	`rgb(22 51 0)`
`primary`	Candidate accent (semantic role inferred)	`#163300`	`rgb(22 51 0)`
`on-primary`	Text on the accent	`#ffffff`	`rgb(255 255 255)`
`secondary`	Secondary accent (orange)	`#cf2929`	`rgb(207 41 41)`
`border`	Hairlines, dividers, input borders	`#e2e2e2`	`rgb(226 226 226)`

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: #ffffff;
3  --color-surface: #ecefeb;
4  --color-surface-2: #e2f6d5;
5  --color-surface-3: #d0d6cc;
6  --color-foreground: #163300;
7  --color-primary: #163300;
8  --color-on-primary: #ffffff;
9  --color-secondary: #cf2929;
10  --color-border: #e2e2e2;
11}

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/wise.com/DESIGN.md

A paleta de cores do wise.com

Paleta

Variáveis CSS

Para agentes de IA

Perguntas

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

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