Verdigris

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

Zurück zur Bibliothek

Verdigris

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

Bearbeiten

Erdig 8 Farben Warm Gemischt Analog rusty old metal copper

Likes 44

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #2C1F1A;
  --c-earthy-2: #7D4735;
  --c-earthy-3: #B36D41;
  --c-earthy-4: #D89840;
  --c-earthy-5: #EEE4BD;
  --c-earthy-6: #C4C499;
  --c-earthy-7: #7F9081;
  --c-earthy-8: #61806A;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Slices of Happy (#EEE4BD) bis zum dunkelsten Ton Weathervane (#2C1F1A). Sie vereint Weathervane, Armadillo Egg, Truepenny, Bugle Call, Slices of Happy, Green Mist, Lily Pad Pond und Jadite in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 5 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #2C1F1A auf #EEE4BD mit 12,49: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

Weathervane #2C1F1A

RGB: rgb(44, 31, 26)
HSL: hsl(17, 26%, 14%)
Luminanz: 0,016

Armadillo Egg #7D4735

RGB: rgb(125, 71, 53)
HSL: hsl(15, 40%, 35%)
Luminanz: 0,091

Truepenny #B36D41

RGB: rgb(179, 109, 65)
HSL: hsl(23, 47%, 48%)
Luminanz: 0,209

Bugle Call #D89840

RGB: rgb(216, 152, 64)
HSL: hsl(35, 66%, 55%)
Luminanz: 0,374

Slices of Happy #EEE4BD

RGB: rgb(238, 228, 189)
HSL: hsl(48, 59%, 84%)
Luminanz: 0,773

Green Mist #C4C499

RGB: rgb(196, 196, 153)
HSL: hsl(60, 27%, 68%)
Luminanz: 0,535

Lily Pad Pond #7F9081

RGB: rgb(127, 144, 129)
HSL: hsl(127, 7%, 53%)
Luminanz: 0,260

Jadite #61806A

RGB: rgb(97, 128, 106)
HSL: hsl(137, 14%, 44%)
Luminanz: 0,190

Kontrast & Barrierefreiheit

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

Aa #2C1F1A auf #EEE4BD 12,49:1 AAA

Aa #2C1F1A auf #C4C499 8,88:1 AAA

Aa #2C1F1A auf #D89840 6,44:1 AA

Aa #7D4735 auf #EEE4BD 5,83:1 AA

Aa #2C1F1A auf #7F9081 4,71:1 AA

Aa #7D4735 auf #C4C499 4,14:1 AA (großer Text)

Aa #2C1F1A auf #B36D41 3,93:1 AA (großer Text)

Aa #2C1F1A auf #61806A 3,64:1 AA (großer Text)

Aa #EEE4BD auf #61806A 3,43:1 AA (großer Text)

Aa #B36D41 auf #EEE4BD 3,18:1 AA (großer Text)

Aa #7D4735 auf #D89840 3,00:1 AA (großer Text)

Aa #EEE4BD auf #7F9081 2,65:1 Nicht bestanden

Aa #C4C499 auf #61806A 2,44:1 Nicht bestanden

Aa #B36D41 auf #C4C499 2,26:1 Nicht bestanden

Aa #7D4735 auf #7F9081 2,20:1 Nicht bestanden

Aa #2C1F1A auf #7D4735 2,14:1 Nicht bestanden

Aa #D89840 auf #EEE4BD 1,94:1 Nicht bestanden

Aa #C4C499 auf #7F9081 1,88:1 Nicht bestanden

Aa #7D4735 auf #B36D41 1,83:1 Nicht bestanden

Aa #D89840 auf #61806A 1,77:1 Nicht bestanden

Aa #7D4735 auf #61806A 1,70:1 Nicht bestanden

Aa #B36D41 auf #D89840 1,64:1 Nicht bestanden

Aa #EEE4BD auf #C4C499 1,41:1 Nicht bestanden

Aa #D89840 auf #C4C499 1,38:1 Nicht bestanden

Aa #D89840 auf #7F9081 1,37:1 Nicht bestanden

Aa #7F9081 auf #61806A 1,29:1 Nicht bestanden

Aa #B36D41 auf #7F9081 1,20:1 Nicht bestanden

Aa #B36D41 auf #61806A 1,08:1 Nicht bestanden

Verdigris

Verdigris

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen