Pastel7

Palette mit 7 Farben · Warm · Hell · Harmonie: Analog

Zurück zur Bibliothek

Pastel7

Palette mit 7 Farben · Temperatur: Warm · Ton: Hell · Harmonie: Analog

Bearbeiten

Erdig 7 Farben Warm Hell Analog pink colors aesthetic grey

Likes 92

Farben 7

CSS-Variablen

:root {
  --c-earthy-1: #484C57;
  --c-earthy-2: #877182;
  --c-earthy-3: #9E9C9E;
  --c-earthy-4: #EB8D95;
  --c-earthy-5: #F5BEAE;
  --c-earthy-6: #FFEABA;
  --c-earthy-7: #FFFFFF;
}

Über diese Palette

Diese erdige Palette mit 7 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Blue Sash (#484C57). Sie vereint Blue Sash, Sapphire Pink, Shady Lady, Poudretteite Pink, Rustique, Sun-Kissed Yellow und White in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 21. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #484C57 auf #FFFFFF mit 8,58:1.

Bodenständige, natürliche Töne – passend für nachhaltige und Bio-Marken, Cafés, Outdoor-Ausrüstung und warme redaktionelle Typografie.

Farben im Detail

Blue Sash #484C57

RGB: rgb(72, 76, 87)
HSL: hsl(224, 9%, 31%)
Luminanz: 0,072

Sapphire Pink #877182

RGB: rgb(135, 113, 130)
HSL: hsl(314, 9%, 49%)
Luminanz: 0,186

Shady Lady #9E9C9E

RGB: rgb(158, 156, 158)
HSL: hsl(300, 1%, 62%)
Luminanz: 0,335

Poudretteite Pink #EB8D95

RGB: rgb(235, 141, 149)
HSL: hsl(355, 70%, 74%)
Luminanz: 0,389

Rustique #F5BEAE

RGB: rgb(245, 190, 174)
HSL: hsl(14, 78%, 82%)
Luminanz: 0,593

Sun-Kissed Yellow #FFEABA

RGB: rgb(255, 234, 186)
HSL: hsl(42, 100%, 86%)
Luminanz: 0,837

White #FFFFFF

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

Kontrast & Barrierefreiheit

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

Aa #484C57 auf #FFFFFF 8,58:1 AAA

Aa #484C57 auf #FFEABA 7,25:1 AAA

Aa #484C57 auf #F5BEAE 5,26:1 AA

Aa #877182 auf #FFFFFF 4,45:1 AA (großer Text)

Aa #877182 auf #FFEABA 3,76:1 AA (großer Text)

Aa #484C57 auf #EB8D95 3,59:1 AA (großer Text)

Aa #484C57 auf #9E9C9E 3,15:1 AA (großer Text)

Aa #877182 auf #F5BEAE 2,73:1 Nicht bestanden

Aa #9E9C9E auf #FFFFFF 2,73:1 Nicht bestanden

Aa #EB8D95 auf #FFFFFF 2,39:1 Nicht bestanden

Aa #9E9C9E auf #FFEABA 2,30:1 Nicht bestanden

Aa #EB8D95 auf #FFEABA 2,02:1 Nicht bestanden

Aa #484C57 auf #877182 1,93:1 Nicht bestanden

Aa #877182 auf #EB8D95 1,86:1 Nicht bestanden

Aa #9E9C9E auf #F5BEAE 1,67:1 Nicht bestanden

Aa #877182 auf #9E9C9E 1,63:1 Nicht bestanden

Aa #F5BEAE auf #FFFFFF 1,63:1 Nicht bestanden

Aa #EB8D95 auf #F5BEAE 1,47:1 Nicht bestanden

Aa #F5BEAE auf #FFEABA 1,38:1 Nicht bestanden

Aa #FFEABA auf #FFFFFF 1,18:1 Nicht bestanden

Aa #9E9C9E auf #EB8D95 1,14:1 Nicht bestanden

Pastel7

Pastel7

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen