Startseite Farbpaletten Palette „Coffee Adept“ mit 4 Farben

Palette „Coffee Adept“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Coffee Adept“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Monochrom

Likes 1.056

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #70560D;
  --c-vibrant-2: #C3A655;
  --c-vibrant-3: #EFD99B;
  --c-vibrant-4: #F8EDCD;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Glittery Yellow (#F8EDCD) bis zum dunkelsten Ton Coffee Adept (#70560D). Sie vereint Coffee Adept, Sauterne, Pie Crust und Glittery Yellow in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 2 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #70560D auf #F8EDCD mit 5,94:1.

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

Farben im Detail

Coffee Adept #70560D

RGB: rgb(112, 86, 13)
HSL: hsl(44, 79%, 25%)
Luminanz: 0,101

Sauterne #C3A655

RGB: rgb(195, 166, 85)
HSL: hsl(44, 48%, 55%)
Luminanz: 0,395

Pie Crust #EFD99B

RGB: rgb(239, 217, 155)
HSL: hsl(44, 72%, 77%)
Luminanz: 0,703

Glittery Yellow #F8EDCD

RGB: rgb(248, 237, 205)
HSL: hsl(45, 75%, 89%)
Luminanz: 0,849

Kontrast & Barrierefreiheit

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

Aa #70560D auf #F8EDCD 5,94:1 AA

Aa #70560D auf #EFD99B 4,98:1 AA

Aa #70560D auf #C3A655 2,94:1 Nicht bestanden

Aa #C3A655 auf #F8EDCD 2,02:1 Nicht bestanden

Aa #C3A655 auf #EFD99B 1,69:1 Nicht bestanden

Aa #EFD99B auf #F8EDCD 1,19:1 Nicht bestanden

Palette „Coffee Adept“ mit 4 Farben