Startseite Farbpaletten Palette „Peaceful Rain“ mit 4 Farben

Palette „Peaceful Rain“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Peaceful Rain“ mit 4 Farben

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

Bearbeiten

Pastell 4 Farben Neutral Hell Monochrom

Likes 5.239

Farben 4

CSS-Variablen

:root {
  --c-pastel-1: #F2F9F1;
  --c-pastel-2: #DDEEDF;
  --c-pastel-3: #B6CDBD;
  --c-pastel-4: #5C715E;
}

Über diese Palette

Diese pastellfarbene Palette mit 4 Farben reicht vom hellsten Ton Peaceful Rain (#F2F9F1) bis zum dunkelsten Ton Army Canvas (#5C715E). Sie vereint Peaceful Rain, Vanishing Point, Mint Mousse und Army Canvas 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 #F2F9F1 auf #5C715E mit 4,93:1.

Sanfte, wenig gesättigte Töne – ideal für Hochzeitswebsites, Babymarken, zarte Hero-Bereiche und redaktionelle Layouts mit viel Weißraum.

Farben im Detail

Peaceful Rain #F2F9F1

RGB: rgb(242, 249, 241)
HSL: hsl(113, 40%, 96%)
Luminanz: 0,930

Vanishing Point #DDEEDF

RGB: rgb(221, 238, 223)
HSL: hsl(127, 33%, 90%)
Luminanz: 0,819

Mint Mousse #B6CDBD

RGB: rgb(182, 205, 189)
HSL: hsl(138, 19%, 76%)
Luminanz: 0,573

Army Canvas #5C715E

RGB: rgb(92, 113, 94)
HSL: hsl(126, 10%, 40%)
Luminanz: 0,149

Kontrast & Barrierefreiheit

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

Aa #F2F9F1 auf #5C715E 4,93:1 AA

Aa #DDEEDF auf #5C715E 4,37:1 AA (großer Text)

Aa #B6CDBD auf #5C715E 3,13:1 AA (großer Text)

Aa #F2F9F1 auf #B6CDBD 1,57:1 Nicht bestanden

Aa #DDEEDF auf #B6CDBD 1,39:1 Nicht bestanden

Aa #F2F9F1 auf #DDEEDF 1,13:1 Nicht bestanden

Palette „Peaceful Rain“ mit 4 Farben