Sketchy 8

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

Zurück zur Bibliothek

Sketchy 8

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

Bearbeiten

Erdig 8 Farben Warm Gemischt Monochrom monoramp soft pastel yellow

Likes 150

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #23232E;
  --c-earthy-2: #3A323C;
  --c-earthy-3: #6B5258;
  --c-earthy-4: #A37370;
  --c-earthy-5: #C27F6F;
  --c-earthy-6: #CCA795;
  --c-earthy-7: #D7C1B4;
  --c-earthy-8: #DED0C7;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Pearl Bush (#DED0C7) bis zum dunkelsten Ton Closed Shutter (#23232E). Sie vereint Closed Shutter, Zeus Palace, Ripe Fig, Autumn Russet, Earthworm, Half Moon Bay Blush, Champagne Glee und Pearl Bush in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 8 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #23232E auf #DED0C7 mit 10,33: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

Closed Shutter #23232E

RGB: rgb(35, 35, 46)
HSL: hsl(240, 14%, 16%)
Luminanz: 0,018

Zeus Palace #3A323C

RGB: rgb(58, 50, 60)
HSL: hsl(288, 9%, 22%)
Luminanz: 0,035

Ripe Fig #6B5258

RGB: rgb(107, 82, 88)
HSL: hsl(346, 13%, 37%)
Luminanz: 0,099

Autumn Russet #A37370

RGB: rgb(163, 115, 112)
HSL: hsl(4, 22%, 54%)
Luminanz: 0,212

Earthworm #C27F6F

RGB: rgb(194, 127, 111)
HSL: hsl(12, 40%, 60%)
Luminanz: 0,278

Half Moon Bay Blush #CCA795

RGB: rgb(204, 167, 149)
HSL: hsl(20, 35%, 69%)
Luminanz: 0,426

Champagne Glee #D7C1B4

RGB: rgb(215, 193, 180)
HSL: hsl(22, 30%, 77%)
Luminanz: 0,559

Pearl Bush #DED0C7

RGB: rgb(222, 208, 199)
HSL: hsl(23, 26%, 83%)
Luminanz: 0,648

Kontrast & Barrierefreiheit

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

Aa #23232E auf #DED0C7 10,33:1 AAA

Aa #23232E auf #D7C1B4 9,01:1 AAA

Aa #3A323C auf #DED0C7 8,20:1 AAA

Aa #3A323C auf #D7C1B4 7,16:1 AAA

Aa #23232E auf #CCA795 7,05:1 AAA

Aa #3A323C auf #CCA795 5,60:1 AA

Aa #23232E auf #C27F6F 4,85:1 AA

Aa #6B5258 auf #DED0C7 4,69:1 AA

Aa #6B5258 auf #D7C1B4 4,10:1 AA (großer Text)

Aa #23232E auf #A37370 3,88:1 AA (großer Text)

Aa #3A323C auf #C27F6F 3,86:1 AA (großer Text)

Aa #6B5258 auf #CCA795 3,21:1 AA (großer Text)

Aa #3A323C auf #A37370 3,08:1 AA (großer Text)

Aa #A37370 auf #DED0C7 2,66:1 Nicht bestanden

Aa #A37370 auf #D7C1B4 2,32:1 Nicht bestanden

Aa #6B5258 auf #C27F6F 2,21:1 Nicht bestanden

Aa #23232E auf #6B5258 2,20:1 Nicht bestanden

Aa #C27F6F auf #DED0C7 2,13:1 Nicht bestanden

Aa #C27F6F auf #D7C1B4 1,86:1 Nicht bestanden

Aa #A37370 auf #CCA795 1,82:1 Nicht bestanden

Aa #6B5258 auf #A37370 1,76:1 Nicht bestanden

Aa #3A323C auf #6B5258 1,75:1 Nicht bestanden

Aa #CCA795 auf #DED0C7 1,46:1 Nicht bestanden

Aa #C27F6F auf #CCA795 1,45:1 Nicht bestanden

Aa #CCA795 auf #D7C1B4 1,28:1 Nicht bestanden

Aa #23232E auf #3A323C 1,26:1 Nicht bestanden

Aa #A37370 auf #C27F6F 1,25:1 Nicht bestanden

Aa #D7C1B4 auf #DED0C7 1,15:1 Nicht bestanden

Sketchy 8

Sketchy 8

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen