Fantastic 8

Palette mit 8 Farben · Warm · Gemischt · Harmonie: Triadisch

Zurück zur Bibliothek

Fantastic 8

Palette mit 8 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Triadisch

Bearbeiten

Erdig 8 Farben Warm Gemischt Triadisch artist retrosaur

Likes 54

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #DBDBDD;
  --c-earthy-2: #9C8E8E;
  --c-earthy-3: #524BA3;
  --c-earthy-4: #1F1E23;
  --c-earthy-5: #6A9254;
  --c-earthy-6: #DCAC6C;
  --c-earthy-7: #E55656;
  --c-earthy-8: #73493C;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Diamond Stud (#DBDBDD) bis zum dunkelsten Ton Inkwell Inception (#1F1E23). Sie vereint Diamond Stud, Grey Violet, Liberty, Inkwell Inception, Field Time Green, Frankincense, Flushed und Evolution 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 #DBDBDD auf #1F1E23 mit 11,98: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

Diamond Stud #DBDBDD

RGB: rgb(219, 219, 221)
HSL: hsl(240, 3%, 86%)
Luminanz: 0,709

Grey Violet #9C8E8E

RGB: rgb(156, 142, 142)
HSL: hsl(0, 7%, 58%)
Luminanz: 0,284

Liberty #524BA3

RGB: rgb(82, 75, 163)
HSL: hsl(245, 37%, 47%)
Luminanz: 0,095

Inkwell Inception #1F1E23

RGB: rgb(31, 30, 35)
HSL: hsl(252, 8%, 13%)
Luminanz: 0,013

Field Time Green #6A9254

RGB: rgb(106, 146, 84)
HSL: hsl(99, 27%, 45%)
Luminanz: 0,243

Frankincense #DCAC6C

RGB: rgb(220, 172, 108)
HSL: hsl(34, 62%, 64%)
Luminanz: 0,458

Flushed #E55656

RGB: rgb(229, 86, 86)
HSL: hsl(0, 73%, 62%)
Luminanz: 0,240

Evolution #73493C

RGB: rgb(115, 73, 60)
HSL: hsl(14, 31%, 34%)
Luminanz: 0,087

Kontrast & Barrierefreiheit

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

Aa #DBDBDD auf #1F1E23 11,98:1 AAA

Aa #1F1E23 auf #DCAC6C 8,01:1 AAA

Aa #DBDBDD auf #73493C 5,53:1 AA

Aa #9C8E8E auf #1F1E23 5,26:1 AA

Aa #DBDBDD auf #524BA3 5,25:1 AA

Aa #1F1E23 auf #6A9254 4,61:1 AA

Aa #1F1E23 auf #E55656 4,57:1 AA

Aa #DCAC6C auf #73493C 3,70:1 AA (großer Text)

Aa #524BA3 auf #DCAC6C 3,51:1 AA (großer Text)

Aa #DBDBDD auf #E55656 2,62:1 Nicht bestanden

Aa #DBDBDD auf #6A9254 2,60:1 Nicht bestanden

Aa #9C8E8E auf #73493C 2,43:1 Nicht bestanden

Aa #9C8E8E auf #524BA3 2,31:1 Nicht bestanden

Aa #DBDBDD auf #9C8E8E 2,28:1 Nicht bestanden

Aa #524BA3 auf #1F1E23 2,28:1 Nicht bestanden

Aa #1F1E23 auf #73493C 2,17:1 Nicht bestanden

Aa #6A9254 auf #73493C 2,13:1 Nicht bestanden

Aa #E55656 auf #73493C 2,11:1 Nicht bestanden

Aa #524BA3 auf #6A9254 2,02:1 Nicht bestanden

Aa #524BA3 auf #E55656 2,00:1 Nicht bestanden

Aa #DCAC6C auf #E55656 1,75:1 Nicht bestanden

Aa #6A9254 auf #DCAC6C 1,74:1 Nicht bestanden

Aa #9C8E8E auf #DCAC6C 1,52:1 Nicht bestanden

Aa #DBDBDD auf #DCAC6C 1,49:1 Nicht bestanden

Aa #9C8E8E auf #E55656 1,15:1 Nicht bestanden

Aa #9C8E8E auf #6A9254 1,14:1 Nicht bestanden

Aa #524BA3 auf #73493C 1,05:1 Nicht bestanden

Aa #6A9254 auf #E55656 1,01:1 Nicht bestanden

Fantastic 8

Fantastic 8

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen