Startseite Farbpaletten Palette „Pineapple Cream“ mit 4 Farben

Palette „Pineapple Cream“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Pineapple Cream“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Neutral Gemischt Triadisch

Likes 10.723

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #F1ECC3;
  --c-muted-2: #C9D8B6;
  --c-muted-3: #57837B;
  --c-muted-4: #515E63;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Pineapple Cream (#F1ECC3) bis zum dunkelsten Ton Marine Magic (#515E63). Sie vereint Pineapple Cream, Spice Garden, Idyllic Island und Marine Magic in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreicht 1 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #F1ECC3 auf #515E63 mit 5,6:1.

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

Farben im Detail

Pineapple Cream #F1ECC3

RGB: rgb(241, 236, 195)
HSL: hsl(53, 62%, 85%)
Luminanz: 0,826

Spice Garden #C9D8B6

RGB: rgb(201, 216, 182)
HSL: hsl(86, 30%, 78%)
Luminanz: 0,649

Idyllic Island #57837B

RGB: rgb(87, 131, 123)
HSL: hsl(169, 20%, 43%)
Luminanz: 0,197

Marine Magic #515E63

RGB: rgb(81, 94, 99)
HSL: hsl(197, 10%, 35%)
Luminanz: 0,107

Kontrast & Barrierefreiheit

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

Aa #F1ECC3 auf #515E63 5,60:1 AA

Aa #C9D8B6 auf #515E63 4,47:1 AA (großer Text)

Aa #F1ECC3 auf #57837B 3,55:1 AA (großer Text)

Aa #C9D8B6 auf #57837B 2,83:1 Nicht bestanden

Aa #57837B auf #515E63 1,58:1 Nicht bestanden

Aa #F1ECC3 auf #C9D8B6 1,25:1 Nicht bestanden

Palette „Pineapple Cream“ mit 4 Farben