Desatur8

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

Zurück zur Bibliothek

Desatur8

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

Bearbeiten

Erdig 8 Farben Warm Hell Komplementär pastel limited 8 desaturated

Likes 163

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #F0F0EB;
  --c-earthy-2: #FFFF8F;
  --c-earthy-3: #7BE098;
  --c-earthy-4: #849AD8;
  --c-earthy-5: #E8B382;
  --c-earthy-6: #D8828E;
  --c-earthy-7: #A776C1;
  --c-earthy-8: #545155;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Cinque Foil (#FFFF8F) bis zum dunkelsten Ton Soft Panther (#545155). Sie vereint Traffic White, Cinque Foil, Enchanted Emerald, Portage, Tanaris Beige, I Pink I Can, Wisteria und Soft Panther in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FFFF8F auf #545155 mit 7,43: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

Traffic White #F0F0EB

RGB: rgb(240, 240, 235)
HSL: hsl(60, 14%, 93%)
Luminanz: 0,868

Cinque Foil #FFFF8F

RGB: rgb(255, 255, 143)
HSL: hsl(60, 100%, 78%)
Luminanz: 0,948

Enchanted Emerald #7BE098

RGB: rgb(123, 224, 152)
HSL: hsl(137, 62%, 68%)
Luminanz: 0,598

Portage #849AD8

RGB: rgb(132, 154, 216)
HSL: hsl(224, 52%, 68%)
Luminanz: 0,330

Tanaris Beige #E8B382

RGB: rgb(232, 179, 130)
HSL: hsl(29, 69%, 71%)
Luminanz: 0,510

I Pink I Can #D8828E

RGB: rgb(216, 130, 142)
HSL: hsl(352, 52%, 68%)
Luminanz: 0,325

Wisteria #A776C1

RGB: rgb(167, 118, 193)
HSL: hsl(279, 38%, 61%)
Luminanz: 0,250

Soft Panther #545155

RGB: rgb(84, 81, 85)
HSL: hsl(285, 2%, 33%)
Luminanz: 0,084

Kontrast & Barrierefreiheit

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

Aa #FFFF8F auf #545155 7,43:1 AAA

Aa #F0F0EB auf #545155 6,84:1 AA

Aa #7BE098 auf #545155 4,83:1 AA

Aa #E8B382 auf #545155 4,17:1 AA (großer Text)

Aa #FFFF8F auf #A776C1 3,32:1 AA (großer Text)

Aa #F0F0EB auf #A776C1 3,06:1 AA (großer Text)

Aa #849AD8 auf #545155 2,83:1 Nicht bestanden

Aa #D8828E auf #545155 2,79:1 Nicht bestanden

Aa #FFFF8F auf #D8828E 2,66:1 Nicht bestanden

Aa #FFFF8F auf #849AD8 2,63:1 Nicht bestanden

Aa #F0F0EB auf #D8828E 2,45:1 Nicht bestanden

Aa #F0F0EB auf #849AD8 2,42:1 Nicht bestanden

Aa #A776C1 auf #545155 2,24:1 Nicht bestanden

Aa #7BE098 auf #A776C1 2,16:1 Nicht bestanden

Aa #E8B382 auf #A776C1 1,87:1 Nicht bestanden

Aa #FFFF8F auf #E8B382 1,78:1 Nicht bestanden

Aa #7BE098 auf #D8828E 1,73:1 Nicht bestanden

Aa #7BE098 auf #849AD8 1,71:1 Nicht bestanden

Aa #F0F0EB auf #E8B382 1,64:1 Nicht bestanden

Aa #FFFF8F auf #7BE098 1,54:1 Nicht bestanden

Aa #E8B382 auf #D8828E 1,49:1 Nicht bestanden

Aa #849AD8 auf #E8B382 1,47:1 Nicht bestanden

Aa #F0F0EB auf #7BE098 1,42:1 Nicht bestanden

Aa #849AD8 auf #A776C1 1,26:1 Nicht bestanden

Aa #D8828E auf #A776C1 1,25:1 Nicht bestanden

Aa #7BE098 auf #E8B382 1,16:1 Nicht bestanden

Aa #F0F0EB auf #FFFF8F 1,09:1 Nicht bestanden

Aa #849AD8 auf #D8828E 1,01:1 Nicht bestanden

Desatur8

Desatur8

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen