IZK OASIS 8

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

Zurück zur Bibliothek

IZK OASIS 8

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

Bearbeiten

Erdig 8 Farben Neutral Gemischt Komplementär green simple artist monoramp

Likes 44

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #000000;
  --c-earthy-2: #2C293D;
  --c-earthy-3: #1F5C7A;
  --c-earthy-4: #0AC266;
  --c-earthy-5: #A5E085;
  --c-earthy-6: #E2D48D;
  --c-earthy-7: #EDE0DE;
  --c-earthy-8: #FFFFFF;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Black (#000000). Sie vereint Black, Evening Blue, Sea Hunter, Green Elliott, Feijoa, Leaf Print, Powder Room und White in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 14 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #000000 auf #FFFFFF mit 21: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

Black #000000

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

Evening Blue #2C293D

RGB: rgb(44, 41, 61)
HSL: hsl(249, 20%, 20%)
Luminanz: 0,025

Sea Hunter #1F5C7A

RGB: rgb(31, 92, 122)
HSL: hsl(200, 59%, 30%)
Luminanz: 0,094

Green Elliott #0AC266

RGB: rgb(10, 194, 102)
HSL: hsl(150, 90%, 40%)
Luminanz: 0,396

Feijoa #A5E085

RGB: rgb(165, 224, 133)
HSL: hsl(99, 59%, 70%)
Luminanz: 0,630

Leaf Print #E2D48D

RGB: rgb(226, 212, 141)
HSL: hsl(50, 59%, 72%)
Luminanz: 0,652

Powder Room #EDE0DE

RGB: rgb(237, 224, 222)
HSL: hsl(8, 29%, 90%)
Luminanz: 0,766

White #FFFFFF

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

Kontrast & Barrierefreiheit

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

Aa #000000 auf #FFFFFF 21,00:1 AAA

Aa #000000 auf #EDE0DE 16,32:1 AAA

Aa #2C293D auf #FFFFFF 14,08:1 AAA

Aa #000000 auf #E2D48D 14,04:1 AAA

Aa #000000 auf #A5E085 13,60:1 AAA

Aa #2C293D auf #EDE0DE 10,94:1 AAA

Aa #2C293D auf #E2D48D 9,41:1 AAA

Aa #2C293D auf #A5E085 9,12:1 AAA

Aa #000000 auf #0AC266 8,92:1 AAA

Aa #1F5C7A auf #FFFFFF 7,32:1 AAA

Aa #2C293D auf #0AC266 5,98:1 AA

Aa #1F5C7A auf #EDE0DE 5,69:1 AA

Aa #1F5C7A auf #E2D48D 4,89:1 AA

Aa #1F5C7A auf #A5E085 4,74:1 AA

Aa #1F5C7A auf #0AC266 3,11:1 AA (großer Text)

Aa #000000 auf #1F5C7A 2,87:1 Nicht bestanden

Aa #0AC266 auf #FFFFFF 2,35:1 Nicht bestanden

Aa #2C293D auf #1F5C7A 1,92:1 Nicht bestanden

Aa #0AC266 auf #EDE0DE 1,83:1 Nicht bestanden

Aa #0AC266 auf #E2D48D 1,57:1 Nicht bestanden

Aa #A5E085 auf #FFFFFF 1,54:1 Nicht bestanden

Aa #0AC266 auf #A5E085 1,52:1 Nicht bestanden

Aa #E2D48D auf #FFFFFF 1,50:1 Nicht bestanden

Aa #000000 auf #2C293D 1,49:1 Nicht bestanden

Aa #EDE0DE auf #FFFFFF 1,29:1 Nicht bestanden

Aa #A5E085 auf #EDE0DE 1,20:1 Nicht bestanden

Aa #E2D48D auf #EDE0DE 1,16:1 Nicht bestanden

Aa #A5E085 auf #E2D48D 1,03:1 Nicht bestanden

IZK OASIS 8

IZK OASIS 8

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen