Chariot

Palette mit 7 Farben · Warm · Gemischt · Harmonie: Triadisch

Zurück zur Bibliothek

Chariot

Palette mit 7 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Triadisch

Bearbeiten

Erdig 7 Farben Warm Gemischt Triadisch

Likes 53

Farben 7

CSS-Variablen

:root {
  --c-earthy-1: #F9F6C2;
  --c-earthy-2: #EEE677;
  --c-earthy-3: #E1A937;
  --c-earthy-4: #C47F31;
  --c-earthy-5: #825D3A;
  --c-earthy-6: #54413B;
  --c-earthy-7: #342234;
}

Über diese Palette

Diese erdige Palette mit 7 Farben reicht vom hellsten Ton Fine Linen (#F9F6C2) bis zum dunkelsten Ton Fat Tuesday (#342234). Sie vereint Fine Linen, Fresh Lemonade, Dutch Orange, Exotic Honey, Japanese Iris, Double Espresso und Fat Tuesday in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 21. Davon erreichen 9 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #F9F6C2 auf #342234 mit 13,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

Fine Linen #F9F6C2

RGB: rgb(249, 246, 194)
HSL: hsl(57, 82%, 87%)
Luminanz: 0,900

Fresh Lemonade #EEE677

RGB: rgb(238, 230, 119)
HSL: hsl(56, 78%, 70%)
Luminanz: 0,761

Dutch Orange #E1A937

RGB: rgb(225, 169, 55)
HSL: hsl(40, 74%, 55%)
Luminanz: 0,447

Exotic Honey #C47F31

RGB: rgb(196, 127, 49)
HSL: hsl(32, 60%, 48%)
Luminanz: 0,271

Japanese Iris #825D3A

RGB: rgb(130, 93, 58)
HSL: hsl(29, 38%, 37%)
Luminanz: 0,129

Double Espresso #54413B

RGB: rgb(84, 65, 59)
HSL: hsl(14, 17%, 28%)
Luminanz: 0,060

Fat Tuesday #342234

RGB: rgb(52, 34, 52)
HSL: hsl(300, 21%, 17%)
Luminanz: 0,021

Kontrast & Barrierefreiheit

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

Aa #F9F6C2 auf #342234 13,33:1 AAA

Aa #EEE677 auf #342234 11,39:1 AAA

Aa #F9F6C2 auf #54413B 8,65:1 AAA

Aa #EEE677 auf #54413B 7,39:1 AAA

Aa #E1A937 auf #342234 6,97:1 AA

Aa #F9F6C2 auf #825D3A 5,31:1 AA

Aa #EEE677 auf #825D3A 4,54:1 AA

Aa #E1A937 auf #54413B 4,52:1 AA

Aa #C47F31 auf #342234 4,51:1 AA

Aa #F9F6C2 auf #C47F31 2,95:1 Nicht bestanden

Aa #C47F31 auf #54413B 2,93:1 Nicht bestanden

Aa #E1A937 auf #825D3A 2,78:1 Nicht bestanden

Aa #EEE677 auf #C47F31 2,52:1 Nicht bestanden

Aa #825D3A auf #342234 2,51:1 Nicht bestanden

Aa #F9F6C2 auf #E1A937 1,91:1 Nicht bestanden

Aa #C47F31 auf #825D3A 1,80:1 Nicht bestanden

Aa #EEE677 auf #E1A937 1,63:1 Nicht bestanden

Aa #825D3A auf #54413B 1,63:1 Nicht bestanden

Aa #E1A937 auf #C47F31 1,55:1 Nicht bestanden

Aa #54413B auf #342234 1,54:1 Nicht bestanden

Aa #F9F6C2 auf #EEE677 1,17:1 Nicht bestanden

Chariot

Chariot

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen