Startseite Farbpaletten Palette „Moonlit Pool“ mit 4 Farben

Palette „Moonlit Pool“ mit 4 Farben

Palette mit 4 Farben · Kühl · Gemischt · Harmonie: Split-komplementär

Zurück zur Bibliothek

Palette „Moonlit Pool“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Split-komplementär

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Split-komplementär

Likes 8.105

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #EDE6DB;
  --c-muted-2: #417D7A;
  --c-muted-3: #1D5C63;
  --c-muted-4: #1A3C40;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Madonna Lily (#EDE6DB) bis zum dunkelsten Ton Royal Neptune (#1A3C40). Sie vereint Madonna Lily, Bubble Turquoise, Moonlit Pool und Royal Neptune 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 #EDE6DB auf #1A3C40 mit 9,6:1.

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

Farben im Detail

Madonna Lily #EDE6DB

RGB: rgb(237, 230, 219)
HSL: hsl(37, 33%, 89%)
Luminanz: 0,797

Bubble Turquoise #417D7A

RGB: rgb(65, 125, 122)
HSL: hsl(177, 32%, 37%)
Luminanz: 0,172

Moonlit Pool #1D5C63

RGB: rgb(29, 92, 99)
HSL: hsl(186, 55%, 25%)
Luminanz: 0,088

Royal Neptune #1A3C40

RGB: rgb(26, 60, 64)
HSL: hsl(186, 42%, 18%)
Luminanz: 0,038

Kontrast & Barrierefreiheit

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

Aa #EDE6DB auf #1A3C40 9,60:1 AAA

Aa #EDE6DB auf #1D5C63 6,13:1 AA

Aa #EDE6DB auf #417D7A 3,82:1 AA (großer Text)

Aa #417D7A auf #1A3C40 2,52:1 Nicht bestanden

Aa #417D7A auf #1D5C63 1,61:1 Nicht bestanden

Aa #1D5C63 auf #1A3C40 1,57:1 Nicht bestanden

Palette „Moonlit Pool“ mit 4 Farben