Startseite Farbpaletten Palette „Crocodile Dreams“ mit 4 Farben

Palette „Crocodile Dreams“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Crocodile Dreams“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Neutral Gemischt Monochrom

Likes 8.274

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #C9DABF;
  --c-muted-2: #9CA986;
  --c-muted-3: #808D7C;
  --c-muted-4: #5F6F65;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Crocodile Dreams (#C9DABF) bis zum dunkelsten Ton Seraphinite (#5F6F65). Sie vereint Crocodile Dreams, Glade, Amazon Moss und Seraphinite 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

Crocodile Dreams #C9DABF

RGB: rgb(201, 218, 191)
HSL: hsl(98, 27%, 80%)
Luminanz: 0,663

Glade #9CA986

RGB: rgb(156, 169, 134)
HSL: hsl(82, 17%, 59%)
Luminanz: 0,372

Amazon Moss #808D7C

RGB: rgb(128, 141, 124)
HSL: hsl(106, 7%, 52%)
Luminanz: 0,251

Seraphinite #5F6F65

RGB: rgb(95, 111, 101)
HSL: hsl(143, 8%, 40%)
Luminanz: 0,147

Kontrast & Barrierefreiheit

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

Aa #C9DABF auf #5F6F65 3,61:1 AA (großer Text)

Aa #C9DABF auf #808D7C 2,37:1 Nicht bestanden

Aa #9CA986 auf #5F6F65 2,14:1 Nicht bestanden

Aa #C9DABF auf #9CA986 1,69:1 Nicht bestanden

Aa #808D7C auf #5F6F65 1,52:1 Nicht bestanden

Aa #9CA986 auf #808D7C 1,40:1 Nicht bestanden

Palette „Crocodile Dreams“ mit 4 Farben