Criado em 07/28/2025 11:30
Full-Stack Design Token UI Kit
Server Side Steel
#8892b0
Client Rose
#f9a1bc
Component Snow
#f7f9fa
Auth Mint
#cffafe
Request Charcoal
#202225
Route Gold
#fdc500
A paleta consiste em cores Luz, Escuro. Cores de destaque Auth Mint #cffafe e Route Gold #fdc500. A paleta tem Legal, Esquentar, Neutro temperatura de cores.
A paleta Full-Stack Design Token UI Kit tem uma combinação de cores de códigos de 6:
HEX: #8892b0, RGB: (136, 146, 176); HEX: #f9a1bc, RGB: (249, 161, 188); HEX: #f7f9fa, RGB: (247, 249, 250)
HEX: #cffafe, RGB: (207, 250, 254); HEX: #202225, RGB: (32, 34, 37); HEX: #fdc500, RGB: (253, 197, 0)
Versão simplificada das cores da paleta
Sombra de lightslategrey, Matiz de lightpink, Sombra de whitesmoke, Matiz de lightcyan, Sombra de Preto, Matiz de gold
O esquema de cores foi criado por palettespicker
Códigos de cores na paleta
Full-Stack Design Token UI Kit códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #8892b0 | #8892b0 | RGB(136, 146, 176) | Server Side Steel | — |
| #f9a1bc | #f9a1bc | RGB(249, 161, 188) | Client Rose | — |
| #f7f9fa | #f7f9fa | RGB(247, 249, 250) | Component Snow | — |
| #cffafe | #cffafe | RGB(207, 250, 254) | Auth Mint | — |
| #202225 | #202225 | RGB(32, 34, 37) | Request Charcoal | — |
| #fdc500 | #fdc500 | RGB(253, 197, 0) | Route Gold | — |
Contraste da Paleta de Cores
8 pares de cores têm contraste baixo e precisam de melhorias, o que pode afetar a legibilidade.
| Cor do texto | Cor de fundo | Taxa de contraste |
#8892b0 | #f9a1bc | 1.59 |
#8892b0 | #fdc500 | 1.93 |
#f9a1bc | #f7f9fa | 1.83 |
#f9a1bc | #cffafe | 1.72 |
#f9a1bc | #fdc500 | 1.21 |
#f7f9fa | #cffafe | 1.06 |
