Creado en 07/11/2025 20:54
Tokenized UX Pattern Framework
Design Mint
#bdfcc9
Component Graphite
#2e2e2e
Pattern Rose
#f67280
Gridline Grey
#ced4da
Token Cream
#fffbea
Accent Blue
#57cc99
Layout Plum
#9b5de5
La paleta consta de Luz, Oscuro colores. Colores de acento Token Cream #fffbea y Layout Plum #9b5de5. La paleta tiene temperatura de color Frío, Neutral, Cálido.
La paleta Tokenized UX Pattern Framework tiene una combinación de colores de códigos de 7:
HEX: #bdfcc9, RGB: (189, 252, 201); HEX: #2e2e2e, RGB: (46, 46, 46); HEX: #f67280, RGB: (246, 114, 128)
HEX: #ced4da, RGB: (206, 212, 218); HEX: #fffbea, RGB: (255, 251, 234); HEX: #57cc99, RGB: (87, 204, 153)
HEX: #9b5de5, RGB: (155, 93, 229)
Versión simplificada de la paleta de colores
Sombra de aquamarine, Sombra de Negro, Matiz de lightcoral, Matiz de lightgrey, Matiz de ivory, Matiz de mediumaquamarine, Matiz de mediumpurple
El esquema de color fue creado por colorhunt
Códigos de colores en la paleta
Tokenized UX Pattern Framework códigos de color HEX, información RGB en la tabla
| Color | HEX | RGB | Nombre | nombre alternativo |
| #bdfcc9 | #bdfcc9 | RGB(189, 252, 201) | Design Mint | — |
| #2e2e2e | #2e2e2e | RGB(46, 46, 46) | Component Graphite | Carbon Fiber |
| #f67280 | #f67280 | RGB(246, 114, 128) | Pattern Rose | — |
| #ced4da | #ced4da | RGB(206, 212, 218) | Gridline Grey | — |
| #fffbea | #fffbea | RGB(255, 251, 234) | Token Cream | — |
| #57cc99 | #57cc99 | RGB(87, 204, 153) | Accent Blue | — |
| #9b5de5 | #9b5de5 | RGB(155, 93, 229) | Layout Plum | — |
Contraste de la paleta de colores
9 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 |
#bdfcc9 | #ced4da | 1.27 |
#bdfcc9 | #fffbea | 1.12 |
#bdfcc9 | #57cc99 | 1.7 |
#f67280 | #ced4da | 1.84 |
#f67280 | #57cc99 | 1.37 |
#f67280 | #9b5de5 | 1.5 |
