Startseite Farbpaletten Serpentine Emergence

Serpentine Emergence

Palette mit 7 Farben · Kühl · Gemischt · Harmonie: Triadisch

Zurück zur Bibliothek

Serpentine Emergence

Palette mit 7 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Triadisch

Bearbeiten

Gedeckt 7 Farben Kühl Gemischt Triadisch

Likes 65

Farben 7

CSS-Variablen

:root {
  --c-muted-1: #ABE97C;
  --c-muted-2: #63D34A;
  --c-muted-3: #39A74C;
  --c-muted-4: #3A785D;
  --c-muted-5: #2D5253;
  --c-muted-6: #1C2F35;
  --c-muted-7: #0C1218;
}

Über diese Palette

Diese gedeckte Palette mit 7 Farben reicht vom hellsten Ton Snarky Mint (#ABE97C) bis zum dunkelsten Ton Midnight Edition (#0C1218). Sie vereint Snarky Mint, Scorpion Green, Leapfrog, Liquid Green Stuff, Microwave Blue, Dark Pine Green und Midnight Edition in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 21. Davon erreichen 7 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #ABE97C auf #0C1218 mit 13,16:1.

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

Farben im Detail

Snarky Mint #ABE97C

RGB: rgb(171, 233, 124)
HSL: hsl(94, 71%, 70%)
Luminanz: 0,684

Scorpion Green #63D34A

RGB: rgb(99, 211, 74)
HSL: hsl(109, 61%, 56%)
Luminanz: 0,497

Leapfrog #39A74C

RGB: rgb(57, 167, 76)
HSL: hsl(130, 49%, 44%)
Luminanz: 0,290

Liquid Green Stuff #3A785D

RGB: rgb(58, 120, 93)
HSL: hsl(154, 35%, 35%)
Luminanz: 0,151

Microwave Blue #2D5253

RGB: rgb(45, 82, 83)
HSL: hsl(182, 30%, 25%)
Luminanz: 0,072

Dark Pine Green #1C2F35

RGB: rgb(28, 47, 53)
HSL: hsl(194, 31%, 16%)
Luminanz: 0,025

Midnight Edition #0C1218

RGB: rgb(12, 18, 24)
HSL: hsl(210, 33%, 7%)
Luminanz: 0,006

Kontrast & Barrierefreiheit

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

Aa #ABE97C auf #0C1218 13,16:1 AAA

Aa #63D34A auf #0C1218 9,82:1 AAA

Aa #ABE97C auf #1C2F35 9,74:1 AAA

Aa #63D34A auf #1C2F35 7,26:1 AAA

Aa #39A74C auf #0C1218 6,10:1 AA

Aa #ABE97C auf #2D5253 6,01:1 AA

Aa #39A74C auf #1C2F35 4,51:1 AA

Aa #63D34A auf #2D5253 4,48:1 AA (großer Text)

Aa #ABE97C auf #3A785D 3,65:1 AA (großer Text)

Aa #3A785D auf #0C1218 3,61:1 AA (großer Text)

Aa #39A74C auf #2D5253 2,79:1 Nicht bestanden

Aa #63D34A auf #3A785D 2,72:1 Nicht bestanden

Aa #3A785D auf #1C2F35 2,67:1 Nicht bestanden

Aa #2D5253 auf #0C1218 2,19:1 Nicht bestanden

Aa #ABE97C auf #39A74C 2,16:1 Nicht bestanden

Aa #39A74C auf #3A785D 1,69:1 Nicht bestanden

Aa #3A785D auf #2D5253 1,65:1 Nicht bestanden

Aa #2D5253 auf #1C2F35 1,62:1 Nicht bestanden

Aa #63D34A auf #39A74C 1,61:1 Nicht bestanden

Aa #1C2F35 auf #0C1218 1,35:1 Nicht bestanden

Aa #ABE97C auf #63D34A 1,34:1 Nicht bestanden

Serpentine Emergence