Creato a 07/07/2025 17:01
Design System Access Layer
Override Mint
#d0f4de
Token Slate
#475569
Elevation Linen
#fff7ed
Typography Graphite
#292524
Accessibility Indigo
#6366f1
System Border
#e2e8f0
La tavolozza è composta da Leggero, Semi scuro, Buio colori. Colori accentati Elevation Linen #fff7ed e Accessibility Indigo #6366f1. La tavolozza ha la temperatura del colore Freddo, Neutro.
La tavolozza Design System Access Layer ha una combinazione di colori dei codici 6:
ESADECIMALE: #d0f4de, RGB: (208, 244, 222); ESADECIMALE: #475569, RGB: (71, 85, 105); ESADECIMALE: #fff7ed, RGB: (255, 247, 237)
ESADECIMALE: #292524, RGB: (41, 37, 36); ESADECIMALE: #6366f1, RGB: (99, 102, 241); ESADECIMALE: #e2e8f0, RGB: (226, 232, 240)
Versione semplificata della tavolozza dei colori
Tonalità di honeydew, Ombra di darkslateblue, Tonalità di floralwhite, Ombra di Nero, Tonalità di mediumslateblue, Tonalità di aliceblue
La combinazione di colori è stata creata da colorday
Codici colori nella tavolozza
Design System Access Layer codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #d0f4de | #d0f4de | RGB(208, 244, 222) | Override Mint | — |
| #475569 | #475569 | RGB(71, 85, 105) | Token Slate | — |
| #fff7ed | #fff7ed | RGB(255, 247, 237) | Elevation Linen | Fatback |
| #292524 | #292524 | RGB(41, 37, 36) | Typography Graphite | — |
| #6366f1 | #6366f1 | RGB(99, 102, 241) | Accessibility Indigo | — |
| #e2e8f0 | #e2e8f0 | RGB(226, 232, 240) | System Border | — |
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 |
#d0f4de | #fff7ed | 1.11 |
#d0f4de | #e2e8f0 | 1.03 |
#475569 | #6366f1 | 1.69 |
#fff7ed | #e2e8f0 | 1.16 |
