Startseite Farbpaletten Pastry Gradient

Pastry Gradient

Palette mit 8 Farben · Warm · Gemischt · Harmonie: Analog

Zurück zur Bibliothek

Pastry Gradient

Palette mit 8 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Analog

Bearbeiten

Erdig 8 Farben Warm Gemischt Analog pink 8colors gradient pleasant

Likes 29

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #533962;
  --c-earthy-2: #72446A;
  --c-earthy-3: #9C5376;
  --c-earthy-4: #D06B80;
  --c-earthy-5: #EA8694;
  --c-earthy-6: #F6A2A8;
  --c-earthy-7: #FDD8D1;
  --c-earthy-8: #FFFFFF;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Purpurite Violet (#533962). Sie vereint Purpurite Violet, Old Fashioned Purple, Sea Fan Fuchsia, Artful Pink, Xoxo, Simple Pink, Elusive und White in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 6 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #533962 auf #FFFFFF mit 9,86: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

Purpurite Violet #533962

RGB: rgb(83, 57, 98)
HSL: hsl(278, 26%, 30%)
Luminanz: 0,057

Old Fashioned Purple #72446A

RGB: rgb(114, 68, 106)
HSL: hsl(310, 25%, 36%)
Luminanz: 0,088

Sea Fan Fuchsia #9C5376

RGB: rgb(156, 83, 118)
HSL: hsl(331, 31%, 47%)
Luminanz: 0,146

Artful Pink #D06B80

RGB: rgb(208, 107, 128)
HSL: hsl(348, 52%, 62%)
Luminanz: 0,255

Xoxo #EA8694

RGB: rgb(234, 134, 148)
HSL: hsl(352, 70%, 72%)
Luminanz: 0,367

Simple Pink #F6A2A8

RGB: rgb(246, 162, 168)
HSL: hsl(356, 82%, 80%)
Luminanz: 0,483

Elusive #FDD8D1

RGB: rgb(253, 216, 209)
HSL: hsl(10, 92%, 91%)
Luminanz: 0,746

White #FFFFFF

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

Kontrast & Barrierefreiheit

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

Aa #533962 auf #FFFFFF 9,86:1 AAA

Aa #72446A auf #FFFFFF 7,64:1 AAA

Aa #533962 auf #FDD8D1 7,48:1 AAA

Aa #72446A auf #FDD8D1 5,79:1 AA

Aa #9C5376 auf #FFFFFF 5,37:1 AA

Aa #533962 auf #F6A2A8 5,00:1 AA

Aa #9C5376 auf #FDD8D1 4,07:1 AA (großer Text)

Aa #533962 auf #EA8694 3,91:1 AA (großer Text)

Aa #72446A auf #F6A2A8 3,87:1 AA (großer Text)

Aa #D06B80 auf #FFFFFF 3,44:1 AA (großer Text)

Aa #72446A auf #EA8694 3,03:1 AA (großer Text)

Aa #533962 auf #D06B80 2,86:1 Nicht bestanden

Aa #9C5376 auf #F6A2A8 2,72:1 Nicht bestanden

Aa #D06B80 auf #FDD8D1 2,61:1 Nicht bestanden

Aa #EA8694 auf #FFFFFF 2,52:1 Nicht bestanden

Aa #72446A auf #D06B80 2,22:1 Nicht bestanden

Aa #9C5376 auf #EA8694 2,13:1 Nicht bestanden

Aa #F6A2A8 auf #FFFFFF 1,97:1 Nicht bestanden

Aa #EA8694 auf #FDD8D1 1,91:1 Nicht bestanden

Aa #533962 auf #9C5376 1,84:1 Nicht bestanden

Aa #D06B80 auf #F6A2A8 1,75:1 Nicht bestanden

Aa #9C5376 auf #D06B80 1,56:1 Nicht bestanden

Aa #F6A2A8 auf #FDD8D1 1,49:1 Nicht bestanden

Aa #72446A auf #9C5376 1,42:1 Nicht bestanden

Aa #D06B80 auf #EA8694 1,37:1 Nicht bestanden

Aa #FDD8D1 auf #FFFFFF 1,32:1 Nicht bestanden

Aa #533962 auf #72446A 1,29:1 Nicht bestanden

Aa #EA8694 auf #F6A2A8 1,28:1 Nicht bestanden

Pastry Gradient

Pastry Gradient

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen