Nostalgi8

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

Zurück zur Bibliothek

Nostalgi8

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

Bearbeiten

Erdig 8 Farben Neutral Gemischt Komplementär pixelart artist 8 anubiarts

Likes 114

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #BFBFBF;
  --c-earthy-2: #71A668;
  --c-earthy-3: #6A86B0;
  --c-earthy-4: #76568F;
  --c-earthy-5: #AB5C74;
  --c-earthy-6: #B89D6E;
  --c-earthy-7: #4C5B6B;
  --c-earthy-8: #2E253D;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Silver (#BFBFBF) bis zum dunkelsten Ton Telopea (#2E253D). Sie vereint Silver, Happy Cricket, Cowgirl Blue, Classic Waltz, Topinambur Root, Eastern Gold, Yankee Doodle und Telopea 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 #BFBFBF auf #2E253D mit 7,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

Silver #BFBFBF

RGB: rgb(191, 191, 191)
HSL: hsl(0, 0%, 75%)
Luminanz: 0,521

Happy Cricket #71A668

RGB: rgb(113, 166, 104)
HSL: hsl(111, 26%, 53%)
Luminanz: 0,318

Cowgirl Blue #6A86B0

RGB: rgb(106, 134, 176)
HSL: hsl(216, 31%, 55%)
Luminanz: 0,233

Classic Waltz #76568F

RGB: rgb(118, 86, 143)
HSL: hsl(274, 25%, 45%)
Luminanz: 0,125

Topinambur Root #AB5C74

RGB: rgb(171, 92, 116)
HSL: hsl(342, 32%, 52%)
Luminanz: 0,176

Eastern Gold #B89D6E

RGB: rgb(184, 157, 110)
HSL: hsl(38, 34%, 58%)
Luminanz: 0,354

Yankee Doodle #4C5B6B

RGB: rgb(76, 91, 107)
HSL: hsl(211, 17%, 36%)
Luminanz: 0,101

Telopea #2E253D

RGB: rgb(46, 37, 61)
HSL: hsl(263, 24%, 19%)
Luminanz: 0,022

Kontrast & Barrierefreiheit

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

Aa #BFBFBF auf #2E253D 7,89:1 AAA

Aa #B89D6E auf #2E253D 5,58:1 AA

Aa #71A668 auf #2E253D 5,08:1 AA

Aa #6A86B0 auf #2E253D 3,90:1 AA (großer Text)

Aa #BFBFBF auf #4C5B6B 3,79:1 AA (großer Text)

Aa #BFBFBF auf #76568F 3,26:1 AA (großer Text)

Aa #AB5C74 auf #2E253D 3,12:1 AA (großer Text)

Aa #B89D6E auf #4C5B6B 2,68:1 Nicht bestanden

Aa #BFBFBF auf #AB5C74 2,53:1 Nicht bestanden

Aa #71A668 auf #4C5B6B 2,44:1 Nicht bestanden

Aa #76568F auf #2E253D 2,42:1 Nicht bestanden

Aa #76568F auf #B89D6E 2,31:1 Nicht bestanden

Aa #71A668 auf #76568F 2,10:1 Nicht bestanden

Aa #4C5B6B auf #2E253D 2,08:1 Nicht bestanden

Aa #BFBFBF auf #6A86B0 2,02:1 Nicht bestanden

Aa #6A86B0 auf #4C5B6B 1,87:1 Nicht bestanden

Aa #AB5C74 auf #B89D6E 1,79:1 Nicht bestanden

Aa #71A668 auf #AB5C74 1,63:1 Nicht bestanden

Aa #6A86B0 auf #76568F 1,62:1 Nicht bestanden

Aa #BFBFBF auf #71A668 1,55:1 Nicht bestanden

Aa #AB5C74 auf #4C5B6B 1,50:1 Nicht bestanden

Aa #6A86B0 auf #B89D6E 1,43:1 Nicht bestanden

Aa #BFBFBF auf #B89D6E 1,41:1 Nicht bestanden

Aa #71A668 auf #6A86B0 1,30:1 Nicht bestanden

Aa #76568F auf #AB5C74 1,29:1 Nicht bestanden

Aa #6A86B0 auf #AB5C74 1,25:1 Nicht bestanden

Aa #76568F auf #4C5B6B 1,16:1 Nicht bestanden

Aa #71A668 auf #B89D6E 1,10:1 Nicht bestanden

Nostalgi8

Nostalgi8

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen