Startseite Farbpaletten Natural Colour System 8

Natural Colour System 8

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

Zurück zur Bibliothek

Natural Colour System 8

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

Bearbeiten

Erdig 8 Farben Warm Gemischt Komplementär mint crimson teal silver

Likes 31

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #252018;
  --c-earthy-2: #006462;
  --c-earthy-3: #67A387;
  --c-earthy-4: #B9B9AC;
  --c-earthy-5: #FFFFE3;
  --c-earthy-6: #EDDD3D;
  --c-earthy-7: #916F51;
  --c-earthy-8: #7B0304;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Lamb’s Wool (#FFFFE3) bis zum dunkelsten Ton Dark Orchestra (#252018). Sie vereint Dark Orchestra, Emerald Stone, Sea Lettuce, Simple Grey, Lamb’s Wool, Orb of Harmony, Leather Bound und Demon in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 10 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #252018 auf #FFFFE3 mit 15,92: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

Dark Orchestra #252018

RGB: rgb(37, 32, 24)
HSL: hsl(37, 21%, 12%)
Luminanz: 0,015

Emerald Stone #006462

RGB: rgb(0, 100, 98)
HSL: hsl(179, 100%, 20%)
Luminanz: 0,100

Sea Lettuce #67A387

RGB: rgb(103, 163, 135)
HSL: hsl(152, 25%, 52%)
Luminanz: 0,308

Simple Grey #B9B9AC

RGB: rgb(185, 185, 172)
HSL: hsl(60, 8%, 70%)
Luminanz: 0,480

Lamb’s Wool #FFFFE3

RGB: rgb(255, 255, 227)
HSL: hsl(60, 100%, 95%)
Luminanz: 0,983

Orb of Harmony #EDDD3D

RGB: rgb(237, 221, 61)
HSL: hsl(55, 83%, 58%)
Luminanz: 0,701

Leather Bound #916F51

RGB: rgb(145, 111, 81)
HSL: hsl(28, 28%, 44%)
Luminanz: 0,180

Demon #7B0304

RGB: rgb(123, 3, 4)
HSL: hsl(360, 95%, 25%)
Luminanz: 0,043

Kontrast & Barrierefreiheit

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

Aa #252018 auf #FFFFE3 15,92:1 AAA

Aa #252018 auf #EDDD3D 11,56:1 AAA

Aa #FFFFE3 auf #7B0304 11,13:1 AAA

Aa #252018 auf #B9B9AC 8,16:1 AAA

Aa #EDDD3D auf #7B0304 8,08:1 AAA

Aa #006462 auf #FFFFE3 6,89:1 AA

Aa #B9B9AC auf #7B0304 5,71:1 AA

Aa #252018 auf #67A387 5,52:1 AA

Aa #006462 auf #EDDD3D 5,00:1 AA

Aa #FFFFE3 auf #916F51 4,50:1 AA

Aa #67A387 auf #7B0304 3,86:1 AA (großer Text)

Aa #252018 auf #916F51 3,54:1 AA (großer Text)

Aa #006462 auf #B9B9AC 3,53:1 AA (großer Text)

Aa #EDDD3D auf #916F51 3,27:1 AA (großer Text)

Aa #67A387 auf #FFFFE3 2,88:1 Nicht bestanden

Aa #916F51 auf #7B0304 2,48:1 Nicht bestanden

Aa #006462 auf #67A387 2,39:1 Nicht bestanden

Aa #252018 auf #006462 2,31:1 Nicht bestanden

Aa #B9B9AC auf #916F51 2,31:1 Nicht bestanden

Aa #67A387 auf #EDDD3D 2,09:1 Nicht bestanden

Aa #B9B9AC auf #FFFFE3 1,95:1 Nicht bestanden

Aa #006462 auf #7B0304 1,62:1 Nicht bestanden

Aa #67A387 auf #916F51 1,56:1 Nicht bestanden

Aa #006462 auf #916F51 1,53:1 Nicht bestanden

Aa #67A387 auf #B9B9AC 1,48:1 Nicht bestanden

Aa #252018 auf #7B0304 1,43:1 Nicht bestanden

Aa #B9B9AC auf #EDDD3D 1,42:1 Nicht bestanden

Aa #FFFFE3 auf #EDDD3D 1,38:1 Nicht bestanden

Natural Colour System 8