Startseite Farbpaletten Palette „Pumpkin“ mit 4 Farben

Palette „Pumpkin“ mit 4 Farben

Palette mit 4 Farben · Warm · Gemischt · Harmonie: Monochrom

Zurück zur Bibliothek

Palette „Pumpkin“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Monochrom

Bearbeiten

Gedeckt 4 Farben Warm Gemischt Monochrom

Likes 7.322

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #F4F4F4;
  --c-muted-2: #FF7315;
  --c-muted-3: #3A3535;
  --c-muted-4: #232020;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Lighthouse (#F4F4F4) bis zum dunkelsten Ton Abaddon Black (#232020). Sie vereint Lighthouse, Pumpkin, After Dark und Abaddon Black in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #F4F4F4 auf #232020 mit 14,7:1.

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

Farben im Detail

Lighthouse #F4F4F4

RGB: rgb(244, 244, 244)
HSL: hsl(0, 0%, 96%)
Luminanz: 0,905

Pumpkin #FF7315

RGB: rgb(255, 115, 21)
HSL: hsl(24, 100%, 54%)
Luminanz: 0,336

After Dark #3A3535

RGB: rgb(58, 53, 53)
HSL: hsl(0, 5%, 22%)
Luminanz: 0,037

Abaddon Black #232020

RGB: rgb(35, 32, 32)
HSL: hsl(0, 4%, 13%)
Luminanz: 0,015

Kontrast & Barrierefreiheit

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

Aa #F4F4F4 auf #232020 14,70:1 AAA

Aa #F4F4F4 auf #3A3535 10,97:1 AAA

Aa #FF7315 auf #232020 5,94:1 AA

Aa #FF7315 auf #3A3535 4,43:1 AA (großer Text)

Aa #F4F4F4 auf #FF7315 2,47:1 Nicht bestanden

Aa #3A3535 auf #232020 1,34:1 Nicht bestanden

Palette „Pumpkin“ mit 4 Farben