August 8

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

Zurück zur Bibliothek

August 8

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

Bearbeiten

Erdig 8 Farben Neutral Gemischt Komplementär fall spooky autumn halloween

Likes 28

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #E6EFFF;
  --c-earthy-2: #E1CC8B;
  --c-earthy-3: #E28B30;
  --c-earthy-4: #AE6559;
  --c-earthy-5: #634F7F;
  --c-earthy-6: #18202D;
  --c-earthy-7: #708803;
  --c-earthy-8: #54B5BF;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Brilliant White (#E6EFFF) bis zum dunkelsten Ton Hēi Sè Black (#18202D). Sie vereint Brilliant White, Master Key, Status Bronze, Preserved Petals, Sumptuous Purple, Hēi Sè Black, Swamp Green und Aqua Verde 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 #E6EFFF auf #18202D mit 14,15: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

Brilliant White #E6EFFF

RGB: rgb(230, 239, 255)
HSL: hsl(218, 100%, 95%)
Luminanz: 0,858

Master Key #E1CC8B

RGB: rgb(225, 204, 139)
HSL: hsl(45, 59%, 71%)
Luminanz: 0,611

Status Bronze #E28B30

RGB: rgb(226, 139, 48)
HSL: hsl(31, 75%, 54%)
Luminanz: 0,349

Preserved Petals #AE6559

RGB: rgb(174, 101, 89)
HSL: hsl(8, 34%, 52%)
Luminanz: 0,190

Sumptuous Purple #634F7F

RGB: rgb(99, 79, 127)
HSL: hsl(265, 23%, 40%)
Luminanz: 0,098

Hēi Sè Black #18202D

RGB: rgb(24, 32, 45)
HSL: hsl(217, 30%, 14%)
Luminanz: 0,014

Swamp Green #708803

RGB: rgb(112, 136, 3)
HSL: hsl(71, 96%, 27%)
Luminanz: 0,211

Aqua Verde #54B5BF

RGB: rgb(84, 181, 191)
HSL: hsl(186, 46%, 54%)
Luminanz: 0,387

Kontrast & Barrierefreiheit

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

Aa #E6EFFF auf #18202D 14,15:1 AAA

Aa #E1CC8B auf #18202D 10,29:1 AAA

Aa #18202D auf #54B5BF 6,81:1 AA

Aa #E28B30 auf #18202D 6,21:1 AA

Aa #E6EFFF auf #634F7F 6,14:1 AA

Aa #E1CC8B auf #634F7F 4,47:1 AA (großer Text)

Aa #18202D auf #708803 4,06:1 AA (großer Text)

Aa #E6EFFF auf #AE6559 3,78:1 AA (großer Text)

Aa #AE6559 auf #18202D 3,74:1 AA (großer Text)

Aa #E6EFFF auf #708803 3,48:1 AA (großer Text)

Aa #634F7F auf #54B5BF 2,96:1 Nicht bestanden

Aa #E1CC8B auf #AE6559 2,75:1 Nicht bestanden

Aa #E28B30 auf #634F7F 2,70:1 Nicht bestanden

Aa #E1CC8B auf #708803 2,53:1 Nicht bestanden

Aa #634F7F auf #18202D 2,30:1 Nicht bestanden

Aa #E6EFFF auf #E28B30 2,28:1 Nicht bestanden

Aa #E6EFFF auf #54B5BF 2,08:1 Nicht bestanden

Aa #AE6559 auf #54B5BF 1,82:1 Nicht bestanden

Aa #634F7F auf #708803 1,76:1 Nicht bestanden

Aa #708803 auf #54B5BF 1,68:1 Nicht bestanden

Aa #E1CC8B auf #E28B30 1,66:1 Nicht bestanden

Aa #E28B30 auf #AE6559 1,66:1 Nicht bestanden

Aa #AE6559 auf #634F7F 1,63:1 Nicht bestanden

Aa #E28B30 auf #708803 1,53:1 Nicht bestanden

Aa #E1CC8B auf #54B5BF 1,51:1 Nicht bestanden

Aa #E6EFFF auf #E1CC8B 1,37:1 Nicht bestanden

Aa #E28B30 auf #54B5BF 1,10:1 Nicht bestanden

Aa #AE6559 auf #708803 1,08:1 Nicht bestanden

August 8

August 8

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen