PRIMAL8

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

Zurück zur Bibliothek

PRIMAL8

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

Bearbeiten

Erdig 8 Farben Neutral Gemischt Komplementär soft 3bit generic

Likes 82

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #1A1828;
  --c-earthy-2: #4D5A6C;
  --c-earthy-3: #6DA9E3;
  --c-earthy-4: #FFFFFF;
  --c-earthy-5: #EEB333;
  --c-earthy-6: #259322;
  --c-earthy-7: #B04848;
  --c-earthy-8: #5B2E33;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Sambucus (#1A1828). Sie vereint Sambucus, Yankee Doodle, Greek Sea, White, Baklava, Yushan Green, Intrigue Red und Dubonnet in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 7 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #1A1828 auf #FFFFFF mit 17,42: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

Sambucus #1A1828

RGB: rgb(26, 24, 40)
HSL: hsl(248, 25%, 13%)
Luminanz: 0,010

Yankee Doodle #4D5A6C

RGB: rgb(77, 90, 108)
HSL: hsl(215, 17%, 36%)
Luminanz: 0,100

Greek Sea #6DA9E3

RGB: rgb(109, 169, 227)
HSL: hsl(209, 68%, 66%)
Luminanz: 0,372

White #FFFFFF

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

Baklava #EEB333

RGB: rgb(238, 179, 51)
HSL: hsl(41, 85%, 57%)
Luminanz: 0,507

Yushan Green #259322

RGB: rgb(37, 147, 34)
HSL: hsl(118, 62%, 35%)
Luminanz: 0,214

Intrigue Red #B04848

RGB: rgb(176, 72, 72)
HSL: hsl(0, 42%, 49%)
Luminanz: 0,143

Dubonnet #5B2E33

RGB: rgb(91, 46, 51)
HSL: hsl(353, 33%, 27%)
Luminanz: 0,044

Kontrast & Barrierefreiheit

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

Aa #1A1828 auf #FFFFFF 17,42:1 AAA

Aa #FFFFFF auf #5B2E33 11,15:1 AAA

Aa #1A1828 auf #EEB333 9,24:1 AAA

Aa #4D5A6C auf #FFFFFF 7,01:1 AAA

Aa #1A1828 auf #6DA9E3 7,00:1 AAA

Aa #EEB333 auf #5B2E33 5,91:1 AA

Aa #FFFFFF auf #B04848 5,43:1 AA

Aa #6DA9E3 auf #5B2E33 4,48:1 AA (großer Text)

Aa #1A1828 auf #259322 4,38:1 AA (großer Text)

Aa #FFFFFF auf #259322 3,98:1 AA (großer Text)

Aa #4D5A6C auf #EEB333 3,72:1 AA (großer Text)

Aa #1A1828 auf #B04848 3,21:1 AA (großer Text)

Aa #EEB333 auf #B04848 2,88:1 Nicht bestanden

Aa #4D5A6C auf #6DA9E3 2,82:1 Nicht bestanden

Aa #259322 auf #5B2E33 2,80:1 Nicht bestanden

Aa #6DA9E3 auf #FFFFFF 2,49:1 Nicht bestanden

Aa #1A1828 auf #4D5A6C 2,48:1 Nicht bestanden

Aa #6DA9E3 auf #B04848 2,18:1 Nicht bestanden

Aa #EEB333 auf #259322 2,11:1 Nicht bestanden

Aa #B04848 auf #5B2E33 2,05:1 Nicht bestanden

Aa #FFFFFF auf #EEB333 1,89:1 Nicht bestanden

Aa #4D5A6C auf #259322 1,76:1 Nicht bestanden

Aa #6DA9E3 auf #259322 1,60:1 Nicht bestanden

Aa #4D5A6C auf #5B2E33 1,59:1 Nicht bestanden

Aa #1A1828 auf #5B2E33 1,56:1 Nicht bestanden

Aa #259322 auf #B04848 1,36:1 Nicht bestanden

Aa #6DA9E3 auf #EEB333 1,32:1 Nicht bestanden

Aa #4D5A6C auf #B04848 1,29:1 Nicht bestanden

PRIMAL8

PRIMAL8

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen