Creato a 01/19/2026 09:05
Product Engagement Growth UI
- Brand Trust Blue#2563eb
- Warm Welcome Sand#fff7ed
- Conversion Coral#f97316
- Retention Mint#34d399
- Feedback Violet#8b5cf6
- Metrics Charcoal#374151
La tavolozza è composta da Semi scuro, Leggero colori. Colori accentati Warm Welcome Sand #fff7ed e Feedback Violet #8b5cf6. La tavolozza ha la temperatura del colore Freddo, Neutro, Caldo.
Per luminosità, la tavolozza va da #374151 (più scuro) a #FFF7ED (più chiaro). L’intervallo di luminosità è ampio.
La saturazione complessiva risulta vivida (croma alto).
Alcune coppie di tonalità sono vicine a posizioni complementari — si può leggere come contrasto complementare (euristica).
Complessivamente la temperatura tende al freddo.
Codici HEX (ordinati): #2563EB, #34D399, #374151, #8B5CF6, #F97316, #FFF7ED
La tavolozza Product Engagement Growth UI ha una combinazione di colori dei codici 6:
ESADECIMALE: #2563eb, RGB: (37, 99, 235); ESADECIMALE: #fff7ed, RGB: (255, 247, 237); ESADECIMALE: #f97316, RGB: (249, 115, 22)
ESADECIMALE: #34d399, RGB: (52, 211, 153); ESADECIMALE: #8b5cf6, RGB: (139, 92, 246); ESADECIMALE: #374151, RGB: (55, 65, 81)
Versione semplificata della tavolozza dei colori
Tonalità di royalblue, Tonalità di floralwhite, Ombra di chocolate, Tonalità di mediumaquamarine, Tonalità di mediumslateblue, Tonalità di darkslateblue
La combinazione di colori è stata creata da hex
Codici colori nella tavolozza
Product Engagement Growth UI codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #2563eb | #2563eb | RGB(37, 99, 235) | Brand Trust Blue | — |
| #fff7ed | #fff7ed | RGB(255, 247, 237) | Warm Welcome Sand | Fatback |
| #f97316 | #f97316 | RGB(249, 115, 22) | Conversion Coral | — |
| #34d399 | #34d399 | RGB(52, 211, 153) | Retention Mint | — |
| #8b5cf6 | #8b5cf6 | RGB(139, 92, 246) | Feedback Violet | — |
| #374151 | #374151 | RGB(55, 65, 81) | Metrics Charcoal | — |
Contrasto della palette di colori
6 coppie di colori hanno un basso contrasto e necessitano di miglioramenti, il che può influire sulla leggibilità.
| Colore del testo | Colore di sfondo | Rapporto di contrasto |
#2563eb | #f97316 | 1.84 |
#2563eb | #8b5cf6 | 1.22 |
#2563eb | #374151 | 1.99 |
#fff7ed | #34d399 | 1.81 |
#f97316 | #34d399 | 1.45 |
#f97316 | #8b5cf6 | 1.51 |
Tavolozza immagini Product Engagement Growth UI png
Esporta tavolozza
Scarica la "Product Engagement Growth UI" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: