Criado em 03/06/2026 18:18
AI Product Design System
- Product Blue#2563eb
- Concept Peach#ffadad
- Wireframe Gray#6c757d
- Prototype Teal#2a9d8f
- Ideation Lavender#b8a1e3
- Accent Lemon#ffe66d
- UX Rose#e76f51
A paleta consiste em cores Semi escuro, Luz. Cores de destaque Product Blue #2563eb e Accent Lemon #ffe66d. A paleta tem Legal, Esquentar temperatura de cores.
Em luminosidade, a paleta vai de #2A9D8F (mais escuro) a #FFADAD (mais claro). A faixa de luminosidade é moderada.
A saturação global parece vívida (croma alto).
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): #2563EB, #2A9D8F, #6C757D, #B8A1E3, #E76F51, #FFADAD, #FFE66D
A paleta AI Product Design System tem uma combinação de cores de códigos de 7:
HEX: #2563eb, RGB: (37, 99, 235); HEX: #ffadad, RGB: (255, 173, 173); HEX: #6c757d, RGB: (108, 117, 125)
HEX: #2a9d8f, RGB: (42, 157, 143); HEX: #b8a1e3, RGB: (184, 161, 227); HEX: #ffe66d, RGB: (255, 230, 109)
HEX: #e76f51, RGB: (231, 111, 81)
Versão simplificada das cores da paleta
Matiz de royalblue, Matiz de lightpink, Matiz de slategrey, Matiz de lightseagreen, Matiz de plum, Sombra de Cáqui, Sombra de tomato
O esquema de cores foi criado por raccoon
Códigos de cores na paleta
AI Product Design System códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #2563eb | #2563eb | RGB(37, 99, 235) | Product Blue | — |
| #ffadad | #ffadad | RGB(255, 173, 173) | Concept Peach | — |
| #6c757d | #6c757d | RGB(108, 117, 125) | Wireframe Gray | Pompeii Ash |
| #2a9d8f | #2a9d8f | RGB(42, 157, 143) | Prototype Teal | — |
| #b8a1e3 | #b8a1e3 | RGB(184, 161, 227) | Ideation Lavender | — |
| #ffe66d | #ffe66d | RGB(255, 230, 109) | Accent Lemon | — |
| #e76f51 | #e76f51 | RGB(231, 111, 81) | UX Rose | — |
Contraste da Paleta de Cores
13 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 |
#2563eb | #6c757d | 1.1 |
#2563eb | #2a9d8f | 1.55 |
#2563eb | #e76f51 | 1.67 |
#ffadad | #2a9d8f | 1.87 |
#ffadad | #b8a1e3 | 1.27 |
#ffadad | #ffe66d | 1.41 |
Paleta de imagens AI Product Design System png
Exportar paleta
Baixe a "AI Product Design System" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: