Final 8

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

Zurück zur Bibliothek

Final 8

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

Bearbeiten

Erdig 8 Farben Warm Gemischt Komplementär 8 final bfdi bfb

Likes 22

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #FFFFFF;
  --c-earthy-2: #FF8AD0;
  --c-earthy-3: #9B5BB4;
  --c-earthy-4: #413C74;
  --c-earthy-5: #5183B9;
  --c-earthy-6: #61D478;
  --c-earthy-7: #FFDC6D;
  --c-earthy-8: #E67D4C;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Hot Sauna (#413C74). Sie vereint White, Shimmering Love, Liberal Lilac, Hot Sauna, Fisher King, Spring Bouquet, Hawkbit und Sizzling Sunset in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 5 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FFFFFF auf #413C74 mit 9,89: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

White #FFFFFF

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

Shimmering Love #FF8AD0

RGB: rgb(255, 138, 208)
HSL: hsl(324, 100%, 77%)
Luminanz: 0,440

Liberal Lilac #9B5BB4

RGB: rgb(155, 91, 180)
HSL: hsl(283, 37%, 53%)
Luminanz: 0,178

Hot Sauna #413C74

RGB: rgb(65, 60, 116)
HSL: hsl(245, 32%, 35%)
Luminanz: 0,056

Fisher King #5183B9

RGB: rgb(81, 131, 185)
HSL: hsl(211, 43%, 52%)
Luminanz: 0,215

Spring Bouquet #61D478

RGB: rgb(97, 212, 120)
HSL: hsl(132, 57%, 61%)
Luminanz: 0,510

Hawkbit #FFDC6D

RGB: rgb(255, 220, 109)
HSL: hsl(46, 100%, 71%)
Luminanz: 0,736

Sizzling Sunset #E67D4C

RGB: rgb(230, 125, 76)
HSL: hsl(19, 75%, 60%)
Luminanz: 0,320

Kontrast & Barrierefreiheit

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

Aa #FFFFFF auf #413C74 9,89:1 AAA

Aa #413C74 auf #FFDC6D 7,40:1 AAA

Aa #413C74 auf #61D478 5,27:1 AA

Aa #FFFFFF auf #9B5BB4 4,62:1 AA

Aa #FF8AD0 auf #413C74 4,61:1 AA

Aa #FFFFFF auf #5183B9 3,96:1 AA (großer Text)

Aa #413C74 auf #E67D4C 3,49:1 AA (großer Text)

Aa #9B5BB4 auf #FFDC6D 3,45:1 AA (großer Text)

Aa #5183B9 auf #FFDC6D 2,97:1 Nicht bestanden

Aa #FFFFFF auf #E67D4C 2,84:1 Nicht bestanden

Aa #413C74 auf #5183B9 2,49:1 Nicht bestanden

Aa #9B5BB4 auf #61D478 2,46:1 Nicht bestanden

Aa #FF8AD0 auf #9B5BB4 2,15:1 Nicht bestanden

Aa #FFFFFF auf #FF8AD0 2,14:1 Nicht bestanden

Aa #9B5BB4 auf #413C74 2,14:1 Nicht bestanden

Aa #FFDC6D auf #E67D4C 2,12:1 Nicht bestanden

Aa #5183B9 auf #61D478 2,11:1 Nicht bestanden

Aa #FFFFFF auf #61D478 1,88:1 Nicht bestanden

Aa #FF8AD0 auf #5183B9 1,85:1 Nicht bestanden

Aa #9B5BB4 auf #E67D4C 1,63:1 Nicht bestanden

Aa #FF8AD0 auf #FFDC6D 1,60:1 Nicht bestanden

Aa #61D478 auf #E67D4C 1,51:1 Nicht bestanden

Aa #5183B9 auf #E67D4C 1,40:1 Nicht bestanden

Aa #61D478 auf #FFDC6D 1,40:1 Nicht bestanden

Aa #FFFFFF auf #FFDC6D 1,34:1 Nicht bestanden

Aa #FF8AD0 auf #E67D4C 1,32:1 Nicht bestanden

Aa #9B5BB4 auf #5183B9 1,16:1 Nicht bestanden

Aa #FF8AD0 auf #61D478 1,14:1 Nicht bestanden

Final 8

Final 8

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen