Florast 8

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

Zurück zur Bibliothek

Florast 8

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

Bearbeiten

Erdig 8 Farben Warm Gemischt Komplementär polyphrog forest nature plant

Likes 51

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #A08A79;
  --c-earthy-2: #8B4442;
  --c-earthy-3: #35212A;
  --c-earthy-4: #9A6B52;
  --c-earthy-5: #F9E4AF;
  --c-earthy-6: #809E4F;
  --c-earthy-7: #3B404A;
  --c-earthy-8: #7AA1A4;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Khaki Core (#F9E4AF) bis zum dunkelsten Ton Antique Burgundy (#35212A). Sie vereint Mud-Dell, Country Lane Red, Antique Burgundy, Sorrel Brown, Khaki Core, Rosemarried, Indian Ink und Tower Bridge 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 #35212A auf #F9E4AF mit 11,94: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

Mud-Dell #A08A79

RGB: rgb(160, 138, 121)
HSL: hsl(26, 17%, 55%)
Luminanz: 0,270

Country Lane Red #8B4442

RGB: rgb(139, 68, 66)
HSL: hsl(2, 36%, 40%)
Luminanz: 0,100

Antique Burgundy #35212A

RGB: rgb(53, 33, 42)
HSL: hsl(333, 23%, 17%)
Luminanz: 0,020

Sorrel Brown #9A6B52

RGB: rgb(154, 107, 82)
HSL: hsl(21, 31%, 46%)
Luminanz: 0,180

Khaki Core #F9E4AF

RGB: rgb(249, 228, 175)
HSL: hsl(43, 86%, 83%)
Luminanz: 0,787

Rosemarried #809E4F

RGB: rgb(128, 158, 79)
HSL: hsl(83, 33%, 46%)
Luminanz: 0,296

Indian Ink #3B404A

RGB: rgb(59, 64, 74)
HSL: hsl(220, 11%, 26%)
Luminanz: 0,051

Tower Bridge #7AA1A4

RGB: rgb(122, 161, 164)
HSL: hsl(184, 19%, 56%)
Luminanz: 0,323

Kontrast & Barrierefreiheit

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

Aa #35212A auf #F9E4AF 11,94:1 AAA

Aa #F9E4AF auf #3B404A 8,30:1 AAA

Aa #8B4442 auf #F9E4AF 5,58:1 AA

Aa #35212A auf #7AA1A4 5,32:1 AA

Aa #35212A auf #809E4F 4,94:1 AA

Aa #A08A79 auf #35212A 4,57:1 AA

Aa #3B404A auf #7AA1A4 3,70:1 AA (großer Text)

Aa #9A6B52 auf #F9E4AF 3,64:1 AA (großer Text)

Aa #809E4F auf #3B404A 3,43:1 AA (großer Text)

Aa #35212A auf #9A6B52 3,28:1 AA (großer Text)

Aa #A08A79 auf #3B404A 3,17:1 AA (großer Text)

Aa #A08A79 auf #F9E4AF 2,61:1 Nicht bestanden

Aa #8B4442 auf #7AA1A4 2,48:1 Nicht bestanden

Aa #F9E4AF auf #809E4F 2,42:1 Nicht bestanden

Aa #8B4442 auf #809E4F 2,30:1 Nicht bestanden

Aa #9A6B52 auf #3B404A 2,28:1 Nicht bestanden

Aa #F9E4AF auf #7AA1A4 2,24:1 Nicht bestanden

Aa #8B4442 auf #35212A 2,14:1 Nicht bestanden

Aa #A08A79 auf #8B4442 2,13:1 Nicht bestanden

Aa #9A6B52 auf #7AA1A4 1,62:1 Nicht bestanden

Aa #8B4442 auf #9A6B52 1,53:1 Nicht bestanden

Aa #9A6B52 auf #809E4F 1,51:1 Nicht bestanden

Aa #8B4442 auf #3B404A 1,49:1 Nicht bestanden

Aa #35212A auf #3B404A 1,44:1 Nicht bestanden

Aa #A08A79 auf #9A6B52 1,39:1 Nicht bestanden

Aa #A08A79 auf #7AA1A4 1,16:1 Nicht bestanden

Aa #A08A79 auf #809E4F 1,08:1 Nicht bestanden

Aa #809E4F auf #7AA1A4 1,08:1 Nicht bestanden

Florast 8

Florast 8

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen