Extinction

Palette mit 6 Farben · Neutral · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Extinction

Palette mit 6 Farben · Temperatur: Neutral · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Erdig 6 Farben Neutral Gemischt Komplementär pixelart gray fire lava

Likes 36

Farben 6

CSS-Variablen

:root {
  --c-earthy-1: #0D1A2B;
  --c-earthy-2: #2F4055;
  --c-earthy-3: #6F9388;
  --c-earthy-4: #A9C2A8;
  --c-earthy-5: #742727;
  --c-earthy-6: #F58E4A;
}

Über diese Palette

Diese erdige Palette mit 6 Farben reicht vom hellsten Ton Spring Leaves (#A9C2A8) bis zum dunkelsten Ton Trapped Darkness (#0D1A2B). Sie vereint Trapped Darkness, Waterhen Back, Nephrite, Spring Leaves, Spanish Tile und Poppy Glow in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 15. Davon erreichen 5 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #0D1A2B auf #A9C2A8 mit 9,14: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

Trapped Darkness #0D1A2B

RGB: rgb(13, 26, 43)
HSL: hsl(214, 54%, 11%)
Luminanz: 0,010

Waterhen Back #2F4055

RGB: rgb(47, 64, 85)
HSL: hsl(213, 29%, 26%)
Luminanz: 0,049

Nephrite #6F9388

RGB: rgb(111, 147, 136)
HSL: hsl(162, 14%, 51%)
Luminanz: 0,260

Spring Leaves #A9C2A8

RGB: rgb(169, 194, 168)
HSL: hsl(118, 18%, 71%)
Luminanz: 0,499

Spanish Tile #742727

RGB: rgb(116, 39, 39)
HSL: hsl(0, 50%, 30%)
Luminanz: 0,053

Poppy Glow #F58E4A

RGB: rgb(245, 142, 74)
HSL: hsl(24, 90%, 63%)
Luminanz: 0,393

Kontrast & Barrierefreiheit

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

Aa #0D1A2B auf #A9C2A8 9,14:1 AAA

Aa #0D1A2B auf #F58E4A 7,38:1 AAA

Aa #2F4055 auf #A9C2A8 5,52:1 AA

Aa #A9C2A8 auf #742727 5,32:1 AA

Aa #0D1A2B auf #6F9388 5,17:1 AA

Aa #2F4055 auf #F58E4A 4,46:1 AA (großer Text)

Aa #742727 auf #F58E4A 4,29:1 AA (großer Text)

Aa #2F4055 auf #6F9388 3,13:1 AA (großer Text)

Aa #6F9388 auf #742727 3,01:1 AA (großer Text)

Aa #6F9388 auf #A9C2A8 1,77:1 Nicht bestanden

Aa #0D1A2B auf #742727 1,72:1 Nicht bestanden

Aa #0D1A2B auf #2F4055 1,65:1 Nicht bestanden

Aa #6F9388 auf #F58E4A 1,43:1 Nicht bestanden

Aa #A9C2A8 auf #F58E4A 1,24:1 Nicht bestanden

Aa #2F4055 auf #742727 1,04:1 Nicht bestanden

Extinction

Extinction

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen