Creado en 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
La paleta consta de semioscuro, Luz colores. Colores de acento Product Blue #2563eb y Accent Lemon #ffe66d. La paleta tiene temperatura de color Frío, Cálido.
Por luminosidad, la paleta va de #2A9D8F (más oscuro) a #FFADAD (más claro). El rango de luminosidad es moderado.
La saturación global se siente viva (croma alto).
Algunos pares de matices están cerca de posiciones complementarias — puede leerse como contraste complementario (heurística).
En conjunto, la temperatura de color tiende al frío.
Códigos HEX (ordenados): #2563EB, #2A9D8F, #6C757D, #B8A1E3, #E76F51, #FFADAD, #FFE66D
La paleta AI Product Design System tiene una combinación de colores 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)
Versión simplificada de la paleta de colores
Matiz de royalblue, Matiz de lightpink, Matiz de slategrey, Matiz de lightseagreen, Matiz de plum, Sombra de Caqui, Sombra de tomato
El esquema de color fue creado por raccoon
Códigos de colores en la paleta
AI Product Design System códigos de color HEX, información RGB en la tabla
| Color | HEX | RGB | Nombre | nombre 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 de la paleta de colores
13 pares de colores tienen un contraste bajo y necesitan mejoras, lo que puede afectar la legibilidad.
| Color de texto | Color de fondo | Relación 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 imágenes AI Product Design System png
Exportar paleta
Descargue la "AI Product Design System" en varios formatos para una integración perfecta en sus proyectos de diseño.
Formatos disponibles: