Material Design përcakton ngjyra të ndryshme. Këto përdoren në vizualizim. Rekomandohet, kur është e mundur, të përdoren vlerat e ngjyrës për të deklaruar një ngjyrë. Kështu sigurohet që kontrasti dhe dizajni do të përshtaten më vonë. Kjo duhet të merret në konsideratë veçanërisht, pasi kur kaloni nga dizajni i errët në atë të lehtë, teksti mund të bëhet i paleximshëm.
Këshillë: Ju mund të ndryshoni ngjyrat në Projekti Parimet në fletën e vizualizimit. Kështu krijon një dizajn individual.
Këto janë të gjitha ngjyrat e mundshme të sfondit të vizualizimit.
| Emri | Vlera | Ngjyra | Ngjyra e Tekstit |
|---|---|---|---|
| E Kuqe | red | #D32F2F | #FFFFFF |
| E Rozë | pink | #C2185B | #FFFFFF |
| E Violetë | purple | #7B1FA2 | #FFFFFF |
| E Violetë e Thellë | deep_purple | #512DA8 | #FFFFFF |
| E Indigo | indigo | #303F9F | #FFFFFF |
| E Blu | blue | #1976D2 | #FFFFFF |
| E Blu e Lehtë | light_blue | #0288D1 | #FFFFFF |
| E Cyan | cyan | #0097A7 | #FFFFFF |
| E Gjelbër Deti | teal | #00796B | #FFFFFF |
| E Gjelbër | green | #388E3C | #FFFFFF |
| E Gjelbër e Lehtë | light_green | #689F38 | #FFFFFF |
| E Gjelbër Limoni | lime | #AFB42B | #000000 |
| E Verdhë | yellow | #FBC02D | #000000 |
| Amber | amber | #FFA000 | #000000 |
| E Portokalli | orange | #F57C00 | #000000 |
| E Portokalli e Thellë | deep_orange | #E64A19 | #FFFFFF |
| Gabim | error | #B00020 | #FFFFFF |
Këto ngjyra rekomandohen për tekste dhe përdoren në simbolet në planin bazë, për të siguruar një kontrast adekuat.
| Emri | Vlera | Ngjyra | Ngjyra e Tekstit |
|---|---|---|---|
| E Kuqe | red | #F44336 | #FFFFFF |
| E Rozë | pink | #E91E63 | #FFFFFF |
| E Violetë | purple | #9C27B0 | #FFFFFF |
| E Violetë e Thellë | deep_purple | #673AB7 | #FFFFFF |
| E Indigo | indigo | #3F51B5 | #FFFFFF |
| E Blu | blue | #2196F3 | #FFFFFF |
| E Blu e Lehtë | light_blue | #03A9F4 | #000000 |
| E Cyan | cyan | #00BCD4 | #000000 |
| E Gjelbër Deti | teal | #009688 | #FFFFFF |
| E Gjelbër | green | #4CAF50 | #000000 |
| E Gjelbër e Lehtë | light_green | #8BC34A | #000000 |
| E Gjelbër Limoni | lime | #CDDC39 | #000000 |
| E Verdhë | yellow | #FFEB3B | #000000 |
| Amber | amber | #FFC107 | #000000 |
| E Portokalli | orange | #FF9800 | #000000 |
| E Portokalli e Thellë | deep_orange | #FF5722 | #FFFFFF |
| E Kafe | brown | #795548 | #FFFFFF |
| E Gri | gray | #9E9E9E | #000000 |
| E Blu Gri | blue_gray | #607D8B | #FFFFFF |
| Gabim | error | #B00020 | #FFFFFF |