Startseite Farbpaletten Palette „Peach Scone“ mit 4 Farben

Palette „Peach Scone“ mit 4 Farben

Palette mit 4 Farben · Neutral · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Palette „Peach Scone“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Neutral · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Gedeckt 4 Farben Neutral Gemischt Komplementär

Likes 4.226

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #FFBCBC;
  --c-muted-2: #363636;
  --c-muted-3: #4CD3C2;
  --c-muted-4: #B7EFCD;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Mystery Mint (#B7EFCD) bis zum dunkelsten Ton Dark Grey (#363636). Sie vereint Peach Scone, Dark Grey, Medium Turquoise und Mystery Mint in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #363636 auf #B7EFCD mit 9,35:1.

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

Farben im Detail

Peach Scone #FFBCBC

RGB: rgb(255, 188, 188)
HSL: hsl(0, 100%, 87%)
Luminanz: 0,609

Dark Grey #363636

RGB: rgb(54, 54, 54)
HSL: hsl(0, 0%, 21%)
Luminanz: 0,037

Medium Turquoise #4CD3C2

RGB: rgb(76, 211, 194)
HSL: hsl(172, 61%, 56%)
Luminanz: 0,520

Mystery Mint #B7EFCD

RGB: rgb(183, 239, 205)
HSL: hsl(144, 64%, 83%)
Luminanz: 0,762

Kontrast & Barrierefreiheit

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

Aa #363636 auf #B7EFCD 9,35:1 AAA

Aa #FFBCBC auf #363636 7,58:1 AAA

Aa #363636 auf #4CD3C2 6,56:1 AA

Aa #4CD3C2 auf #B7EFCD 1,42:1 Nicht bestanden

Aa #FFBCBC auf #B7EFCD 1,23:1 Nicht bestanden

Aa #FFBCBC auf #4CD3C2 1,15:1 Nicht bestanden

Palette „Peach Scone“ mit 4 Farben