Creado en 12/29/2025 09:25
Solution Architect Scalable Systems UI Palette
Framework Charcoal
#1f2933
Blueprint Gray
#374151
Strategy Violet
#8b5cf6
Signal Pink
#ec4899
Risk Amber
#f59e0b
Structural White
#f3f4f6
Stability Emerald
#10b981
La paleta consta de Oscuro, Luz colores. Colores de acento Strategy Violet #8b5cf6 y Risk Amber #f59e0b. La paleta tiene temperatura de color Frío, Cálido, Neutral.
La paleta Solution Architect Scalable Systems UI Palette tiene una combinación de colores de códigos de 7:
HEX: #1f2933, RGB: (31, 41, 51); HEX: #374151, RGB: (55, 65, 81); HEX: #8b5cf6, RGB: (139, 92, 246)
HEX: #ec4899, RGB: (236, 72, 153); HEX: #f59e0b, RGB: (245, 158, 11); HEX: #f3f4f6, RGB: (243, 244, 246)
HEX: #10b981, RGB: (16, 185, 129)
Versión simplificada de la paleta de colores
Sombra de Negro, Matiz de darkslateblue, Matiz de mediumslateblue, Sombra de deeppink, Matiz de Naranja, Matiz de whitesmoke, Matiz de mediumseagreen
El esquema de color fue creado por hex
Códigos de colores en la paleta
Solution Architect Scalable Systems UI Palette códigos de color HEX, información RGB en la tabla
| Color | HEX | RGB | Nombre | nombre alternativo |
| #1f2933 | #1f2933 | RGB(31, 41, 51) | Framework Charcoal | — |
| #374151 | #374151 | RGB(55, 65, 81) | Blueprint Gray | — |
| #8b5cf6 | #8b5cf6 | RGB(139, 92, 246) | Strategy Violet | — |
| #ec4899 | #ec4899 | RGB(236, 72, 153) | Signal Pink | — |
| #f59e0b | #f59e0b | RGB(245, 158, 11) | Risk Amber | — |
| #f3f4f6 | #f3f4f6 | RGB(243, 244, 246) | Structural White | — |
| #10b981 | #10b981 | RGB(16, 185, 129) | Stability Emerald | — |
Contraste de la paleta de colores
8 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 |
#1f2933 | #374151 | 1.43 |
#8b5cf6 | #ec4899 | 1.2 |
#8b5cf6 | #f59e0b | 1.97 |
#8b5cf6 | #10b981 | 1.66 |
#ec4899 | #f59e0b | 1.64 |
#ec4899 | #10b981 | 1.39 |
