Startseite Farbpaletten Palette „Eucalyptus Green“ mit 4 Farben

Palette „Eucalyptus Green“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Eucalyptus Green“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Neutral Gemischt Triadisch

Likes 12.363

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #1C6758;
  --c-muted-2: #3D8361;
  --c-muted-3: #D6CDA4;
  --c-muted-4: #EEF2E6;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Saltpan (#EEF2E6) bis zum dunkelsten Ton Eucalyptus Green (#1C6758). Sie vereint Eucalyptus Green, Adamite Green, Sawgrass Cottage und Saltpan 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 #1C6758 auf #EEF2E6 mit 5,9:1.

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

Farben im Detail

Eucalyptus Green #1C6758

RGB: rgb(28, 103, 88)
HSL: hsl(168, 57%, 26%)
Luminanz: 0,107

Adamite Green #3D8361

RGB: rgb(61, 131, 97)
HSL: hsl(151, 36%, 38%)
Luminanz: 0,181

Sawgrass Cottage #D6CDA4

RGB: rgb(214, 205, 164)
HSL: hsl(49, 38%, 74%)
Luminanz: 0,606

Saltpan #EEF2E6

RGB: rgb(238, 242, 230)
HSL: hsl(80, 32%, 93%)
Luminanz: 0,874

Kontrast & Barrierefreiheit

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

Aa #1C6758 auf #EEF2E6 5,90:1 AA

Aa #1C6758 auf #D6CDA4 4,19:1 AA (großer Text)

Aa #3D8361 auf #EEF2E6 4,00:1 AA (großer Text)

Aa #3D8361 auf #D6CDA4 2,84:1 Nicht bestanden

Aa #1C6758 auf #3D8361 1,48:1 Nicht bestanden

Aa #D6CDA4 auf #EEF2E6 1,41:1 Nicht bestanden

Palette „Eucalyptus Green“ mit 4 Farben