Coffee 8

Palette mit 8 Farben · Warm · Hell · Harmonie: Komplementär

Zurück zur Bibliothek

Coffee 8

Palette mit 8 Farben · Temperatur: Warm · Ton: Hell · Harmonie: Komplementär

Bearbeiten

Pastell 8 Farben Warm Hell Komplementär pastel 8 gb candy

Likes 34

Farben 8

CSS-Variablen

:root {
  --c-pastel-1: #FF90B7;
  --c-pastel-2: #FFCED1;
  --c-pastel-3: #FFF6E0;
  --c-pastel-4: #FFFFFF;
  --c-pastel-5: #6BFFA4;
  --c-pastel-6: #70749D;
  --c-pastel-7: #C0B5FF;
  --c-pastel-8: #EECAFF;
}

Über diese Palette

Diese pastellfarbene Palette mit 8 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Hyacinth Mauve (#70749D). Sie vereint Schauss Pink, Love Fumes, Creamy Cloud Dreams, White, Lunatic Sky Dancer, Hyacinth Mauve, Greyish Lavender und Sparkling Lavender in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Keines der 28 Farbpaare der Palette erreicht die WCAG-AA-Kontrastschwelle (4,5:1) – kombiniere diese Farben für Fließtext daher mit Schwarz oder Weiß.

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

Farben im Detail

Schauss Pink #FF90B7

RGB: rgb(255, 144, 183)
HSL: hsl(339, 100%, 78%)
Luminanz: 0,446

Love Fumes #FFCED1

RGB: rgb(255, 206, 209)
HSL: hsl(356, 100%, 90%)
Luminanz: 0,700

Creamy Cloud Dreams #FFF6E0

RGB: rgb(255, 246, 224)
HSL: hsl(43, 100%, 94%)
Luminanz: 0,926

White #FFFFFF

RGB: rgb(255, 255, 255)
HSL: hsl(0, 0%, 100%)
Luminanz: 1,000

Lunatic Sky Dancer #6BFFA4

RGB: rgb(107, 255, 164)
HSL: hsl(143, 100%, 71%)
Luminanz: 0,773

Hyacinth Mauve #70749D

RGB: rgb(112, 116, 157)
HSL: hsl(235, 19%, 53%)
Luminanz: 0,184

Greyish Lavender #C0B5FF

RGB: rgb(192, 181, 255)
HSL: hsl(249, 100%, 85%)
Luminanz: 0,515

Sparkling Lavender #EECAFF

RGB: rgb(238, 202, 255)
HSL: hsl(281, 100%, 90%)
Luminanz: 0,676

Kontrast & Barrierefreiheit

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

Aa #FFFFFF auf #70749D 4,49:1 AA (großer Text)

Aa #FFF6E0 auf #70749D 4,17:1 AA (großer Text)

Aa #6BFFA4 auf #70749D 3,52:1 AA (großer Text)

Aa #FFCED1 auf #70749D 3,21:1 AA (großer Text)

Aa #70749D auf #EECAFF 3,11:1 AA (großer Text)

Aa #70749D auf #C0B5FF 2,42:1 Nicht bestanden

Aa #FF90B7 auf #FFFFFF 2,12:1 Nicht bestanden

Aa #FF90B7 auf #70749D 2,12:1 Nicht bestanden

Aa #FF90B7 auf #FFF6E0 1,97:1 Nicht bestanden

Aa #FFFFFF auf #C0B5FF 1,86:1 Nicht bestanden

Aa #FFF6E0 auf #C0B5FF 1,73:1 Nicht bestanden

Aa #FF90B7 auf #6BFFA4 1,66:1 Nicht bestanden

Aa #FF90B7 auf #FFCED1 1,51:1 Nicht bestanden

Aa #FF90B7 auf #EECAFF 1,46:1 Nicht bestanden

Aa #6BFFA4 auf #C0B5FF 1,46:1 Nicht bestanden

Aa #FFFFFF auf #EECAFF 1,45:1 Nicht bestanden

Aa #FFCED1 auf #FFFFFF 1,40:1 Nicht bestanden

Aa #FFF6E0 auf #EECAFF 1,34:1 Nicht bestanden

Aa #FFCED1 auf #C0B5FF 1,33:1 Nicht bestanden

Aa #FFCED1 auf #FFF6E0 1,30:1 Nicht bestanden

Aa #C0B5FF auf #EECAFF 1,29:1 Nicht bestanden

Aa #FFFFFF auf #6BFFA4 1,28:1 Nicht bestanden

Aa #FFF6E0 auf #6BFFA4 1,18:1 Nicht bestanden

Aa #FF90B7 auf #C0B5FF 1,14:1 Nicht bestanden

Aa #6BFFA4 auf #EECAFF 1,13:1 Nicht bestanden

Aa #FFCED1 auf #6BFFA4 1,10:1 Nicht bestanden

Aa #FFF6E0 auf #FFFFFF 1,08:1 Nicht bestanden

Aa #FFCED1 auf #EECAFF 1,03:1 Nicht bestanden

Coffee 8

Coffee 8

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen