Startseite Farbpaletten Palette „Frosted Garden“ mit 4 Farben

Palette „Frosted Garden“ mit 4 Farben

Palette mit 4 Farben · Warm · Hell · Harmonie: Analog

Zurück zur Bibliothek

Palette „Frosted Garden“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Warm · Ton: Hell · Harmonie: Analog

Bearbeiten

Gedeckt 4 Farben Warm Hell Analog

Likes 4.936

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #E5F9DB;
  --c-muted-2: #A0D8B3;
  --c-muted-3: #A2A378;
  --c-muted-4: #83764F;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Frosted Garden (#E5F9DB) bis zum dunkelsten Ton Olive Ochre (#83764F). Sie vereint Frosted Garden, Nihilakh Oxide, Dill Grass und Olive Ochre in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Keines der 6 Farbpaare der Palette erreicht die WCAG-AA-Kontrastschwelle (4,5:1) – kombiniere diese Farben für Fließtext daher mit Schwarz oder Weiß.

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

Farben im Detail

Frosted Garden #E5F9DB

RGB: rgb(229, 249, 219)
HSL: hsl(100, 71%, 92%)
Luminanz: 0,895

Nihilakh Oxide #A0D8B3

RGB: rgb(160, 216, 179)
HSL: hsl(140, 42%, 74%)
Luminanz: 0,598

Dill Grass #A2A378

RGB: rgb(162, 163, 120)
HSL: hsl(61, 19%, 55%)
Luminanz: 0,352

Olive Ochre #83764F

RGB: rgb(131, 118, 79)
HSL: hsl(45, 25%, 41%)
Luminanz: 0,184

Kontrast & Barrierefreiheit

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

Aa #E5F9DB auf #83764F 4,05:1 AA (großer Text)

Aa #A0D8B3 auf #83764F 2,78:1 Nicht bestanden

Aa #E5F9DB auf #A2A378 2,35:1 Nicht bestanden

Aa #A2A378 auf #83764F 1,72:1 Nicht bestanden

Aa #A0D8B3 auf #A2A378 1,61:1 Nicht bestanden

Aa #E5F9DB auf #A0D8B3 1,46:1 Nicht bestanden

Palette „Frosted Garden“ mit 4 Farben