Startseite Farbpaletten Palette „Maroccan Tea“ mit 4 Farben

Palette „Maroccan Tea“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Maroccan Tea“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Neutral Gemischt Analog

Likes 7.809

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #7FC8A9;
  --c-muted-2: #D5EEBB;
  --c-muted-3: #5F7A61;
  --c-muted-4: #444941;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Maroccan Tea (#D5EEBB) bis zum dunkelsten Ton Nightly Ivy (#444941). Sie vereint Green Balloon, Maroccan Tea, Swanndri und Nightly Ivy 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 #D5EEBB auf #444941 mit 7,37:1.

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

Farben im Detail

Green Balloon #7FC8A9

RGB: rgb(127, 200, 169)
HSL: hsl(155, 40%, 64%)
Luminanz: 0,487

Maroccan Tea #D5EEBB

RGB: rgb(213, 238, 187)
HSL: hsl(89, 60%, 83%)
Luminanz: 0,789

Swanndri #5F7A61

RGB: rgb(95, 122, 97)
HSL: hsl(124, 12%, 43%)
Luminanz: 0,172

Nightly Ivy #444941

RGB: rgb(68, 73, 65)
HSL: hsl(98, 6%, 27%)
Luminanz: 0,064

Kontrast & Barrierefreiheit

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

Aa #D5EEBB auf #444941 7,37:1 AAA

Aa #7FC8A9 auf #444941 4,72:1 AA

Aa #D5EEBB auf #5F7A61 3,78:1 AA (großer Text)

Aa #7FC8A9 auf #5F7A61 2,42:1 Nicht bestanden

Aa #5F7A61 auf #444941 1,95:1 Nicht bestanden

Aa #7FC8A9 auf #D5EEBB 1,56:1 Nicht bestanden

Palette „Maroccan Tea“ mit 4 Farben