Creado en 11/25/2022 14:50
Ux product design system colors palette
- Guppie Green#08fc7c
- Magic Mint#a1e8dc
- Salem#176a58
- Slate Gray#778090
- Gray (X11)#bcbcc3
- American Blue#3c4464
La paleta consta de Luz, semioscuro colores. Colores de acento Guppie Green #08fc7c y Salem #176a58. La paleta tiene temperatura de color Frío, Neutral.
Por luminosidad, la paleta va de #176A58 (más oscuro) a #A1E8DC (más claro). El rango de luminosidad es moderado.
Saturación mixta: algunos colores apagados y acentos más vivos.
Los matices quedan en una banda vecina en la rueda (heurística).
En conjunto, la temperatura de color tiende al frío.
Códigos HEX (ordenados): #08FC7C, #176A58, #3C4464, #778090, #A1E8DC, #BCBCC3
La paleta Ux product design system colors palette tiene una combinación de colores de códigos de 6:
HEX: #08fc7c, RGB: (8, 252, 124); HEX: #a1e8dc, RGB: (161, 232, 220); HEX: #176a58, RGB: (23, 106, 88)
HEX: #778090, RGB: (119, 128, 144); HEX: #bcbcc3, RGB: (188, 188, 195); HEX: #3c4464, RGB: (60, 68, 100)
Versión simplificada de la paleta de colores
Sombra de springgreen, Matiz de paleturquoise, Matiz de verde azulado, Sombra de slategrey, Matiz de Plata, Matiz de darkslateblue
El esquema de color fue creado por bad_colors
Códigos de colores en la paleta
Ux product design system colors palette códigos de color HEX, información RGB en la tabla
| Color | HEX | RGB | Nombre | nombre alternativo |
| #08fc7c | #08fc7c | RGB(8, 252, 124) | Guppie Green | — |
| #a1e8dc | #a1e8dc | RGB(161, 232, 220) | Magic Mint | — |
| #176a58 | #176a58 | RGB(23, 106, 88) | Salem | — |
| #778090 | #778090 | RGB(119, 128, 144) | Slate Gray | — |
| #bcbcc3 | #bcbcc3 | RGB(188, 188, 195) | Gray (X11) | — |
| #3c4464 | #3c4464 | RGB(60, 68, 100) | American Blue | — |
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 |
#08fc7c | #a1e8dc | 1 |
#08fc7c | #bcbcc3 | 1.36 |
#a1e8dc | #bcbcc3 | 1.35 |
#176a58 | #778090 | 1.62 |
#176a58 | #3c4464 | 1.47 |
Paleta de imágenes Ux product design system colors palette png
Exportar paleta
Descargue la "Ux product design system colors palette" en varios formatos para una integración perfecta en sus proyectos de diseño.
Formatos disponibles: