Startseite Farbpaletten Palette „Emerald Pool“ mit 4 Farben

Palette „Emerald Pool“ mit 4 Farben

Palette mit 4 Farben · Neutral · Hell · Harmonie: Triadisch

Zurück zur Bibliothek

Palette „Emerald Pool“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Neutral · Ton: Hell · Harmonie: Triadisch

Bearbeiten

Gedeckt 4 Farben Neutral Hell Triadisch

Likes 5.423

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #155E63;
  --c-muted-2: #76B39D;
  --c-muted-3: #F9F8EB;
  --c-muted-4: #EAE7E7;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Night Blooming Jasmine (#F9F8EB) bis zum dunkelsten Ton Emerald Pool (#155E63). Sie vereint Emerald Pool, Beau Monde, Night Blooming Jasmine und Early Crocus 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 #155E63 auf #F9F8EB mit 6,99:1.

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

Farben im Detail

Emerald Pool #155E63

RGB: rgb(21, 94, 99)
HSL: hsl(184, 65%, 24%)
Luminanz: 0,091

Beau Monde #76B39D

RGB: rgb(118, 179, 157)
HSL: hsl(158, 29%, 58%)
Luminanz: 0,385

Night Blooming Jasmine #F9F8EB

RGB: rgb(249, 248, 235)
HSL: hsl(56, 54%, 95%)
Luminanz: 0,933

Early Crocus #EAE7E7

RGB: rgb(234, 231, 231)
HSL: hsl(0, 7%, 91%)
Luminanz: 0,804

Kontrast & Barrierefreiheit

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

Aa #155E63 auf #F9F8EB 6,99:1 AA

Aa #155E63 auf #EAE7E7 6,07:1 AA

Aa #155E63 auf #76B39D 3,09:1 AA (großer Text)

Aa #76B39D auf #F9F8EB 2,26:1 Nicht bestanden

Aa #76B39D auf #EAE7E7 1,96:1 Nicht bestanden

Aa #F9F8EB auf #EAE7E7 1,15:1 Nicht bestanden

Palette „Emerald Pool“ mit 4 Farben