Startseite Farbpaletten Natural Intelligence

Natural Intelligence

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

Zurück zur Bibliothek

Natural Intelligence

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

Bearbeiten

Erdig 9 Farben Neutral Gemischt Komplementär natural 9colors intelligence mierdinsky

Likes 31

Farben 9

CSS-Variablen

:root {
  --c-earthy-1: #240038;
  --c-earthy-2: #2F3A4F;
  --c-earthy-3: #5F5F5F;
  --c-earthy-4: #CE3B0A;
  --c-earthy-5: #669999;
  --c-earthy-6: #FFA31F;
  --c-earthy-7: #FFCC33;
  --c-earthy-8: #99CCCC;
  --c-earthy-9: #E1E1B4;
}

Über diese Palette

Diese erdige Palette mit 9 Farben reicht vom hellsten Ton Schabziger Green (#E1E1B4) bis zum dunkelsten Ton Midnight Purple (#240038). Sie vereint Midnight Purple, Dark Spell, Shades On, Sinopia, Desaturated Cyan, Phoenix Flames, Sunglow, Clear Cove und Schabziger Green in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 36. Davon erreichen 10 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #240038 auf #E1E1B4 mit 13,81: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

Midnight Purple #240038

RGB: rgb(36, 0, 56)
HSL: hsl(279, 100%, 11%)
Luminanz: 0,007

Dark Spell #2F3A4F

RGB: rgb(47, 58, 79)
HSL: hsl(219, 25%, 25%)
Luminanz: 0,042

Shades On #5F5F5F

RGB: rgb(95, 95, 95)
HSL: hsl(0, 0%, 37%)
Luminanz: 0,114

Sinopia #CE3B0A

RGB: rgb(206, 59, 10)
HSL: hsl(15, 91%, 42%)
Luminanz: 0,163

Desaturated Cyan #669999

RGB: rgb(102, 153, 153)
HSL: hsl(180, 20%, 50%)
Luminanz: 0,279

Phoenix Flames #FFA31F

RGB: rgb(255, 163, 31)
HSL: hsl(35, 100%, 56%)
Luminanz: 0,476

Sunglow #FFCC33

RGB: rgb(255, 204, 51)
HSL: hsl(45, 100%, 60%)
Luminanz: 0,647

Clear Cove #99CCCC

RGB: rgb(153, 204, 204)
HSL: hsl(180, 33%, 70%)
Luminanz: 0,543

Schabziger Green #E1E1B4

RGB: rgb(225, 225, 180)
HSL: hsl(60, 43%, 79%)
Luminanz: 0,732

Kontrast & Barrierefreiheit

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

Aa #240038 auf #E1E1B4 13,81:1 AAA

Aa #240038 auf #FFCC33 12,31:1 AAA

Aa #240038 auf #99CCCC 10,48:1 AAA

Aa #240038 auf #FFA31F 9,28:1 AAA

Aa #2F3A4F auf #E1E1B4 8,50:1 AAA

Aa #2F3A4F auf #FFCC33 7,58:1 AAA

Aa #2F3A4F auf #99CCCC 6,45:1 AA

Aa #240038 auf #669999 5,81:1 AA

Aa #2F3A4F auf #FFA31F 5,72:1 AA

Aa #5F5F5F auf #E1E1B4 4,75:1 AA

Aa #5F5F5F auf #FFCC33 4,24:1 AA (großer Text)

Aa #240038 auf #CE3B0A 3,76:1 AA (großer Text)

Aa #CE3B0A auf #E1E1B4 3,67:1 AA (großer Text)

Aa #5F5F5F auf #99CCCC 3,61:1 AA (großer Text)

Aa #2F3A4F auf #669999 3,58:1 AA (großer Text)

Aa #CE3B0A auf #FFCC33 3,28:1 AA (großer Text)

Aa #5F5F5F auf #FFA31F 3,20:1 AA (großer Text)

Aa #240038 auf #5F5F5F 2,90:1 Nicht bestanden

Aa #CE3B0A auf #99CCCC 2,79:1 Nicht bestanden

Aa #CE3B0A auf #FFA31F 2,47:1 Nicht bestanden

Aa #669999 auf #E1E1B4 2,37:1 Nicht bestanden

Aa #2F3A4F auf #CE3B0A 2,31:1 Nicht bestanden

Aa #669999 auf #FFCC33 2,12:1 Nicht bestanden

Aa #5F5F5F auf #669999 2,00:1 Nicht bestanden

Aa #669999 auf #99CCCC 1,80:1 Nicht bestanden

Aa #2F3A4F auf #5F5F5F 1,79:1 Nicht bestanden

Aa #240038 auf #2F3A4F 1,62:1 Nicht bestanden

Aa #669999 auf #FFA31F 1,60:1 Nicht bestanden

Aa #CE3B0A auf #669999 1,55:1 Nicht bestanden

Aa #FFA31F auf #E1E1B4 1,49:1 Nicht bestanden

Aa #FFA31F auf #FFCC33 1,33:1 Nicht bestanden

Aa #99CCCC auf #E1E1B4 1,32:1 Nicht bestanden

Aa #5F5F5F auf #CE3B0A 1,29:1 Nicht bestanden

Aa #FFCC33 auf #99CCCC 1,17:1 Nicht bestanden

Aa #FFA31F auf #99CCCC 1,13:1 Nicht bestanden

Aa #FFCC33 auf #E1E1B4 1,12:1 Nicht bestanden

Natural Intelligence