Startseite Farbpaletten Palette „Coconut Pulp“ mit 4 Farben

Palette „Coconut Pulp“ mit 4 Farben

Palette mit 4 Farben · Kühl · Gemischt · Harmonie: Triadisch

Zurück zur Bibliothek

Palette „Coconut Pulp“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Triadisch

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Triadisch

Likes 3.657

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #F7FBE1;
  --c-muted-2: #BAC964;
  --c-muted-3: #438A5E;
  --c-muted-4: #436F8A;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Coconut Pulp (#F7FBE1) bis zum dunkelsten Ton Sojourn Blue (#436F8A). Sie vereint Coconut Pulp, Wild Willow, Onion Seedling und Sojourn Blue 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 #F7FBE1 auf #436F8A mit 5,11:1.

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

Farben im Detail

Coconut Pulp #F7FBE1

RGB: rgb(247, 251, 225)
HSL: hsl(69, 76%, 93%)
Luminanz: 0,942

Wild Willow #BAC964

RGB: rgb(186, 201, 100)
HSL: hsl(69, 48%, 59%)
Luminanz: 0,531

Onion Seedling #438A5E

RGB: rgb(67, 138, 94)
HSL: hsl(143, 35%, 40%)
Luminanz: 0,202

Sojourn Blue #436F8A

RGB: rgb(67, 111, 138)
HSL: hsl(203, 35%, 40%)
Luminanz: 0,144

Kontrast & Barrierefreiheit

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

Aa #F7FBE1 auf #436F8A 5,11:1 AA

Aa #F7FBE1 auf #438A5E 3,94:1 AA (großer Text)

Aa #BAC964 auf #436F8A 3,00:1 AA (großer Text)

Aa #BAC964 auf #438A5E 2,31:1 Nicht bestanden

Aa #F7FBE1 auf #BAC964 1,71:1 Nicht bestanden

Aa #438A5E auf #436F8A 1,30:1 Nicht bestanden

Palette „Coconut Pulp“ mit 4 Farben