Creato a 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 tavolozza è composta da Semi scuro, Leggero, Buio colori. Colori accentati Secondary Cloud #f3f6fb e Accent Salmon #ffa69e. La tavolozza ha la temperatura del colore Freddo, Neutro, Caldo.
Per luminosità, la tavolozza va da #1C2238 (più scuro) a #F3F6FB (più chiaro). L’intervallo di luminosità è ampio.
Saturazione mista — alcuni campioni smorzati e accenti più vivaci.
Alcune coppie di tonalità sono vicine a posizioni complementari — si può leggere come contrasto complementare (euristica).
Note calde e fredde sono abbastanza bilanciate.
Codici HEX (ordinati): #1C2238, #5B5F97, #D9D9D9, #F3F6FB, #F44336, #FFA69E
La tavolozza Design Tokens for SaaS Platform ha una combinazione di colori dei codici 6:
ESADECIMALE: #5b5f97, RGB: (91, 95, 151); ESADECIMALE: #f3f6fb, RGB: (243, 246, 251); ESADECIMALE: #ffa69e, RGB: (255, 166, 158)
ESADECIMALE: #f44336, RGB: (244, 67, 54); ESADECIMALE: #d9d9d9, RGB: (217, 217, 217); ESADECIMALE: #1c2238, RGB: (28, 34, 56)
Versione semplificata della tavolozza dei colori
Tonalità di slateblue, Tonalità di ghostwhite, Tonalità di lightpink, Tonalità di tomato, Tonalità di gainsboro, Tonalità di midnightblue
La combinazione di colori è stata creata da raccoon
Codici colori nella tavolozza
Design Tokens for SaaS Platform codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome 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 | — |
Contrasto della palette di colori
5 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 |
#5b5f97 | #f44336 | 1.61 |
#f3f6fb | #ffa69e | 1.73 |
#f3f6fb | #d9d9d9 | 1.3 |
#ffa69e | #f44336 | 1.96 |
#ffa69e | #d9d9d9 | 1.32 |
Tavolozza immagini Design Tokens for SaaS Platform png
Esporta tavolozza
Scarica la "Design Tokens for SaaS Platform" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: