Startseite Farbpaletten Plant Aesthetic 7

Plant Aesthetic 7

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

Zurück zur Bibliothek

Plant Aesthetic 7

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

Bearbeiten

Gedeckt 7 Farben Kühl Gemischt Analog green 7 blue grey

Likes 42

Farben 7

CSS-Variablen

:root {
  --c-muted-1: #E1E4DC;
  --c-muted-2: #BACDB0;
  --c-muted-3: #729B79;
  --c-muted-4: #475B63;
  --c-muted-5: #404B51;
  --c-muted-6: #363A3E;
  --c-muted-7: #2E2C2F;
}

Über diese Palette

Diese gedeckte Palette mit 7 Farben reicht vom hellsten Ton Catskill White (#E1E4DC) bis zum dunkelsten Ton Dark Onyx (#2E2C2F). Sie vereint Catskill White, Succulent Garden, Precious Oxley, Blue Tapestry, Medium Gunship Grey, Artist’s Charcoal und Dark Onyx 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 #E1E4DC auf #2E2C2F mit 10,76:1.

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

Farben im Detail

Catskill White #E1E4DC

RGB: rgb(225, 228, 220)
HSL: hsl(83, 13%, 88%)
Luminanz: 0,767

Succulent Garden #BACDB0

RGB: rgb(186, 205, 176)
HSL: hsl(99, 22%, 75%)
Luminanz: 0,572

Precious Oxley #729B79

RGB: rgb(114, 155, 121)
HSL: hsl(130, 17%, 53%)
Luminanz: 0,284

Blue Tapestry #475B63

RGB: rgb(71, 91, 99)
HSL: hsl(197, 16%, 33%)
Luminanz: 0,097

Medium Gunship Grey #404B51

RGB: rgb(64, 75, 81)
HSL: hsl(201, 12%, 28%)
Luminanz: 0,067

Artist’s Charcoal #363A3E

RGB: rgb(54, 58, 62)
HSL: hsl(210, 7%, 23%)
Luminanz: 0,042

Dark Onyx #2E2C2F

RGB: rgb(46, 44, 47)
HSL: hsl(280, 3%, 18%)
Luminanz: 0,026

Kontrast & Barrierefreiheit

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

Aa #E1E4DC auf #2E2C2F 10,76:1 AAA

Aa #E1E4DC auf #363A3E 8,92:1 AAA

Aa #BACDB0 auf #2E2C2F 8,20:1 AAA

Aa #E1E4DC auf #404B51 6,97:1 AA

Aa #BACDB0 auf #363A3E 6,80:1 AA

Aa #E1E4DC auf #475B63 5,55:1 AA

Aa #BACDB0 auf #404B51 5,31:1 AA

Aa #729B79 auf #2E2C2F 4,40:1 AA (großer Text)

Aa #BACDB0 auf #475B63 4,23:1 AA (großer Text)

Aa #729B79 auf #363A3E 3,65:1 AA (großer Text)

Aa #729B79 auf #404B51 2,85:1 Nicht bestanden

Aa #E1E4DC auf #729B79 2,44:1 Nicht bestanden

Aa #729B79 auf #475B63 2,27:1 Nicht bestanden

Aa #475B63 auf #2E2C2F 1,94:1 Nicht bestanden

Aa #BACDB0 auf #729B79 1,86:1 Nicht bestanden

Aa #475B63 auf #363A3E 1,61:1 Nicht bestanden

Aa #404B51 auf #2E2C2F 1,54:1 Nicht bestanden

Aa #E1E4DC auf #BACDB0 1,31:1 Nicht bestanden

Aa #404B51 auf #363A3E 1,28:1 Nicht bestanden

Aa #475B63 auf #404B51 1,26:1 Nicht bestanden

Aa #363A3E auf #2E2C2F 1,21:1 Nicht bestanden

Plant Aesthetic 7