Criado em 07/06/2025 08:44
Cognitive UI System Scaffold
- Flowchart Cream#f7f6f3
- Synapse Lilac#cdb4db
- Trace Blue#8ecae6
- Stimulus Gray#9e9e9e
- Action Coral#ff7e6b
- Contrast Deep Black#1a1b1f
A paleta consiste em cores Luz, Escuro. Cores de destaque Trace Blue #8ecae6 e Action Coral #ff7e6b. A paleta tem Neutro, Legal, Esquentar temperatura de cores.
Em luminosidade, a paleta vai de #1A1B1F (mais escuro) a #F7F6F3 (mais claro). A faixa de luminosidade é ampla.
Saturação mista — tons suaves e acentos mais vivos.
Alguns pares de matizes estão perto de posições complementares — pode ler-se como contraste complementar (heurística).
No geral, a temperatura tende para o frio.
Códigos HEX (ordenados): #1A1B1F, #8ECAE6, #9E9E9E, #CDB4DB, #F7F6F3, #FF7E6B
A paleta Cognitive UI System Scaffold tem uma combinação de cores de códigos de 6:
HEX: #f7f6f3, RGB: (247, 246, 243); HEX: #cdb4db, RGB: (205, 180, 219); HEX: #8ecae6, RGB: (142, 202, 230)
HEX: #9e9e9e, RGB: (158, 158, 158); HEX: #ff7e6b, RGB: (255, 126, 107); HEX: #1a1b1f, RGB: (26, 27, 31)
Versão simplificada das cores da paleta
Sombra de whitesmoke, Matiz de thistle, Matiz de skyblue, Matiz de darkgrey, Matiz de salmon, Sombra de Preto
O esquema de cores foi criado por hex
Códigos de cores na paleta
Cognitive UI System Scaffold códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #f7f6f3 | #f7f6f3 | RGB(247, 246, 243) | Flowchart Cream | — |
| #cdb4db | #cdb4db | RGB(205, 180, 219) | Synapse Lilac | — |
| #8ecae6 | #8ecae6 | RGB(142, 202, 230) | Trace Blue | — |
| #9e9e9e | #9e9e9e | RGB(158, 158, 158) | Stimulus Gray | Gray62 |
| #ff7e6b | #ff7e6b | RGB(255, 126, 107) | Action Coral | — |
| #1a1b1f | #1a1b1f | RGB(26, 27, 31) | Contrast Deep Black | — |
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 |
#f7f6f3 | #cdb4db | 1.74 |
#f7f6f3 | #8ecae6 | 1.65 |
#cdb4db | #8ecae6 | 1.05 |
#cdb4db | #9e9e9e | 1.42 |
#cdb4db | #ff7e6b | 1.31 |
#8ecae6 | #9e9e9e | 1.49 |
Paleta de imagens Cognitive UI System Scaffold png
Exportar paleta
Baixe a "Cognitive UI System Scaffold" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: