Startseite Farbpaletten Gooseberry Ghost

Gooseberry Ghost

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

Zurück zur Bibliothek

Gooseberry Ghost

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

Bearbeiten

Lebendig 8 Farben Warm Gemischt Triadisch green ghost spooky dull

Likes 39

Farben 8

CSS-Variablen

:root {
  --c-vibrant-1: #988277;
  --c-vibrant-2: #645543;
  --c-vibrant-3: #45381C;
  --c-vibrant-4: #201C02;
  --c-vibrant-5: #F1FFAF;
  --c-vibrant-6: #B2F167;
  --c-vibrant-7: #25C04B;
  --c-vibrant-8: #006A3D;
}

Über diese Palette

Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton Hawthorn Blossom (#F1FFAF) bis zum dunkelsten Ton Liquorice Root (#201C02). Sie vereint Flower Wood, Sandalwood, Lisbon Brown, Liquorice Root, Hawthorn Blossom, Inchworm, Vegan Mastermind und Cadmium Green in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 11 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #201C02 auf #F1FFAF mit 16,01:1.

Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.

Farben im Detail

Flower Wood #988277

RGB: rgb(152, 130, 119)
HSL: hsl(20, 14%, 53%)
Luminanz: 0,240

Sandalwood #645543

RGB: rgb(100, 85, 67)
HSL: hsl(33, 20%, 33%)
Luminanz: 0,096

Lisbon Brown #45381C

RGB: rgb(69, 56, 28)
HSL: hsl(41, 42%, 19%)
Luminanz: 0,042

Liquorice Root #201C02

RGB: rgb(32, 28, 2)
HSL: hsl(52, 88%, 7%)
Luminanz: 0,011

Hawthorn Blossom #F1FFAF

RGB: rgb(241, 255, 175)
HSL: hsl(71, 100%, 84%)
Luminanz: 0,933

Inchworm #B2F167

RGB: rgb(178, 241, 103)
HSL: hsl(87, 83%, 67%)
Luminanz: 0,734

Vegan Mastermind #25C04B

RGB: rgb(37, 192, 75)
HSL: hsl(135, 68%, 45%)
Luminanz: 0,386

Cadmium Green #006A3D

RGB: rgb(0, 106, 61)
HSL: hsl(155, 100%, 21%)
Luminanz: 0,106

Kontrast & Barrierefreiheit

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

Aa #201C02 auf #F1FFAF 16,01:1 AAA

Aa #201C02 auf #B2F167 12,76:1 AAA

Aa #45381C auf #F1FFAF 10,71:1 AAA

Aa #45381C auf #B2F167 8,54:1 AAA

Aa #201C02 auf #25C04B 7,10:1 AAA

Aa #645543 auf #F1FFAF 6,73:1 AA

Aa #F1FFAF auf #006A3D 6,28:1 AA

Aa #645543 auf #B2F167 5,36:1 AA

Aa #B2F167 auf #006A3D 5,01:1 AA

Aa #45381C auf #25C04B 4,75:1 AA

Aa #988277 auf #201C02 4,72:1 AA

Aa #988277 auf #F1FFAF 3,39:1 AA (großer Text)

Aa #988277 auf #45381C 3,16:1 AA (großer Text)

Aa #645543 auf #25C04B 2,98:1 Nicht bestanden

Aa #25C04B auf #006A3D 2,79:1 Nicht bestanden

Aa #988277 auf #B2F167 2,70:1 Nicht bestanden

Aa #201C02 auf #006A3D 2,55:1 Nicht bestanden

Aa #645543 auf #201C02 2,38:1 Nicht bestanden

Aa #F1FFAF auf #25C04B 2,25:1 Nicht bestanden

Aa #988277 auf #645543 1,98:1 Nicht bestanden

Aa #988277 auf #006A3D 1,85:1 Nicht bestanden

Aa #B2F167 auf #25C04B 1,80:1 Nicht bestanden

Aa #45381C auf #006A3D 1,70:1 Nicht bestanden

Aa #645543 auf #45381C 1,59:1 Nicht bestanden

Aa #988277 auf #25C04B 1,50:1 Nicht bestanden

Aa #45381C auf #201C02 1,49:1 Nicht bestanden

Aa #F1FFAF auf #B2F167 1,25:1 Nicht bestanden

Aa #645543 auf #006A3D 1,07:1 Nicht bestanden

Gooseberry Ghost