Creado en 06/17/2025 12:05
Design Tokens for SaaS Platform
- Primary Indigo Rush#5b5f97
- Secondary Cloud#f3f6fb
- Accent Salmon#ffa69e
- Error Toast Red#f44336
- Surface Neutral#d9d9d9
- Text Rich Navy#1c2238
La paleta consta de semioscuro, Luz, Oscuro colores. Colores de acento Secondary Cloud #f3f6fb y Accent Salmon #ffa69e. La paleta tiene temperatura de color Frío, Neutral, Cálido.
Por luminosidad, la paleta va de #1C2238 (más oscuro) a #F3F6FB (más claro). El rango de luminosidad es amplio.
Saturación mixta: algunos colores apagados y acentos más vivos.
Algunos pares de matices están cerca de posiciones complementarias — puede leerse como contraste complementario (heurística).
Las notas cálidas y frías están bastante equilibradas.
Códigos HEX (ordenados): #1C2238, #5B5F97, #D9D9D9, #F3F6FB, #F44336, #FFA69E
La paleta Design Tokens for SaaS Platform tiene una combinación de colores de códigos de 6:
HEX: #5b5f97, RGB: (91, 95, 151); HEX: #f3f6fb, RGB: (243, 246, 251); HEX: #ffa69e, RGB: (255, 166, 158)
HEX: #f44336, RGB: (244, 67, 54); HEX: #d9d9d9, RGB: (217, 217, 217); HEX: #1c2238, RGB: (28, 34, 56)
Versión simplificada de la paleta de colores
Matiz de slateblue, Matiz de ghostwhite, Matiz de lightpink, Matiz de tomato, Matiz de gainsboro, Matiz de midnightblue
El esquema de color fue creado por raccoon
Códigos de colores en la paleta
Design Tokens for SaaS Platform códigos de color HEX, información RGB en la tabla
| Color | HEX | RGB | Nombre | nombre alternativo |
| #5b5f97 | #5b5f97 | RGB(91, 95, 151) | Primary Indigo Rush | — |
| #f3f6fb | #f3f6fb | RGB(243, 246, 251) | Secondary Cloud | — |
| #ffa69e | #ffa69e | RGB(255, 166, 158) | Accent Salmon | — |
| #f44336 | #f44336 | RGB(244, 67, 54) | Error Toast Red | — |
| #d9d9d9 | #d9d9d9 | RGB(217, 217, 217) | Surface Neutral | Gray85 |
| #1c2238 | #1c2238 | RGB(28, 34, 56) | Text Rich Navy | — |
Contraste de la paleta de colores
5 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 |
#5b5f97 | #f44336 | 1.61 |
#f3f6fb | #ffa69e | 1.73 |
#f3f6fb | #d9d9d9 | 1.3 |
#ffa69e | #f44336 | 1.96 |
#ffa69e | #d9d9d9 | 1.32 |
Paleta de imágenes Design Tokens for SaaS Platform png
Exportar paleta
Descargue la "Design Tokens for SaaS Platform" en varios formatos para una integración perfecta en sus proyectos de diseño.
Formatos disponibles: