CUSTODIAN 8

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

Zurück zur Bibliothek

CUSTODIAN 8

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

Bearbeiten

Erdig 8 Farben Warm Gemischt Monochrom

Likes 453

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #2B3634;
  --c-earthy-2: #474848;
  --c-earthy-3: #6E5F52;
  --c-earthy-4: #A2856C;
  --c-earthy-5: #A0A294;
  --c-earthy-6: #DCB9A0;
  --c-earthy-7: #F3DBC6;
  --c-earthy-8: #FFFEFE;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton White as Heaven (#FFFEFE) bis zum dunkelsten Ton Tetsu Black (#2B3634). Sie vereint Tetsu Black, Pig Iron, Chocolate Chip, Iced Mocha, Grey Expose, Tracery, Crisp Wonton und White as Heaven in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 9 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #2B3634 auf #FFFEFE mit 12,42: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

Tetsu Black #2B3634

RGB: rgb(43, 54, 52)
HSL: hsl(169, 11%, 19%)
Luminanz: 0,034

Pig Iron #474848

RGB: rgb(71, 72, 72)
HSL: hsl(180, 1%, 28%)
Luminanz: 0,064

Chocolate Chip #6E5F52

RGB: rgb(110, 95, 82)
HSL: hsl(28, 15%, 38%)
Luminanz: 0,121

Iced Mocha #A2856C

RGB: rgb(162, 133, 108)
HSL: hsl(28, 23%, 53%)
Luminanz: 0,255

Grey Expose #A0A294

RGB: rgb(160, 162, 148)
HSL: hsl(69, 7%, 61%)
Luminanz: 0,355

Tracery #DCB9A0

RGB: rgb(220, 185, 160)
HSL: hsl(25, 46%, 75%)
Luminanz: 0,525

Crisp Wonton #F3DBC6

RGB: rgb(243, 219, 198)
HSL: hsl(28, 65%, 86%)
Luminanz: 0,738

White as Heaven #FFFEFE

RGB: rgb(255, 254, 254)
HSL: hsl(0, 100%, 100%)
Luminanz: 0,993

Kontrast & Barrierefreiheit

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

Aa #2B3634 auf #FFFEFE 12,42:1 AAA

Aa #2B3634 auf #F3DBC6 9,38:1 AAA

Aa #474848 auf #FFFEFE 9,12:1 AAA

Aa #474848 auf #F3DBC6 6,89:1 AA

Aa #2B3634 auf #DCB9A0 6,84:1 AA

Aa #6E5F52 auf #FFFEFE 6,10:1 AA

Aa #474848 auf #DCB9A0 5,02:1 AA

Aa #2B3634 auf #A0A294 4,82:1 AA

Aa #6E5F52 auf #F3DBC6 4,61:1 AA

Aa #2B3634 auf #A2856C 3,64:1 AA (großer Text)

Aa #474848 auf #A0A294 3,54:1 AA (großer Text)

Aa #A2856C auf #FFFEFE 3,42:1 AA (großer Text)

Aa #6E5F52 auf #DCB9A0 3,36:1 AA (großer Text)

Aa #474848 auf #A2856C 2,67:1 Nicht bestanden

Aa #A2856C auf #F3DBC6 2,58:1 Nicht bestanden

Aa #A0A294 auf #FFFEFE 2,58:1 Nicht bestanden

Aa #6E5F52 auf #A0A294 2,36:1 Nicht bestanden

Aa #2B3634 auf #6E5F52 2,04:1 Nicht bestanden

Aa #A0A294 auf #F3DBC6 1,95:1 Nicht bestanden

Aa #A2856C auf #DCB9A0 1,88:1 Nicht bestanden

Aa #DCB9A0 auf #FFFEFE 1,82:1 Nicht bestanden

Aa #6E5F52 auf #A2856C 1,79:1 Nicht bestanden

Aa #474848 auf #6E5F52 1,50:1 Nicht bestanden

Aa #A0A294 auf #DCB9A0 1,42:1 Nicht bestanden

Aa #DCB9A0 auf #F3DBC6 1,37:1 Nicht bestanden

Aa #2B3634 auf #474848 1,36:1 Nicht bestanden

Aa #A2856C auf #A0A294 1,32:1 Nicht bestanden

Aa #F3DBC6 auf #FFFEFE 1,32:1 Nicht bestanden

CUSTODIAN 8

CUSTODIAN 8

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen