Startseite Farbpaletten Green + Accent

Green + Accent

Palette mit 8 Farben · Kühl · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Green + Accent

Palette mit 8 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Erdig 8 Farben Kühl Gemischt Komplementär green forest accent

Likes 36

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #FBF4C4;
  --c-earthy-2: #AAD0A3;
  --c-earthy-3: #95B88F;
  --c-earthy-4: #3E4E47;
  --c-earthy-5: #253A3A;
  --c-earthy-6: #162627;
  --c-earthy-7: #111E1F;
  --c-earthy-8: #F89BB0;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Banana Custard (#FBF4C4) bis zum dunkelsten Ton Black Emerald (#111E1F). Sie vereint Banana Custard, Relaxation Green, Brookview, Deep Mooring, Kōrainando Green, Wet Foliage, Black Emerald und Flower Girl in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 14 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FBF4C4 auf #111E1F mit 15,32: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

Banana Custard #FBF4C4

RGB: rgb(251, 244, 196)
HSL: hsl(52, 87%, 88%)
Luminanz: 0,892

Relaxation Green #AAD0A3

RGB: rgb(170, 208, 163)
HSL: hsl(111, 32%, 73%)
Luminanz: 0,563

Brookview #95B88F

RGB: rgb(149, 184, 143)
HSL: hsl(111, 22%, 64%)
Luminanz: 0,427

Deep Mooring #3E4E47

RGB: rgb(62, 78, 71)
HSL: hsl(154, 11%, 27%)
Luminanz: 0,069

Kōrainando Green #253A3A

RGB: rgb(37, 58, 58)
HSL: hsl(180, 22%, 19%)
Luminanz: 0,037

Wet Foliage #162627

RGB: rgb(22, 38, 39)
HSL: hsl(184, 28%, 12%)
Luminanz: 0,017

Black Emerald #111E1F

RGB: rgb(17, 30, 31)
HSL: hsl(184, 29%, 9%)
Luminanz: 0,012

Flower Girl #F89BB0

RGB: rgb(248, 155, 176)
HSL: hsl(346, 87%, 79%)
Luminanz: 0,465

Kontrast & Barrierefreiheit

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

Aa #FBF4C4 auf #111E1F 15,32:1 AAA

Aa #FBF4C4 auf #162627 14,05:1 AAA

Aa #FBF4C4 auf #253A3A 10,80:1 AAA

Aa #AAD0A3 auf #111E1F 9,97:1 AAA

Aa #AAD0A3 auf #162627 9,15:1 AAA

Aa #111E1F auf #F89BB0 8,38:1 AAA

Aa #FBF4C4 auf #3E4E47 7,90:1 AAA

Aa #95B88F auf #111E1F 7,75:1 AAA

Aa #162627 auf #F89BB0 7,69:1 AAA

Aa #95B88F auf #162627 7,11:1 AAA

Aa #AAD0A3 auf #253A3A 7,03:1 AAA

Aa #253A3A auf #F89BB0 5,91:1 AA

Aa #95B88F auf #253A3A 5,46:1 AA

Aa #AAD0A3 auf #3E4E47 5,14:1 AA

Aa #3E4E47 auf #F89BB0 4,32:1 AA (großer Text)

Aa #95B88F auf #3E4E47 4,00:1 AA (großer Text)

Aa #FBF4C4 auf #95B88F 1,98:1 Nicht bestanden

Aa #3E4E47 auf #111E1F 1,94:1 Nicht bestanden

Aa #FBF4C4 auf #F89BB0 1,83:1 Nicht bestanden

Aa #3E4E47 auf #162627 1,78:1 Nicht bestanden

Aa #FBF4C4 auf #AAD0A3 1,54:1 Nicht bestanden

Aa #253A3A auf #111E1F 1,42:1 Nicht bestanden

Aa #3E4E47 auf #253A3A 1,37:1 Nicht bestanden

Aa #253A3A auf #162627 1,30:1 Nicht bestanden

Aa #AAD0A3 auf #95B88F 1,29:1 Nicht bestanden

Aa #AAD0A3 auf #F89BB0 1,19:1 Nicht bestanden

Aa #162627 auf #111E1F 1,09:1 Nicht bestanden

Aa #95B88F auf #F89BB0 1,08:1 Nicht bestanden

Green + Accent

Green + Accent

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen