Patina

Palette mit 8 Farben · Warm · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Patina

Palette mit 8 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Erdig 8 Farben Warm Gemischt Komplementär green limited brown muted

Likes 131

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #D3EED3;
  --c-earthy-2: #93D4B5;
  --c-earthy-3: #5FB391;
  --c-earthy-4: #618C70;
  --c-earthy-5: #677255;
  --c-earthy-6: #78482A;
  --c-earthy-7: #631E17;
  --c-earthy-8: #3D0517;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton End of the Rainbow (#D3EED3) bis zum dunkelsten Ton Blaze It Dark Magenta (#3D0517). Sie vereint End of the Rainbow, Vista Blue, Crazy Eyes, Slate Green, French Tarragon, Urban Auburn, Cherrywood und Blaze It Dark Magenta in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 7 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #D3EED3 auf #3D0517 mit 13,74: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

End of the Rainbow #D3EED3

RGB: rgb(211, 238, 211)
HSL: hsl(120, 44%, 88%)
Luminanz: 0,797

Vista Blue #93D4B5

RGB: rgb(147, 212, 181)
HSL: hsl(151, 43%, 70%)
Luminanz: 0,566

Crazy Eyes #5FB391

RGB: rgb(95, 179, 145)
HSL: hsl(156, 36%, 54%)
Luminanz: 0,367

Slate Green #618C70

RGB: rgb(97, 140, 112)
HSL: hsl(141, 18%, 46%)
Luminanz: 0,225

French Tarragon #677255

RGB: rgb(103, 114, 85)
HSL: hsl(83, 15%, 39%)
Luminanz: 0,156

Urban Auburn #78482A

RGB: rgb(120, 72, 42)
HSL: hsl(23, 48%, 32%)
Luminanz: 0,088

Cherrywood #631E17

RGB: rgb(99, 30, 23)
HSL: hsl(6, 62%, 24%)
Luminanz: 0,036

Blaze It Dark Magenta #3D0517

RGB: rgb(61, 5, 23)
HSL: hsl(341, 85%, 13%)
Luminanz: 0,012

Kontrast & Barrierefreiheit

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

Aa #D3EED3 auf #3D0517 13,74:1 AAA

Aa #93D4B5 auf #3D0517 10,00:1 AAA

Aa #D3EED3 auf #631E17 9,80:1 AAA

Aa #93D4B5 auf #631E17 7,13:1 AAA

Aa #5FB391 auf #3D0517 6,77:1 AA

Aa #D3EED3 auf #78482A 6,14:1 AA

Aa #5FB391 auf #631E17 4,83:1 AA

Aa #93D4B5 auf #78482A 4,47:1 AA (großer Text)

Aa #618C70 auf #3D0517 4,46:1 AA (großer Text)

Aa #D3EED3 auf #677255 4,12:1 AA (großer Text)

Aa #677255 auf #3D0517 3,34:1 AA (großer Text)

Aa #618C70 auf #631E17 3,18:1 AA (großer Text)

Aa #D3EED3 auf #618C70 3,08:1 AA (großer Text)

Aa #5FB391 auf #78482A 3,02:1 AA (großer Text)

Aa #93D4B5 auf #677255 3,00:1 AA (großer Text)

Aa #677255 auf #631E17 2,38:1 Nicht bestanden

Aa #93D4B5 auf #618C70 2,24:1 Nicht bestanden

Aa #78482A auf #3D0517 2,24:1 Nicht bestanden

Aa #D3EED3 auf #5FB391 2,03:1 Nicht bestanden

Aa #5FB391 auf #677255 2,03:1 Nicht bestanden

Aa #618C70 auf #78482A 1,99:1 Nicht bestanden

Aa #78482A auf #631E17 1,60:1 Nicht bestanden

Aa #5FB391 auf #618C70 1,52:1 Nicht bestanden

Aa #677255 auf #78482A 1,49:1 Nicht bestanden

Aa #93D4B5 auf #5FB391 1,48:1 Nicht bestanden

Aa #631E17 auf #3D0517 1,40:1 Nicht bestanden

Aa #D3EED3 auf #93D4B5 1,37:1 Nicht bestanden

Aa #618C70 auf #677255 1,34:1 Nicht bestanden

Patina

Patina

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen