Dreamscape8

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

Zurück zur Bibliothek

Dreamscape8

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

Bearbeiten

Erdig 8 Farben Warm Gemischt Analog artist kerrielake dream dreamscape

Likes 1.177

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #C9CCA1;
  --c-earthy-2: #CAA05A;
  --c-earthy-3: #AE6A47;
  --c-earthy-4: #8B4049;
  --c-earthy-5: #543344;
  --c-earthy-6: #515262;
  --c-earthy-7: #63787D;
  --c-earthy-8: #8EA091;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Mint Ice Green (#C9CCA1) bis zum dunkelsten Ton Blackberry Tart (#543344). Sie vereint Mint Ice Green, Warm Leather, Auric Copper, Silk Satin, Blackberry Tart, Black Orchid, Crater Lake und Hillside View in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 2 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #C9CCA1 auf #543344 mit 6,53: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

Mint Ice Green #C9CCA1

RGB: rgb(201, 204, 161)
HSL: hsl(64, 30%, 72%)
Luminanz: 0,582

Warm Leather #CAA05A

RGB: rgb(202, 160, 90)
HSL: hsl(38, 51%, 57%)
Luminanz: 0,384

Auric Copper #AE6A47

RGB: rgb(174, 106, 71)
HSL: hsl(20, 42%, 48%)
Luminanz: 0,198

Silk Satin #8B4049

RGB: rgb(139, 64, 73)
HSL: hsl(353, 37%, 40%)
Luminanz: 0,096

Blackberry Tart #543344

RGB: rgb(84, 51, 68)
HSL: hsl(329, 24%, 26%)
Luminanz: 0,047

Black Orchid #515262

RGB: rgb(81, 82, 98)
HSL: hsl(236, 9%, 35%)
Luminanz: 0,087

Crater Lake #63787D

RGB: rgb(99, 120, 125)
HSL: hsl(192, 12%, 44%)
Luminanz: 0,176

Hillside View #8EA091

RGB: rgb(142, 160, 145)
HSL: hsl(130, 9%, 59%)
Luminanz: 0,329

Kontrast & Barrierefreiheit

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

Aa #C9CCA1 auf #543344 6,53:1 AA

Aa #C9CCA1 auf #515262 4,62:1 AA

Aa #CAA05A auf #543344 4,49:1 AA (großer Text)

Aa #C9CCA1 auf #8B4049 4,32:1 AA (großer Text)

Aa #543344 auf #8EA091 3,92:1 AA (großer Text)

Aa #CAA05A auf #515262 3,18:1 AA (großer Text)

Aa #CAA05A auf #8B4049 2,97:1 Nicht bestanden

Aa #C9CCA1 auf #63787D 2,80:1 Nicht bestanden

Aa #515262 auf #8EA091 2,78:1 Nicht bestanden

Aa #8B4049 auf #8EA091 2,59:1 Nicht bestanden

Aa #AE6A47 auf #543344 2,56:1 Nicht bestanden

Aa #C9CCA1 auf #AE6A47 2,55:1 Nicht bestanden

Aa #543344 auf #63787D 2,33:1 Nicht bestanden

Aa #CAA05A auf #63787D 1,92:1 Nicht bestanden

Aa #AE6A47 auf #515262 1,81:1 Nicht bestanden

Aa #CAA05A auf #AE6A47 1,75:1 Nicht bestanden

Aa #AE6A47 auf #8B4049 1,69:1 Nicht bestanden

Aa #63787D auf #8EA091 1,68:1 Nicht bestanden

Aa #C9CCA1 auf #8EA091 1,67:1 Nicht bestanden

Aa #515262 auf #63787D 1,65:1 Nicht bestanden

Aa #8B4049 auf #63787D 1,54:1 Nicht bestanden

Aa #AE6A47 auf #8EA091 1,53:1 Nicht bestanden

Aa #8B4049 auf #543344 1,51:1 Nicht bestanden

Aa #C9CCA1 auf #CAA05A 1,45:1 Nicht bestanden

Aa #543344 auf #515262 1,41:1 Nicht bestanden

Aa #CAA05A auf #8EA091 1,14:1 Nicht bestanden

Aa #AE6A47 auf #63787D 1,10:1 Nicht bestanden

Aa #8B4049 auf #515262 1,07:1 Nicht bestanden

Dreamscape8

Dreamscape8

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen