Genera tavolozza
  1. Tavolozze di colori
  2. Design System Token Studio

Design System Token Studio

  • Spacing Sand
    #f5f1e7
  • Border Ink
    #292f36
  • Font Scale Violet
    #a89be5
  • Palette Snow
    #faf9f6
  • State Highlight Pink
    #ff8fab
  • Shadow Graphite
    #333333
  1
Creato il 06/08/2025 14:38
dicoolor
La tavolozza è composta da Chiaro, Scuro, Semi scuro colori. Colori d'accento Border Ink #292f36 e State Highlight Pink #ff8fab. La tavolozza ha la temperatura del colore Neutro, Freddo, Caldo.

Per luminosità, la tavolozza va da #292F36 (più scuro) a #FAF9F6 (più chiaro). L’intervallo di luminosità è ampio.

Saturazione mista — 2 smorzati e 2 vivaci su 6 colori.

Alcuni colori sono quasi opposti sulla ruota dei colori e danno alla palette un contrasto complementare.

Complessivamente la temperatura tende al freddo (2 su 6).

Codici HEX (ordinati): #292F36, #333333, #A89BE5, #F5F1E7, #FAF9F6, #FF8FAB

La tavolozza Design System Token Studio combina 6 codici colore:
HEX: #f5f1e7, RGB: (245, 241, 231); HEX: #292f36, RGB: (41, 47, 54); HEX: #a89be5, RGB: (168, 155, 229)
HEX: #faf9f6, RGB: (250, 249, 246); HEX: #ff8fab, RGB: (255, 143, 171); HEX: #333333, RGB: (51, 51, 51)
Versione semplificata della tavolozza dei colori
Sfumatura di Bianco floreale, Tinta di Nero, Sfumatura di Blu acciaio chiaro, Tinta di Fumo bianco, Tinta di Rosso violetto pallido, Tinta di Nero
La combinazione di colori è stata creata da coolor

Codici colori nella tavolozza

Design System Token Studio codici colore HEX, informazioni RGB in tabella

Colore HEX RGB Nome Nome alternativo
#f5f1e7 #f5f1e7 RGB(245, 241, 231)Spacing Sand—
#292f36 #292f36 RGB(41, 47, 54)Border Ink—
#a89be5 #a89be5 RGB(168, 155, 229)Font Scale Violet—
#faf9f6 #faf9f6 RGB(250, 249, 246)Palette Snow—
#ff8fab #ff8fab RGB(255, 143, 171)State Highlight Pink—
#333333 #333333 RGB(51, 51, 51)Shadow GraphiteCarbon

Contrasto della palette di colori

4 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
#f5f1e7
#faf9f6
1.07
#f5f1e7
#ff8fab
1.9
#292f36
#333333
1.06
#a89be5
#ff8fab
1.15

Tavolozza immagini Design System Token Studio png

Design System Token Studio tavolozza dei colori: Spacing Sand, Border Ink, Font Scale Violet, Palette Snow
 Scarica l'immagine