Startseite Farbpaletten Palette „Springtime“ mit 4 Farben

Palette „Springtime“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Springtime“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Warm Gemischt Triadisch

Likes 17.528

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #3C6255;
  --c-muted-2: #61876E;
  --c-muted-3: #A6BB8D;
  --c-muted-4: #EAE7B1;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Springtime (#EAE7B1) bis zum dunkelsten Ton Tropical Foliage (#3C6255). Sie vereint Tropical Foliage, Comfrey, Forest Tapestry und Springtime in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreicht 1 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #3C6255 auf #EAE7B1 mit 5,39:1.

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

Farben im Detail

Tropical Foliage #3C6255

RGB: rgb(60, 98, 85)
HSL: hsl(159, 24%, 31%)
Luminanz: 0,104

Comfrey #61876E

RGB: rgb(97, 135, 110)
HSL: hsl(141, 16%, 45%)
Luminanz: 0,210

Forest Tapestry #A6BB8D

RGB: rgb(166, 187, 141)
HSL: hsl(87, 25%, 64%)
Luminanz: 0,456

Springtime #EAE7B1

RGB: rgb(234, 231, 177)
HSL: hsl(57, 58%, 81%)
Luminanz: 0,778

Kontrast & Barrierefreiheit

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

Aa #3C6255 auf #EAE7B1 5,39:1 AA

Aa #3C6255 auf #A6BB8D 3,29:1 AA (großer Text)

Aa #61876E auf #EAE7B1 3,19:1 AA (großer Text)

Aa #61876E auf #A6BB8D 1,95:1 Nicht bestanden

Aa #3C6255 auf #61876E 1,69:1 Nicht bestanden

Aa #A6BB8D auf #EAE7B1 1,64:1 Nicht bestanden

Palette „Springtime“ mit 4 Farben