Material-Design-Farbpalette
Material-Design-Paletten folgen Googles Prinzip: eine Primärfarbe, eine Sekundärfarbe für Akzente, neutrale Flächen und eine Grauskala für Text und räumliche Ebenen.
Beispielpalette
Primärfarbe#1976D2
Primärfarbe hell#42A5F5
Fläche#FAFAFA
Sekundärfarbe#FFA000
Auf Fläche#212121
Hex-Codes zum direkten Kopieren
Für Benutzeroberflächen entwickelt
Material Design ordnet Farben nach ihrer Rolle: Primärfarbe, Sekundärfarbe, Fläche, Inhalt auf Flächen und Fehler. Jede Farbe hat eine Aufgabe. Dadurch lässt sich die Palette leichter auf Design-Tokens abbilden.
Kontrast und räumliche Ebenen
Material verlangt mindestens 4,5:1 Kontrast zwischen Text und seiner Fläche. Räumliche Ebenen entstehen durch schrittweise Aufhellung der Fläche statt durch übereinandergelegte Schatten — besonders praktisch im dunklen Design, in dem Schatten kaum noch sichtbar sind.
Meine Palette erzeugen: material design
Kostenlos, ohne Anmeldung