Fairydust 8

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

Zurück zur Bibliothek

Fairydust 8

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

Bearbeiten

Erdig 8 Farben Warm Gemischt Komplementär pink blue soft pastel

Likes 671

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #F0DAB1;
  --c-earthy-2: #E39AAC;
  --c-earthy-3: #C45D9F;
  --c-earthy-4: #634B7D;
  --c-earthy-5: #6461C2;
  --c-earthy-6: #2BA9B4;
  --c-earthy-7: #93D4B5;
  --c-earthy-8: #F0F6E8;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Calcium (#F0F6E8) bis zum dunkelsten Ton Royal Robe (#634B7D). Sie vereint Precious, Rose Delight, Llilacquered, Royal Robe, Bluish Purple Anemone, Sparkling Cove, Vista Blue und Calcium in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #634B7D auf #F0F6E8 mit 6,73: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

Precious #F0DAB1

RGB: rgb(240, 218, 177)
HSL: hsl(39, 68%, 82%)
Luminanz: 0,718

Rose Delight #E39AAC

RGB: rgb(227, 154, 172)
HSL: hsl(345, 57%, 75%)
Luminanz: 0,424

Llilacquered #C45D9F

RGB: rgb(196, 93, 159)
HSL: hsl(322, 47%, 57%)
Luminanz: 0,221

Royal Robe #634B7D

RGB: rgb(99, 75, 125)
HSL: hsl(269, 25%, 39%)
Luminanz: 0,092

Bluish Purple Anemone #6461C2

RGB: rgb(100, 97, 194)
HSL: hsl(242, 44%, 57%)
Luminanz: 0,152

Sparkling Cove #2BA9B4

RGB: rgb(43, 169, 180)
HSL: hsl(185, 61%, 44%)
Luminanz: 0,322

Vista Blue #93D4B5

RGB: rgb(147, 212, 181)
HSL: hsl(151, 43%, 70%)
Luminanz: 0,566

Calcium #F0F6E8

RGB: rgb(240, 246, 232)
HSL: hsl(86, 44%, 94%)
Luminanz: 0,903

Kontrast & Barrierefreiheit

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

Aa #634B7D auf #F0F6E8 6,73:1 AA

Aa #F0DAB1 auf #634B7D 5,42:1 AA

Aa #6461C2 auf #F0F6E8 4,73:1 AA

Aa #634B7D auf #93D4B5 4,35:1 AA (großer Text)

Aa #F0DAB1 auf #6461C2 3,81:1 AA (großer Text)

Aa #C45D9F auf #F0F6E8 3,52:1 AA (großer Text)

Aa #E39AAC auf #634B7D 3,35:1 AA (großer Text)

Aa #6461C2 auf #93D4B5 3,06:1 AA (großer Text)

Aa #F0DAB1 auf #C45D9F 2,84:1 Nicht bestanden

Aa #634B7D auf #2BA9B4 2,63:1 Nicht bestanden

Aa #2BA9B4 auf #F0F6E8 2,56:1 Nicht bestanden

Aa #E39AAC auf #6461C2 2,35:1 Nicht bestanden

Aa #C45D9F auf #93D4B5 2,28:1 Nicht bestanden

Aa #F0DAB1 auf #2BA9B4 2,07:1 Nicht bestanden

Aa #E39AAC auf #F0F6E8 2,01:1 Nicht bestanden

Aa #C45D9F auf #634B7D 1,91:1 Nicht bestanden

Aa #6461C2 auf #2BA9B4 1,85:1 Nicht bestanden

Aa #E39AAC auf #C45D9F 1,75:1 Nicht bestanden

Aa #2BA9B4 auf #93D4B5 1,66:1 Nicht bestanden

Aa #F0DAB1 auf #E39AAC 1,62:1 Nicht bestanden

Aa #93D4B5 auf #F0F6E8 1,55:1 Nicht bestanden

Aa #634B7D auf #6461C2 1,42:1 Nicht bestanden

Aa #C45D9F auf #2BA9B4 1,37:1 Nicht bestanden

Aa #C45D9F auf #6461C2 1,34:1 Nicht bestanden

Aa #E39AAC auf #93D4B5 1,30:1 Nicht bestanden

Aa #E39AAC auf #2BA9B4 1,28:1 Nicht bestanden

Aa #F0DAB1 auf #93D4B5 1,25:1 Nicht bestanden

Aa #F0DAB1 auf #F0F6E8 1,24:1 Nicht bestanden

Fairydust 8

Fairydust 8

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen