Criado em 06/14/2025 19:41
AI Product Design Tokens
- Neural Pink#fec8d8
- UX Grid Blue#a0c4ff
- Data Label Ash#e5e5e5
- Action Ink#1a1a1a
- Prototype Cream#fef9ef
- Font Contrast Plum#845ec2
A paleta consiste em cores Luz, Escuro. Cores de destaque Neural Pink #fec8d8 e UX Grid Blue #a0c4ff. A paleta tem Neutro, Legal temperatura de cores.
Em luminosidade, a paleta vai de #1A1A1A (mais escuro) a #FEF9EF (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).
A maioria das amostras lê-se como neutra em temperatura.
Códigos HEX (ordenados): #1A1A1A, #845EC2, #A0C4FF, #E5E5E5, #FEC8D8, #FEF9EF
A paleta AI Product Design Tokens tem uma combinação de cores de códigos de 6:
HEX: #fec8d8, RGB: (254, 200, 216); HEX: #a0c4ff, RGB: (160, 196, 255); HEX: #e5e5e5, RGB: (229, 229, 229)
HEX: #1a1a1a, RGB: (26, 26, 26); HEX: #fef9ef, RGB: (254, 249, 239); HEX: #845ec2, RGB: (132, 94, 194)
Versão simplificada das cores da paleta
Sombra de Rosa, Matiz de lightsteelblue, Sombra de gainsboro, Sombra de Preto, Matiz de floralwhite, Sombra de slateblue
O esquema de cores foi criado por hex
Códigos de cores na paleta
AI Product Design Tokens códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #fec8d8 | #fec8d8 | RGB(254, 200, 216) | Neural Pink | — |
| #a0c4ff | #a0c4ff | RGB(160, 196, 255) | UX Grid Blue | — |
| #e5e5e5 | #e5e5e5 | RGB(229, 229, 229) | Data Label Ash | Gray90 |
| #1a1a1a | #1a1a1a | RGB(26, 26, 26) | Action Ink | Gray10 |
| #fef9ef | #fef9ef | RGB(254, 249, 239) | Prototype Cream | — |
| #845ec2 | #845ec2 | RGB(132, 94, 194) | Font Contrast Plum | — |
Contraste da Paleta de Cores
6 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 |
#fec8d8 | #a0c4ff | 1.22 |
#fec8d8 | #e5e5e5 | 1.15 |
#fec8d8 | #fef9ef | 1.38 |
#a0c4ff | #e5e5e5 | 1.4 |
#a0c4ff | #fef9ef | 1.69 |
#e5e5e5 | #fef9ef | 1.2 |
Paleta de imagens AI Product Design Tokens png
Exportar paleta
Baixe a "AI Product Design Tokens" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: