Criado em 07/11/2025 10:09
Information Architecture UX Kit
Hierarchy Navy
#1d3557
Content Group Sand
#ffe8d6
Nav Tree Grey
#b0bec5
Section Label White
#fbfbfb
Link Accent Teal
#00b8a9
A paleta consiste em cores Luz. Cores de destaque Content Group Sand #ffe8d6 e Link Accent Teal #00b8a9. A paleta tem Legal, Neutro temperatura de cores.
A paleta Information Architecture UX Kit tem uma combinação de cores de códigos de 5:
HEX: #1d3557, RGB: (29, 53, 87); HEX: #ffe8d6, RGB: (255, 232, 214); HEX: #b0bec5, RGB: (176, 190, 197)
HEX: #fbfbfb, RGB: (251, 251, 251); HEX: #00b8a9, RGB: (0, 184, 169)
Versão simplificada das cores da paleta
Sombra de midnightblue, Matiz de antiquewhite, Matiz de Prata, Matiz de Branco, Matiz de lightseagreen
O esquema de cores foi criado por colourlock
Códigos de cores na paleta
Information Architecture UX Kit códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #1d3557 | #1d3557 | RGB(29, 53, 87) | Hierarchy Navy | — |
| #ffe8d6 | #ffe8d6 | RGB(255, 232, 214) | Content Group Sand | — |
| #b0bec5 | #b0bec5 | RGB(176, 190, 197) | Nav Tree Grey | Ocean Drive |
| #fbfbfb | #fbfbfb | RGB(251, 251, 251) | Section Label White | Whiteout |
| #00b8a9 | #00b8a9 | RGB(0, 184, 169) | Link Accent Teal | — |
Contraste da Paleta de Cores
4 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 |
#ffe8d6 | #b0bec5 | 1.61 |
#ffe8d6 | #fbfbfb | 1.14 |
#b0bec5 | #fbfbfb | 1.84 |
#b0bec5 | #00b8a9 | 1.3 |
