Creato a 06/20/2025 17:06
Composable Figma Tokens Studio
- Style Ivory#fffaf3
- Instance Plum#9c89b8
- Spacing Mist#e0e0e0
- Layer Rose#ffc5cf
- Grid Blue#4db6e8
- Font Graphite#313131
La tavolozza è composta da Leggero, Buio colori. Colori accentati Style Ivory #fffaf3 e Grid Blue #4db6e8. La tavolozza ha la temperatura del colore Neutro, Freddo.
Per luminosità, la tavolozza va da #313131 (più scuro) a #FFFAF3 (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).
La maggior parte dei campioni risulta neutra in temperatura.
Codici HEX (ordinati): #313131, #4DB6E8, #9C89B8, #E0E0E0, #FFC5CF, #FFFAF3
La tavolozza Composable Figma Tokens Studio ha una combinazione di colori dei codici 6:
ESADECIMALE: #fffaf3, RGB: (255, 250, 243); ESADECIMALE: #9c89b8, RGB: (156, 137, 184); ESADECIMALE: #e0e0e0, RGB: (224, 224, 224)
ESADECIMALE: #ffc5cf, RGB: (255, 197, 207); ESADECIMALE: #4db6e8, RGB: (77, 182, 232); ESADECIMALE: #313131, RGB: (49, 49, 49)
Versione semplificata della tavolozza dei colori
Ombra di floralwhite, Ombra di mediumpurple, Ombra di gainsboro, Ombra di Rosa, Ombra di deepskyblue, Ombra di Nero
La combinazione di colori è stata creata da hex
Codici colori nella tavolozza
Composable Figma Tokens Studio codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #fffaf3 | #fffaf3 | RGB(255, 250, 243) | Style Ivory | — |
| #9c89b8 | #9c89b8 | RGB(156, 137, 184) | Instance Plum | — |
| #e0e0e0 | #e0e0e0 | RGB(224, 224, 224) | Spacing Mist | Gray88 |
| #ffc5cf | #ffc5cf | RGB(255, 197, 207) | Layer Rose | — |
| #4db6e8 | #4db6e8 | RGB(77, 182, 232) | Grid Blue | — |
| #313131 | #313131 | RGB(49, 49, 49) | Font Graphite | — |
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 |
#fffaf3 | #e0e0e0 | 1.27 |
#fffaf3 | #ffc5cf | 1.43 |
#9c89b8 | #4db6e8 | 1.37 |
#e0e0e0 | #ffc5cf | 1.12 |
#e0e0e0 | #4db6e8 | 1.73 |
#ffc5cf | #4db6e8 | 1.54 |
Tavolozza immagini Composable Figma Tokens Studio png
Esporta tavolozza
Scarica la "Composable Figma Tokens Studio" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: