Bloom

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

Zurück zur Bibliothek

Bloom

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

Bearbeiten

Pastell 8 Farben Warm Hell Komplementär pink blue pastel pale

Likes 31

Farben 8

CSS-Variablen

:root {
  --c-pastel-1: #8F677B;
  --c-pastel-2: #EE797D;
  --c-pastel-3: #AC8DF0;
  --c-pastel-4: #F99EAC;
  --c-pastel-5: #B1D4F0;
  --c-pastel-6: #FCD0E2;
  --c-pastel-7: #D6F2FA;
  --c-pastel-8: #FBFBF8;
}

Über diese Palette

Diese pastellfarbene Palette mit 8 Farben reicht vom hellsten Ton Cool December (#FBFBF8) bis zum dunkelsten Ton Sweet Violet (#8F677B). Sie vereint Sweet Violet, Siesta Rose, Dreamy Candy Forest, Ballet Slippers, Blue Rice, Summer Cosmos, Water und Cool December in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreicht 1 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #8F677B auf #FBFBF8 mit 4,61: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

Sweet Violet #8F677B

RGB: rgb(143, 103, 123)
HSL: hsl(330, 16%, 48%)
Luminanz: 0,170

Siesta Rose #EE797D

RGB: rgb(238, 121, 125)
HSL: hsl(358, 77%, 70%)
Luminanz: 0,333

Dreamy Candy Forest #AC8DF0

RGB: rgb(172, 141, 240)
HSL: hsl(259, 77%, 75%)
Luminanz: 0,341

Ballet Slippers #F99EAC

RGB: rgb(249, 158, 172)
HSL: hsl(351, 88%, 80%)
Luminanz: 0,476

Blue Rice #B1D4F0

RGB: rgb(177, 212, 240)
HSL: hsl(207, 68%, 82%)
Luminanz: 0,627

Summer Cosmos #FCD0E2

RGB: rgb(252, 208, 226)
HSL: hsl(335, 88%, 90%)
Luminanz: 0,713

Water #D6F2FA

RGB: rgb(214, 242, 250)
HSL: hsl(193, 78%, 91%)
Luminanz: 0,847

Cool December #FBFBF8

RGB: rgb(251, 251, 248)
HSL: hsl(60, 27%, 98%)
Luminanz: 0,963

Kontrast & Barrierefreiheit

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

Aa #8F677B auf #FBFBF8 4,61:1 AA

Aa #8F677B auf #D6F2FA 4,08:1 AA (großer Text)

Aa #8F677B auf #FCD0E2 3,47:1 AA (großer Text)

Aa #8F677B auf #B1D4F0 3,08:1 AA (großer Text)

Aa #EE797D auf #FBFBF8 2,64:1 Nicht bestanden

Aa #AC8DF0 auf #FBFBF8 2,59:1 Nicht bestanden

Aa #8F677B auf #F99EAC 2,39:1 Nicht bestanden

Aa #EE797D auf #D6F2FA 2,34:1 Nicht bestanden

Aa #AC8DF0 auf #D6F2FA 2,29:1 Nicht bestanden

Aa #EE797D auf #FCD0E2 1,99:1 Nicht bestanden

Aa #AC8DF0 auf #FCD0E2 1,95:1 Nicht bestanden

Aa #F99EAC auf #FBFBF8 1,93:1 Nicht bestanden

Aa #8F677B auf #AC8DF0 1,78:1 Nicht bestanden

Aa #EE797D auf #B1D4F0 1,77:1 Nicht bestanden

Aa #8F677B auf #EE797D 1,74:1 Nicht bestanden

Aa #AC8DF0 auf #B1D4F0 1,73:1 Nicht bestanden

Aa #F99EAC auf #D6F2FA 1,71:1 Nicht bestanden

Aa #B1D4F0 auf #FBFBF8 1,50:1 Nicht bestanden

Aa #F99EAC auf #FCD0E2 1,45:1 Nicht bestanden

Aa #EE797D auf #F99EAC 1,37:1 Nicht bestanden

Aa #AC8DF0 auf #F99EAC 1,34:1 Nicht bestanden

Aa #FCD0E2 auf #FBFBF8 1,33:1 Nicht bestanden

Aa #B1D4F0 auf #D6F2FA 1,32:1 Nicht bestanden

Aa #F99EAC auf #B1D4F0 1,29:1 Nicht bestanden

Aa #FCD0E2 auf #D6F2FA 1,18:1 Nicht bestanden

Aa #B1D4F0 auf #FCD0E2 1,13:1 Nicht bestanden

Aa #D6F2FA auf #FBFBF8 1,13:1 Nicht bestanden

Aa #EE797D auf #AC8DF0 1,02:1 Nicht bestanden

Bloom

Bloom

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen