Startseite Farbpaletten Palette „Cream Puff“ mit 4 Farben

Palette „Cream Puff“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Cream Puff“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Triadisch

Likes 4.300

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #0B032D;
  --c-vibrant-2: #843B62;
  --c-vibrant-3: #F67E7D;
  --c-vibrant-4: #FFB997;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Cream Puff (#FFB997) bis zum dunkelsten Ton Insomnia (#0B032D). Sie vereint Insomnia, Berry Patch, Shell Pink und Cream Puff 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 #0B032D auf #FFB997 mit 11,87:1.

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

Farben im Detail

Insomnia #0B032D

RGB: rgb(11, 3, 45)
HSL: hsl(251, 88%, 9%)
Luminanz: 0,003

Berry Patch #843B62

RGB: rgb(132, 59, 98)
HSL: hsl(328, 38%, 37%)
Luminanz: 0,089

Shell Pink #F67E7D

RGB: rgb(246, 126, 125)
HSL: hsl(0, 87%, 73%)
Luminanz: 0,360

Cream Puff #FFB997

RGB: rgb(255, 185, 151)
HSL: hsl(20, 100%, 80%)
Luminanz: 0,582

Kontrast & Barrierefreiheit

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

Aa #0B032D auf #FFB997 11,87:1 AAA

Aa #0B032D auf #F67E7D 7,70:1 AAA

Aa #843B62 auf #FFB997 4,54:1 AA

Aa #843B62 auf #F67E7D 2,95:1 Nicht bestanden

Aa #0B032D auf #843B62 2,61:1 Nicht bestanden

Aa #F67E7D auf #FFB997 1,54:1 Nicht bestanden

Palette „Cream Puff“ mit 4 Farben