Startseite Farbpaletten Palette „Coffee Addiction“ mit 4 Farben

Palette „Coffee Addiction“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Coffee Addiction“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Monochrom

Likes 14.736

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #8E3200;
  --c-vibrant-2: #A64B2A;
  --c-vibrant-3: #D7A86E;
  --c-vibrant-4: #FFEBC1;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Urnebes Beige (#FFEBC1) bis zum dunkelsten Ton Coffee Addiction (#8E3200). Sie vereint Coffee Addiction, Potter’s Clay, Flower Field und Urnebes Beige 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 #8E3200 auf #FFEBC1 mit 6,87:1.

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

Farben im Detail

Coffee Addiction #8E3200

RGB: rgb(142, 50, 0)
HSL: hsl(21, 100%, 28%)
Luminanz: 0,080

Potter’s Clay #A64B2A

RGB: rgb(166, 75, 42)
HSL: hsl(16, 60%, 41%)
Luminanz: 0,133

Flower Field #D7A86E

RGB: rgb(215, 168, 110)
HSL: hsl(33, 57%, 64%)
Luminanz: 0,436

Urnebes Beige #FFEBC1

RGB: rgb(255, 235, 193)
HSL: hsl(41, 100%, 88%)
Luminanz: 0,845

Kontrast & Barrierefreiheit

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

Aa #8E3200 auf #FFEBC1 6,87:1 AA

Aa #A64B2A auf #FFEBC1 4,89:1 AA

Aa #8E3200 auf #D7A86E 3,73:1 AA (großer Text)

Aa #A64B2A auf #D7A86E 2,65:1 Nicht bestanden

Aa #D7A86E auf #FFEBC1 1,84:1 Nicht bestanden

Aa #8E3200 auf #A64B2A 1,40:1 Nicht bestanden

Palette „Coffee Addiction“ mit 4 Farben