Design Token Strategy System
- Token Teal#20c997
- Layer Lavender#d8b4e2
- Grid Amber#f7b267
- Border Black#121212
- Base Cream#faf3dd
Creato il 07/08/2025 08:32
La tavolozza è composta da Chiaro, Scuro colori. Colori d'accento Token Teal #20c997 e Grid Amber #f7b267. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.
Per luminosità, la tavolozza va da #121212 (più scuro) a #FAF3DD (più chiaro). L’intervallo di luminosità è ampio.
La saturazione complessiva risulta vivida (croma alto) — il 60% dei colori è vivido.
Una palette varia: le sue tonalità si distribuiscono su circa 235° della ruota dei colori.
Complessivamente la temperatura tende al freddo (2 su 5).
Codici HEX (ordinati): #121212, #20C997, #D8B4E2, #F7B267, #FAF3DD
La tavolozza Design Token Strategy System combina 5 codici colore:
HEX: #20c997, RGB: (32, 201, 151); HEX: #d8b4e2, RGB: (216, 180, 226); HEX: #f7b267, RGB: (247, 178, 103)
HEX: #121212, RGB: (18, 18, 18); HEX: #faf3dd, RGB: (250, 243, 221)
Versione semplificata della tavolozza dei colori
Sfumatura di Acquamarina medio, Tinta di Prugna, Tinta di Marrone sabbia, Tinta di Nero, Sfumatura di Seta di mais
La combinazione di colori è stata creata da colorhunt
Codici colori nella tavolozza
Design Token Strategy System codici colore HEX, informazioni RGB in tabella
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 |
|---|---|---|
#20c997 | #d8b4e2 | 1.17 |
#20c997 | #f7b267 | 1.16 |
#20c997 | #faf3dd | 1.91 |
#d8b4e2 | #f7b267 | 1 |
#d8b4e2 | #faf3dd | 1.63 |
#f7b267 | #faf3dd | 1.64 |
Tavolozza immagini Design Token Strategy System png
Esporta tavolozza
Scarica la "Design Token Strategy System" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: