Adventure

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

Zurück zur Bibliothek

Adventure

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

Bearbeiten

Erdig 8 Farben Warm Gemischt Monochrom green brown grey swamp

Likes 22

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #22211B;
  --c-earthy-2: #3E4836;
  --c-earthy-3: #5D6677;
  --c-earthy-4: #778194;
  --c-earthy-5: #514136;
  --c-earthy-6: #725449;
  --c-earthy-7: #CE9513;
  --c-earthy-8: #EFC156;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Luminous Apricot (#EFC156) bis zum dunkelsten Ton Petroleum (#22211B). Sie vereint Petroleum, Arame Seaweed Green, Blue Zephyr, Tranquil Pond, Nutria Fur Brown, Hold Your Horses, Retro Vibe und Luminous Apricot in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 4 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #22211B auf #EFC156 mit 9,55: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

Petroleum #22211B

RGB: rgb(34, 33, 27)
HSL: hsl(51, 11%, 12%)
Luminanz: 0,015

Arame Seaweed Green #3E4836

RGB: rgb(62, 72, 54)
HSL: hsl(93, 14%, 25%)
Luminanz: 0,059

Blue Zephyr #5D6677

RGB: rgb(93, 102, 119)
HSL: hsl(219, 12%, 42%)
Luminanz: 0,132

Tranquil Pond #778194

RGB: rgb(119, 129, 148)
HSL: hsl(219, 12%, 52%)
Luminanz: 0,218

Nutria Fur Brown #514136

RGB: rgb(81, 65, 54)
HSL: hsl(24, 20%, 26%)
Luminanz: 0,058

Hold Your Horses #725449

RGB: rgb(114, 84, 73)
HSL: hsl(16, 22%, 37%)
Luminanz: 0,104

Retro Vibe #CE9513

RGB: rgb(206, 149, 19)
HSL: hsl(42, 83%, 44%)
Luminanz: 0,347

Luminous Apricot #EFC156

RGB: rgb(239, 193, 86)
HSL: hsl(42, 83%, 64%)
Luminanz: 0,572

Kontrast & Barrierefreiheit

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

Aa #22211B auf #EFC156 9,55:1 AAA

Aa #22211B auf #CE9513 6,10:1 AA

Aa #514136 auf #EFC156 5,76:1 AA

Aa #3E4836 auf #EFC156 5,69:1 AA

Aa #22211B auf #778194 4,11:1 AA (großer Text)

Aa #725449 auf #EFC156 4,04:1 AA (großer Text)

Aa #514136 auf #CE9513 3,67:1 AA (großer Text)

Aa #3E4836 auf #CE9513 3,63:1 AA (großer Text)

Aa #5D6677 auf #EFC156 3,42:1 AA (großer Text)

Aa #22211B auf #5D6677 2,79:1 Nicht bestanden

Aa #725449 auf #CE9513 2,58:1 Nicht bestanden

Aa #778194 auf #514136 2,48:1 Nicht bestanden

Aa #3E4836 auf #778194 2,45:1 Nicht bestanden

Aa #22211B auf #725449 2,37:1 Nicht bestanden

Aa #778194 auf #EFC156 2,32:1 Nicht bestanden

Aa #5D6677 auf #CE9513 2,18:1 Nicht bestanden

Aa #778194 auf #725449 1,74:1 Nicht bestanden

Aa #22211B auf #3E4836 1,68:1 Nicht bestanden

Aa #5D6677 auf #514136 1,68:1 Nicht bestanden

Aa #22211B auf #514136 1,66:1 Nicht bestanden

Aa #3E4836 auf #5D6677 1,66:1 Nicht bestanden

Aa #CE9513 auf #EFC156 1,57:1 Nicht bestanden

Aa #778194 auf #CE9513 1,48:1 Nicht bestanden

Aa #5D6677 auf #778194 1,47:1 Nicht bestanden

Aa #514136 auf #725449 1,43:1 Nicht bestanden

Aa #3E4836 auf #725449 1,41:1 Nicht bestanden

Aa #5D6677 auf #725449 1,18:1 Nicht bestanden

Aa #3E4836 auf #514136 1,01:1 Nicht bestanden

Adventure

Adventure

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen