Startseite Farbpaletten Verdant Deep Woods

Verdant Deep Woods

Palette mit 9 Farben · Kühl · Dunkel · Harmonie: Analog

Zurück zur Bibliothek

Verdant Deep Woods

Palette mit 9 Farben · Temperatur: Kühl · Ton: Dunkel · Harmonie: Analog

Bearbeiten

Gedeckt 9 Farben Kühl Dunkel Analog green forest nature plants

Likes 104

Farben 9

CSS-Variablen

:root {
  --c-muted-1: #000C2C;
  --c-muted-2: #001D37;
  --c-muted-3: #003645;
  --c-muted-4: #005858;
  --c-muted-5: #00755C;
  --c-muted-6: #039A5D;
  --c-muted-7: #15BD5E;
  --c-muted-8: #00D459;
  --c-muted-9: #66F390;
}

Über diese Palette

Diese gedeckte Palette mit 9 Farben reicht vom hellsten Ton Grotesque Green (#66F390) bis zum dunkelsten Ton Mysterious Depths (#000C2C). Sie vereint Mysterious Depths, Naval Night, Crowberry Blue, Deep Teal, Tropical Rainforest, Shamrock, Intoxicate, Alienated und Grotesque Green in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 36. Davon erreichen 12 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #000C2C auf #66F390 mit 13,58:1.

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

Farben im Detail

Mysterious Depths #000C2C

RGB: rgb(0, 12, 44)
HSL: hsl(224, 100%, 9%)
Luminanz: 0,004

Naval Night #001D37

RGB: rgb(0, 29, 55)
HSL: hsl(208, 100%, 11%)
Luminanz: 0,012

Crowberry Blue #003645

RGB: rgb(0, 54, 69)
HSL: hsl(193, 100%, 14%)
Luminanz: 0,031

Deep Teal #005858

RGB: rgb(0, 88, 88)
HSL: hsl(180, 100%, 17%)
Luminanz: 0,077

Tropical Rainforest #00755C

RGB: rgb(0, 117, 92)
HSL: hsl(167, 100%, 23%)
Luminanz: 0,135

Shamrock #039A5D

RGB: rgb(3, 154, 93)
HSL: hsl(156, 96%, 31%)
Luminanz: 0,239

Intoxicate #15BD5E

RGB: rgb(21, 189, 94)
HSL: hsl(146, 80%, 41%)
Luminanz: 0,374

Alienated #00D459

RGB: rgb(0, 212, 89)
HSL: hsl(145, 100%, 42%)
Luminanz: 0,478

Grotesque Green #66F390

RGB: rgb(102, 243, 144)
HSL: hsl(138, 85%, 68%)
Luminanz: 0,689

Kontrast & Barrierefreiheit

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

Aa #000C2C auf #66F390 13,58:1 AAA

Aa #001D37 auf #66F390 12,01:1 AAA

Aa #000C2C auf #00D459 9,70:1 AAA

Aa #003645 auf #66F390 9,16:1 AAA

Aa #001D37 auf #00D459 8,58:1 AAA

Aa #000C2C auf #15BD5E 7,78:1 AAA

Aa #001D37 auf #15BD5E 6,88:1 AA

Aa #003645 auf #00D459 6,55:1 AA

Aa #005858 auf #66F390 5,83:1 AA

Aa #000C2C auf #039A5D 5,31:1 AA

Aa #003645 auf #15BD5E 5,25:1 AA

Aa #001D37 auf #039A5D 4,70:1 AA

Aa #005858 auf #00D459 4,16:1 AA (großer Text)

Aa #00755C auf #66F390 4,00:1 AA (großer Text)

Aa #003645 auf #039A5D 3,58:1 AA (großer Text)

Aa #000C2C auf #00755C 3,40:1 AA (großer Text)

Aa #005858 auf #15BD5E 3,34:1 AA (großer Text)

Aa #001D37 auf #00755C 3,01:1 AA (großer Text)

Aa #00755C auf #00D459 2,86:1 Nicht bestanden

Aa #039A5D auf #66F390 2,56:1 Nicht bestanden

Aa #000C2C auf #005858 2,33:1 Nicht bestanden

Aa #003645 auf #00755C 2,29:1 Nicht bestanden

Aa #00755C auf #15BD5E 2,29:1 Nicht bestanden

Aa #005858 auf #039A5D 2,28:1 Nicht bestanden

Aa #001D37 auf #005858 2,06:1 Nicht bestanden

Aa #039A5D auf #00D459 1,83:1 Nicht bestanden

Aa #15BD5E auf #66F390 1,75:1 Nicht bestanden

Aa #003645 auf #005858 1,57:1 Nicht bestanden

Aa #00755C auf #039A5D 1,56:1 Nicht bestanden

Aa #000C2C auf #003645 1,48:1 Nicht bestanden

Aa #005858 auf #00755C 1,46:1 Nicht bestanden

Aa #039A5D auf #15BD5E 1,46:1 Nicht bestanden

Aa #00D459 auf #66F390 1,40:1 Nicht bestanden

Aa #001D37 auf #003645 1,31:1 Nicht bestanden

Aa #15BD5E auf #00D459 1,25:1 Nicht bestanden

Aa #000C2C auf #001D37 1,13:1 Nicht bestanden

Verdant Deep Woods