Startseite Farbpaletten Palette „Pumpkin“ mit 4 Farben

Palette „Pumpkin“ mit 4 Farben

Palette mit 4 Farben · Kühl · Hell · Harmonie: Komplementär

Zurück zur Bibliothek

Palette „Pumpkin“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Kühl · Ton: Hell · Harmonie: Komplementär

Bearbeiten

Gedeckt 4 Farben Kühl Hell Komplementär

Likes 1.275

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #D2D4D6;
  --c-muted-2: #7D8DF6;
  --c-muted-3: #5A4DB2;
  --c-muted-4: #FF771B;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Twilight Grey (#D2D4D6) bis zum dunkelsten Ton Swiss Plum (#5A4DB2). Sie vereint Twilight Grey, Lavender Blue Shadow, Swiss Plum und Pumpkin in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreicht 1 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #D2D4D6 auf #5A4DB2 mit 4,5:1.

Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.

Farben im Detail

Twilight Grey #D2D4D6

RGB: rgb(210, 212, 214)
HSL: hsl(210, 5%, 83%)
Luminanz: 0,656

Lavender Blue Shadow #7D8DF6

RGB: rgb(125, 141, 246)
HSL: hsl(232, 87%, 73%)
Luminanz: 0,301

Swiss Plum #5A4DB2

RGB: rgb(90, 77, 178)
HSL: hsl(248, 40%, 50%)
Luminanz: 0,107

Pumpkin #FF771B

RGB: rgb(255, 119, 27)
HSL: hsl(24, 100%, 55%)
Luminanz: 0,345

Kontrast & Barrierefreiheit

1 von 6 Farbpaaren erreicht die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.

Aa #D2D4D6 auf #5A4DB2 4,50:1 AA

Aa #5A4DB2 auf #FF771B 2,52:1 Nicht bestanden

Aa #7D8DF6 auf #5A4DB2 2,23:1 Nicht bestanden

Aa #D2D4D6 auf #7D8DF6 2,01:1 Nicht bestanden

Aa #D2D4D6 auf #FF771B 1,79:1 Nicht bestanden

Aa #7D8DF6 auf #FF771B 1,13:1 Nicht bestanden

Palette „Pumpkin“ mit 4 Farben